From fd9ab922fdfe64bb3a52a7a2b4a313ec33093418 Mon Sep 17 00:00:00 2001 From: Yuan Qing Lim Date: Sun, 10 Dec 2023 02:40:21 +0800 Subject: [PATCH] Updates --- configuration/index.html | 2 +- index.html | 2 +- quick-start/index.html | 4 +- recipes/index.html | 2 +- reference-plugins-and-widgets/index.html | 2 +- storybook/assets/banner-0efaf16b.js.map | 1 - ...{banner-0efaf16b.js => banner-_WMKvoGx.js} | 3 +- ...anner-464dc457.css => banner-w3c3sfs4.css} | 0 .../assets/banner.stories-8ad76332.js.map | 1 - ...8ad76332.js => banner.stories-Mcfai9vy.js} | 3 +- storybook/assets/bold-Jm537La9.js | 1 + storybook/assets/bold-fe504295.js | 2 - storybook/assets/bold-fe504295.js.map | 1 - .../{bold-bec3b1f9.css => bold-jfQ55EAv.css} | 0 storybook/assets/bold.stories-5a775a7f.js.map | 1 - ...s-5a775a7f.js => bold.stories-H_NR_i94.js} | 3 +- storybook/assets/button-49678b56.js | 2 - storybook/assets/button-49678b56.js.map | 1 - storybook/assets/button-7i81gHC9.js | 1 + .../button-danger.stories-4c074330.js.map | 1 - ...0.js => button-danger.stories-IDoEabzs.js} | 3 +- .../button-default.stories-87bd9c88.js.map | 1 - ....js => button-default.stories-qkyf98_K.js} | 3 +- ...utton-f70ecda2.css => button-j2Biga2D.css} | 0 ...n-secondary-danger.stories-89e8f833.js.map | 1 - ...tton-secondary-danger.stories-BD6cDdZm.js} | 3 +- .../button-secondary.stories-388a8fcc.js.map | 1 - ...s => button-secondary.stories-B8DDp3TX.js} | 3 +- .../assets/button.module-2bfe3ef2.js.map | 1 - ...-2bfe3ef2.js => button.module-7LHM3uxw.js} | 1 - storybook/assets/checkbox-2b57e0c7.css | 1 - storybook/assets/checkbox-b26472f0.js | 2 - storybook/assets/checkbox-b26472f0.js.map | 1 - storybook/assets/checkbox-ou-3dnm1.css | 1 + .../checkbox-selected.stories-1db7411b.js.map | 1 - ... => checkbox-selected.stories-Lk1ACFBW.js} | 3 +- ...heckbox-unselected.stories-1ce5b43b.js.map | 1 - ...> checkbox-unselected.stories-mAGJi9bc.js} | 3 +- storybook/assets/checkbox-whaqbIRT.js | 1 + ...stories-8acd8039.css => code-9uEzsybj.css} | 0 storybook/assets/code.stories-8a74b352.js | 6 - storybook/assets/code.stories-8a74b352.js.map | 1 - storybook/assets/code.stories-djj4bJBQ.js | 5 + storybook/assets/columns-290be62d.js | 2 - storybook/assets/columns-290be62d.js.map | 1 - storybook/assets/columns-U3hU5xxd.js | 1 + ...umns-9e8b9a5e.css => columns-t8U3x5Er.css} | 0 .../assets/columns.stories-1299682b.js.map | 1 - ...299682b.js => columns.stories-y9TMP2Pz.js} | 15 +- .../assets/compute-next-value-3d847061.js.map | 1 - ...7061.js => compute-next-value-v04i_0LO.js} | 1 - storybook/assets/config-986ae472.js | 10 - storybook/assets/config-986ae472.js.map | 1 - storybook/assets/constants-4a59d305.js | 2 - storybook/assets/constants-4a59d305.js.map | 1 - storybook/assets/constants-TQdAxsXB.js | 1 + ...es-61d8a847.css => container-KqfQr_uZ.css} | 0 .../assets/container.stories-db68c1b3.js.map | 1 - ...8c1b3.js => container.stories-upSfGUWB.js} | 13 +- .../assets/create-class-name-71c46838.js.map | 1 - ...46838.js => create-class-name-gq91Tlk7.js} | 1 - storybook/assets/create-component-a83A1_Pu.js | 1 + storybook/assets/create-component-b0512abd.js | 2 - .../assets/create-component-b0512abd.js.map | 1 - ...e-focus-trap-key-down-handler-_kplv3kG.js} | 1 - ...ocus-trap-key-down-handler-e65db33a.js.map | 1 - storybook/assets/create-icon-59b2c318.js | 2 - storybook/assets/create-icon-59b2c318.js.map | 1 - ...-29ab0592.css => create-icon-KPF4BRl-.css} | 0 storybook/assets/create-icon-prVyFgUx.js | 1 + storybook/assets/disclosure-457591a5.js | 2 - storybook/assets/disclosure-457591a5.js.map | 1 - ...e-b53efc80.css => disclosure-R7MV9eYJ.css} | 0 storybook/assets/disclosure-Rnx3Yv7O.js | 1 + .../disclosure-closed.stories-d553f970.js | 30 --- .../disclosure-closed.stories-d553f970.js.map | 1 - .../disclosure-closed.stories-nfv589A3.js | 29 +++ .../disclosure-open.stories-5e163502.js | 30 --- .../disclosure-open.stories-5e163502.js.map | 1 - .../disclosure-open.stories-upp-riPy.js | 29 +++ ...ries-813854e1.css => divider-38y61yRP.css} | 0 storybook/assets/divider.stories-3-9BIGPg.js | 3 + storybook/assets/divider.stories-739f81e4.js | 4 - .../assets/divider.stories-739f81e4.js.map | 1 - ...own-19ea46e3.css => dropdown-0ez3b1hF.css} | 0 storybook/assets/dropdown-b1c572a4.js.map | 1 - .../dropdown-border.stories-5b886f31.js.map | 1 - ...js => dropdown-border.stories-cv--pAkc.js} | 41 ++-- .../dropdown-default.stories-63307882.js.map | 1 - ...s => dropdown-default.stories-PVoIwWk5.js} | 41 ++-- ...pdown-b1c572a4.js => dropdown-i_U1MUKd.js} | 3 +- ...=> dropdown-underline.stories-NVjQGAGM.js} | 41 ++-- ...dropdown-underline.stories-e6dc4cf6.js.map | 1 - storybook/assets/entry-preview-ESHCePHL.js | 9 + .../assets/file-comparator-3bc6e99f.js.map | 1 - ...bc6e99f.js => file-comparator-J4lx6xNz.js} | 1 - ...9540.js => file-upload-button-RaAkgiqe.js} | 3 +- ...91.css => file-upload-button-SeNiXi9q.css} | 0 ...upload-button-default.stories-4aJFcX-s.js} | 3 +- ...oad-button-default.stories-7fe0bffe.js.map | 1 - .../assets/file-upload-button-ff119540.js.map | 1 - ...d-button-secondary.stories-2b0091be.js.map | 1 - ...load-button-secondary.stories-H4wo7EAP.js} | 3 +- .../file-upload-dropzone-66f5398d.js.map | 1 - ...8d.js => file-upload-dropzone-URJ26_Ps.js} | 3 +- ....css => file-upload-dropzone-uTRHkxG-.css} | 0 ...le-upload-dropzone.stories-2f3f47d4.js.map | 1 - ... file-upload-dropzone.stories-OsAqkA9U.js} | 3 +- .../get-current-from-ref-47f174f6.js.map | 1 - ...f6.js => get-current-from-ref-KzY6_NOj.js} | 1 - storybook/assets/icon-12.stories-246a554b.js | 6 - .../assets/icon-12.stories-246a554b.js.map | 1 - storybook/assets/icon-12.stories-YvPSCqL5.js | 5 + storybook/assets/icon-16.stories-dff3ba7c.js | 152 ------------- .../assets/icon-16.stories-dff3ba7c.js.map | 1 - storybook/assets/icon-16.stories-ny6jNTwk.js | 151 +++++++++++++ storybook/assets/icon-32.stories-3lVry5eG.js | 201 +++++++++++++++++ storybook/assets/icon-32.stories-7ed91ff0.js | 202 ------------------ .../assets/icon-32.stories-7ed91ff0.js.map | 1 - storybook/assets/icon-8.stories-4gpzjTF-.js | 5 + storybook/assets/icon-8.stories-c9112dec.js | 6 - .../assets/icon-8.stories-c9112dec.js.map | 1 - storybook/assets/icon-button-10110ab3.js.map | 1 - ...-6f0f9066.css => icon-button-JkZb0qjB.css} | 0 ...on-10110ab3.js => icon-button-UahFBS6G.js} | 3 +- ...c6a.js => icon-button.stories-0eEjEUbw.js} | 3 +- .../icon-button.stories-26351c6a.js.map | 1 - .../assets/icon-caret-right-16-4OZxGOFD.js | 1 + .../assets/icon-caret-right-16-f2a2bc99.js | 2 - .../icon-caret-right-16-f2a2bc99.js.map | 1 - .../assets/icon-chevron-down-32-21cd5cae.js | 2 - .../icon-chevron-down-32-21cd5cae.js.map | 1 - .../assets/icon-chevron-down-32-UVJdQFN7.js | 1 + ...on-control-checkbox-checked-12-1nQT_nAV.js | 1 + ...on-control-checkbox-checked-12-fd838326.js | 2 - ...ontrol-checkbox-checked-12-fd838326.js.map | 1 - .../icon-control-chevron-down-8-WIusIu4s.js | 1 + .../icon-control-chevron-down-8-c2f32eaf.js | 2 - ...con-control-chevron-down-8-c2f32eaf.js.map | 1 - storybook/assets/icon-cross-32-9903a829.js | 2 - .../assets/icon-cross-32-9903a829.js.map | 1 - storybook/assets/icon-cross-32-kKgUD1DN.js | 1 + storybook/assets/icon-ellipsis-32-J7MTjauF.js | 1 + storybook/assets/icon-ellipsis-32-ea05aaf4.js | 2 - .../assets/icon-ellipsis-32-ea05aaf4.js.map | 1 - .../icon-layer-component-16-Cmvba59g.js | 1 + .../icon-layer-component-16-f7ee7cd7.js | 2 - .../icon-layer-component-16-f7ee7cd7.js.map | 1 - .../assets/icon-layer-frame-16-89e1c06f.js | 2 - .../icon-layer-frame-16-89e1c06f.js.map | 1 - .../assets/icon-layer-frame-16-sVAwYanE.js | 1 + ...icon-menu-checkmark-checked-16-11f1d34a.js | 2 - ...-menu-checkmark-checked-16-11f1d34a.js.map | 1 - ...icon-menu-checkmark-checked-16-YiEcMcv9.js | 1 + storybook/assets/icon-plus-32-8b6a0896.js | 2 - storybook/assets/icon-plus-32-8b6a0896.js.map | 1 - storybook/assets/icon-plus-32-QyIs5gmA.js | 1 + storybook/assets/icon-search-32-3e7_9C8J.js | 1 + storybook/assets/icon-search-32-6f1a60ac.js | 2 - .../assets/icon-search-32-6f1a60ac.js.map | 1 - .../icon-space-horizontal-16-8c2b3927.js | 2 - .../icon-space-horizontal-16-8c2b3927.js.map | 1 - .../icon-space-horizontal-16-X-oA0OB9.js | 1 + .../icon-text-align-right-16-51b4aacc.js | 2 - .../icon-text-align-right-16-51b4aacc.js.map | 1 - .../icon-text-align-right-16-J_jF2sTt.js | 1 + .../assets/icon-toggle-button-911bd8b2.js.map | 1 - ...52.css => icon-toggle-button-EUl5wPvh.css} | 0 ...d8b2.js => icon-toggle-button-PibQK2T8.js} | 3 +- ...le-button-selected.stories-e7bf491b.js.map | 1 - ...oggle-button-selected.stories-r7c-itNJ.js} | 3 +- ...-button-unselected.stories-70e73244.js.map | 1 - ...gle-button-unselected.stories-l0BL0ljN.js} | 3 +- storybook/assets/icon-warning-32-EzzE98O2.js | 1 + storybook/assets/icon-warning-32-b4db70b9.js | 2 - .../assets/icon-warning-32-b4db70b9.js.map | 1 - storybook/assets/iframe-394fd2bd.js | 2 - storybook/assets/iframe-394fd2bd.js.map | 1 - storybook/assets/iframe-GT1aGhI7.js | 7 + .../assets/index.stories-8bf340f0.js.map | 1 - ...-8bf340f0.js => index.stories-pMfAxagH.js} | 3 +- ...ories-9fe0824d.css => inline-KDlXHm1z.css} | 0 .../assets/inline.stories-36ef1375.js.map | 1 - ...36ef1375.js => inline.stories-wsks3aEC.js} | 15 +- ...ycode-character-generating-0746a523.js.map | 1 - ...-keycode-character-generating-0Qf6Kf4s.js} | 1 - .../assets/jsxRuntime.module-632ba37d.js | 2 - .../assets/jsxRuntime.module-632ba37d.js.map | 1 - .../assets/jsxRuntime.module-mP9ZGqev.js | 1 + .../{layer-5c2c61bd.js => layer-1iS7BN44.js} | 3 +- storybook/assets/layer-5c2c61bd.js.map | 1 - ...{layer-64539675.css => layer-GU1ceIAw.css} | 0 ...component-selected.stories-9a6a8262.js.map | 1 - ...er-component-selected.stories-WW1m5OgW.js} | 3 +- ...mponent-unselected.stories-3eb75bff.js.map | 1 - ...-component-unselected.stories-4sbK85q6.js} | 3 +- ...yer-frame-selected.stories-65b266eb.js.map | 1 - ... layer-frame-selected.stories-uJtAPPGq.js} | 3 +- ...r-frame-unselected.stories-43279d0f.js.map | 1 - ...ayer-frame-unselected.stories-NXBHKMAz.js} | 3 +- ...stories-43d6b0b7.css => link-v2tCSOw6.css} | 0 storybook/assets/link.stories-8f4fc19d.js.map | 1 - ...s-8f4fc19d.js => link.stories-s_WMOv7o.js} | 9 +- .../assets/loading-indicator-NeprGR7l.js | 1 + .../assets/loading-indicator-a4a1d996.js | 2 - .../assets/loading-indicator-a4a1d996.js.map | 1 - ...f62.css => loading-indicator-szUtEGsH.css} | 0 ... => loading-indicator.stories-_VKlm_r4.js} | 3 +- .../loading-indicator.stories-d2208236.js.map | 1 - ...349e7086.css => middle-align-TdV9bf6T.css} | 0 .../middle-align.stories-fb63b6cf.js.map | 1 - ...cf.js => middle-align.stories-wpjqUQ4b.js} | 3 +- storybook/assets/mixed-values-e51728b2.js.map | 1 - ...s-e51728b2.js => mixed-values-kiIAV0Ly.js} | 1 - .../{modal-ca5c9550.js => modal-AU58KIp5.js} | 3 +- ...{modal-d53550d7.css => modal-MCMEite7.css} | 0 .../modal-bottom.stories-71f48a0f.js.map | 1 - ...0f.js => modal-bottom.stories-jO5IzMCe.js} | 5 +- storybook/assets/modal-ca5c9550.js.map | 1 - .../modal-default.stories-6264ba3a.js.map | 1 - ...a.js => modal-default.stories-tVweCxBE.js} | 11 +- .../assets/modal-left.stories-571109b4.js.map | 1 - ...09b4.js => modal-left.stories-TGqZrk0m.js} | 11 +- ...3d6.js => modal-right.stories-P9Kik0mX.js} | 5 +- .../modal-right.stories-c21bf3d6.js.map | 1 - storybook/assets/muted-FAkxyWMe.js | 1 + storybook/assets/muted-c4f74b69.js | 2 - storybook/assets/muted-c4f74b69.js.map | 1 - ...{muted-c00cd133.css => muted-rxvDGnic.css} | 0 .../assets/muted.stories-f50fa510.js.map | 1 - ...-f50fa510.js => muted.stories-ouW6hQiY.js} | 3 +- storybook/assets/no-op-Uu3q6ZSj.js | 1 + storybook/assets/no-op-cb277961.js | 2 - storybook/assets/no-op-cb277961.js.map | 1 - storybook/assets/preact.module-fa42f7d1.js | 2 - .../assets/preact.module-fa42f7d1.js.map | 1 - storybook/assets/preact.module-pS-_M4k6.js | 1 + ...review-ba0a067c.js => preview-Ux_poXh_.js} | 3 +- ...view-85fdbae2.css => preview-XZxX3H5k.css} | 0 storybook/assets/preview-ba0a067c.js.map | 1 - ...ries-d6d240b7.css => preview-y4WD49EI.css} | 0 .../assets/preview.stories-27bd9269.js.map | 1 - ...7bd9269.js => preview.stories-yt4tr4rl.js} | 3 +- ...25fa6c6.css => radio-buttons-F4SLeHTv.css} | 0 ...d.js => radio-buttons.stories-8nBOLsn9.js} | 7 +- .../radio-buttons.stories-feddbbed.js.map | 1 - storybook/assets/range-slider-526ae6e9.js | 2 - storybook/assets/range-slider-526ae6e9.js.map | 1 - ...8dd2362a.css => range-slider-WI8CFO67.css} | 0 storybook/assets/range-slider-njcGadeh.js | 1 + .../range-slider.stories-8b06c019.js.map | 1 - ...19.js => range-slider.stories-xERzPFtp.js} | 5 +- .../raw-textbox-numeric-737ada3a.js.map | 1 - ...a3a.js => raw-textbox-numeric-P_SZCsOz.js} | 3 +- ...c6be1c.css => search-textbox-YICy67bR.css} | 0 ....js => search-textbox.stories-eY-3n0tv.js} | 3 +- .../search-textbox.stories-fedd062a.js.map | 1 - ...4bae1.js => segmented-control-9Om1GZT4.js} | 3 +- .../assets/segmented-control-f234bae1.js.map | 1 - ...5eb.css => segmented-control-jnMM-Jry.css} | 0 ... => segmented-control.stories-Rq3BCc0p.js} | 3 +- .../segmented-control.stories-d7784e58.js.map | 1 - ...2cb9e.css => selectable-item-QvAH-y-G.css} | 0 .../assets/selectable-item-c557a788.js.map | 1 - ...557a788.js => selectable-item-sN4Kf-eQ.js} | 3 +- ...able-item-selected.stories-1d766c1c.js.map | 1 - ...ectable-item-selected.stories-_sczjbVK.js} | 3 +- ...le-item-unselected.stories-9d294fae.js.map | 1 - ...table-item-unselected.stories-Fnh-SG_k.js} | 3 +- ...{stack-858d83b9.css => stack-Rre7KtU-.css} | 0 .../{stack-a63253f7.js => stack-_6nbU-5Y.js} | 3 +- storybook/assets/stack-a63253f7.js.map | 1 - ...-f0b656f0.js => stack.stories-Cy7OdWMn.js} | 13 +- .../assets/stack.stories-f0b656f0.js.map | 1 - ...stories-1b85315c.css => tabs-lGDQGXUB.css} | 0 storybook/assets/tabs.stories-5ea73981.js.map | 1 - ...s-5ea73981.js => tabs.stories-w3GSDRnt.js} | 7 +- storybook/assets/text-72c2365d.js.map | 1 - .../{text-72c2365d.js => text-SssoFudj.js} | 3 +- .../{text-6f7d014d.css => text-uN4TRVP7.css} | 0 storybook/assets/text.stories-fb46e146.js.map | 1 - ...s-fb46e146.js => text.stories-lS_Q2Npl.js} | 11 +- storybook/assets/textbox-InH0rXhO.js | 1 + ...tbox-51150df0.css => textbox-O61nvNFZ.css} | 0 .../textbox-autocomplete-40a3642f.js.map | 1 - ....css => textbox-autocomplete-4BX7G8mW.css} | 0 ...2f.js => textbox-autocomplete-ON4sHUkZ.js} | 3 +- ...utocomplete-border.stories-b83f1000.js.map | 1 - ...x-autocomplete-border.stories-wJfzFkS3.js} | 9 +- ...tocomplete-default.stories-5b478f7e.js.map | 1 - ...-autocomplete-default.stories-Ijz2fZ7R.js} | 3 +- ...utocomplete-underline.stories-5PQUIhGB.js} | 7 +- ...complete-underline.stories-82b41626.js.map | 1 - ....js => textbox-border.stories-Y9evAEAa.js} | 3 +- .../textbox-border.stories-dff8fefd.js.map | 1 - storybook/assets/textbox-cbecdc05.js | 2 - storybook/assets/textbox-cbecdc05.js.map | 1 - ...e72081b.css => textbox-color-1OXmEAhq.css} | 0 ...-e09f9d9a.js => textbox-color-XA5fhHru.js} | 3 +- ... textbox-color-border.stories-ZSu6xBPp.js} | 5 +- ...xtbox-color-border.stories-f2ff3567.js.map | 1 - ...textbox-color-default.stories-_HA6nw9g.js} | 3 +- ...tbox-color-default.stories-c94d931c.js.map | 1 - .../assets/textbox-color-e09f9d9a.js.map | 1 - ...xtbox-color-underline.stories--jT9QZwp.js} | 5 +- ...ox-color-underline.stories-2df4ce63.js.map | 1 - ...js => textbox-default.stories-Cpk7tdag.js} | 3 +- .../textbox-default.stories-a11a0e38.js.map | 1 - .../assets/textbox-multiline-5ebc1828.js.map | 1 - ...c1828.js => textbox-multiline-99OCCbva.js} | 3 +- ...tbox-multiline-border.stories--gb6GKW6.js} | 3 +- ...x-multiline-border.stories-4d6039ad.js.map | 1 - ...-multiline-default.stories-8433aa3e.js.map | 1 - ...box-multiline-default.stories-BmQmxhU2.js} | 3 +- ...b68.css => textbox-multiline-jO8cXaxK.css} | 0 ...ultiline-underline.stories-09bed23e.js.map | 1 - ...x-multiline-underline.stories-9pfXK8T2.js} | 3 +- storybook/assets/textbox-numeric-1a566c07.js | 2 - .../assets/textbox-numeric-1a566c07.js.map | 1 - storybook/assets/textbox-numeric-PxkjMYjC.js | 1 + ...979cb.css => textbox-numeric-XCu0BD7X.css} | 0 ...box-numeric-border.stories-5afba1b7.js.map | 1 - ...extbox-numeric-border.stories-g2dVNLVl.js} | 3 +- ...ox-numeric-default.stories-0089a338.js.map | 1 - ...xtbox-numeric-default.stories-e6Ok1HXC.js} | 3 +- ...-numeric-underline.stories-97590a5d.js.map | 1 - ...box-numeric-underline.stories-uU8HTsVu.js} | 3 +- .../textbox-underline.stories-72689ea6.js.map | 1 - ... => textbox-underline.stories-uuyKIThV.js} | 3 +- storybook/assets/textbox.module-917ccc0f.js | 2 - .../assets/textbox.module-917ccc0f.js.map | 1 - storybook/assets/textbox.module-SUUSsoq6.js | 1 + storybook/assets/toggle-GgNXmnTj.css | 1 + storybook/assets/toggle-Ssv4YiRN.js | 1 + storybook/assets/toggle-d38d149f.js | 2 - storybook/assets/toggle-d38d149f.js.map | 1 - storybook/assets/toggle-f105433d.css | 1 - .../toggle-selected.stories-77ae03f0.js.map | 1 - ...js => toggle-selected.stories-Tohjby0S.js} | 3 +- .../toggle-unselected.stories-bb83c243.js.map | 1 - ... => toggle-unselected.stories-igJZ6KvY.js} | 3 +- storybook/assets/use-focus-trap-22e1816a.js | 2 - .../assets/use-focus-trap-22e1816a.js.map | 1 - storybook/assets/use-focus-trap-B-9_MXKH.js | 1 + .../assets/use-focus-trap.stories-093f69e2.js | 15 -- .../use-focus-trap.stories-093f69e2.js.map | 1 - .../assets/use-focus-trap.stories-R3nnK0N7.js | 14 ++ .../assets/use-form.stories-2103883c.js.map | 1 - ...03883c.js => use-form.stories-tCkv2mPS.js} | 3 +- .../assets/use-initial-focus-57bdde46.js.map | 1 - ...dde46.js => use-initial-focus-xmfxIugy.js} | 3 +- .../use-initial-focus.stories-e2a5d5aa.js | 15 -- .../use-initial-focus.stories-e2a5d5aa.js.map | 1 - .../use-initial-focus.stories-g_gPTZYH.js | 14 ++ ...ss => use-mouse-down-outside-NFl9jwTD.css} | 0 .../use-mouse-down-outside-bb94ce97.js.map | 1 - ....js => use-mouse-down-outside-sDCyQFx-.js} | 3 +- ...86dd52.css => vertical-space-3q1dPwwc.css} | 0 storybook/assets/vertical-space-UCQOgkM_.js | 1 + storybook/assets/vertical-space-f6719a71.js | 2 - .../assets/vertical-space-f6719a71.js.map | 1 - ....js => vertical-space.stories-9DWbUa8d.js} | 13 +- .../vertical-space.stories-d7dd5a5e.js.map | 1 - storybook/iframe.html | 8 +- storybook/index.html | 3 +- storybook/project.json | 2 +- .../sb-addons/storybook-2/manager-bundle.js | 4 +- .../sb-addons/storysource-0/manager-bundle.js | 21 +- .../storysource-0/manager-bundle.js.LEGAL.txt | 14 -- .../sb-addons/toolbars-1/manager-bundle.js | 2 +- .../WithTooltip-4HIR6TLV-L6ICANXH.js | 1 - .../WithTooltip-V3YHNWJZ-LVYLGZW2.js | 1 + storybook/sb-manager/chunk-2IXBUOFS.js | 7 + .../{chunk-WZJAIZ64.js => chunk-3MAIP5DL.js} | 46 ++-- .../{chunk-5AW67ZFX.js => chunk-INSKDKQB.js} | 12 +- storybook/sb-manager/chunk-NGTUFCUO.js | 9 + storybook/sb-manager/chunk-OQCANWBN.js | 7 - storybook/sb-manager/chunk-TCCQ5FBZ.js | 9 - storybook/sb-manager/globals-module-info.js | 1 + storybook/sb-manager/globals.js | 2 +- storybook/sb-manager/index.js | 2 +- storybook/sb-manager/runtime.js | 2 +- ...=> syntaxhighlighter-V7JZZA35-DXZCI2WR.js} | 2 +- storybook/sb-preview/globals.js | 2 +- storybook/sb-preview/runtime.js | 32 +-- ui/index.html | 13 +- utilities/index.html | 2 +- 387 files changed, 799 insertions(+), 1085 deletions(-) delete mode 100644 storybook/assets/banner-0efaf16b.js.map rename storybook/assets/{banner-0efaf16b.js => banner-_WMKvoGx.js} (59%) rename storybook/assets/{banner-464dc457.css => banner-w3c3sfs4.css} (100%) delete mode 100644 storybook/assets/banner.stories-8ad76332.js.map rename storybook/assets/{banner.stories-8ad76332.js => banner.stories-Mcfai9vy.js} (76%) create mode 100644 storybook/assets/bold-Jm537La9.js delete mode 100644 storybook/assets/bold-fe504295.js delete mode 100644 storybook/assets/bold-fe504295.js.map rename storybook/assets/{bold-bec3b1f9.css => bold-jfQ55EAv.css} (100%) delete mode 100644 storybook/assets/bold.stories-5a775a7f.js.map rename storybook/assets/{bold.stories-5a775a7f.js => bold.stories-H_NR_i94.js} (57%) delete mode 100644 storybook/assets/button-49678b56.js delete mode 100644 storybook/assets/button-49678b56.js.map create mode 100644 storybook/assets/button-7i81gHC9.js delete mode 100644 storybook/assets/button-danger.stories-4c074330.js.map rename storybook/assets/{button-danger.stories-4c074330.js => button-danger.stories-IDoEabzs.js} (66%) delete mode 100644 storybook/assets/button-default.stories-87bd9c88.js.map rename storybook/assets/{button-default.stories-87bd9c88.js => button-default.stories-qkyf98_K.js} (65%) rename storybook/assets/{button-f70ecda2.css => button-j2Biga2D.css} (100%) delete mode 100644 storybook/assets/button-secondary-danger.stories-89e8f833.js.map rename storybook/assets/{button-secondary-danger.stories-89e8f833.js => button-secondary-danger.stories-BD6cDdZm.js} (63%) delete mode 100644 storybook/assets/button-secondary.stories-388a8fcc.js.map rename storybook/assets/{button-secondary.stories-388a8fcc.js => button-secondary.stories-B8DDp3TX.js} (66%) delete mode 100644 storybook/assets/button.module-2bfe3ef2.js.map rename storybook/assets/{button.module-2bfe3ef2.js => button.module-7LHM3uxw.js} (86%) delete mode 100644 storybook/assets/checkbox-2b57e0c7.css delete mode 100644 storybook/assets/checkbox-b26472f0.js delete mode 100644 storybook/assets/checkbox-b26472f0.js.map create mode 100644 storybook/assets/checkbox-ou-3dnm1.css delete mode 100644 storybook/assets/checkbox-selected.stories-1db7411b.js.map rename storybook/assets/{checkbox-selected.stories-1db7411b.js => checkbox-selected.stories-Lk1ACFBW.js} (84%) delete mode 100644 storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map rename storybook/assets/{checkbox-unselected.stories-1ce5b43b.js => checkbox-unselected.stories-mAGJi9bc.js} (84%) create mode 100644 storybook/assets/checkbox-whaqbIRT.js rename storybook/assets/{code.stories-8acd8039.css => code-9uEzsybj.css} (100%) delete mode 100644 storybook/assets/code.stories-8a74b352.js delete mode 100644 storybook/assets/code.stories-8a74b352.js.map create mode 100644 storybook/assets/code.stories-djj4bJBQ.js delete mode 100644 storybook/assets/columns-290be62d.js delete mode 100644 storybook/assets/columns-290be62d.js.map create mode 100644 storybook/assets/columns-U3hU5xxd.js rename storybook/assets/{columns-9e8b9a5e.css => columns-t8U3x5Er.css} (100%) delete mode 100644 storybook/assets/columns.stories-1299682b.js.map rename storybook/assets/{columns.stories-1299682b.js => columns.stories-y9TMP2Pz.js} (63%) delete mode 100644 storybook/assets/compute-next-value-3d847061.js.map rename storybook/assets/{compute-next-value-3d847061.js => compute-next-value-v04i_0LO.js} (73%) delete mode 100644 storybook/assets/config-986ae472.js delete mode 100644 storybook/assets/config-986ae472.js.map delete mode 100644 storybook/assets/constants-4a59d305.js delete mode 100644 storybook/assets/constants-4a59d305.js.map create mode 100644 storybook/assets/constants-TQdAxsXB.js rename storybook/assets/{container.stories-61d8a847.css => container-KqfQr_uZ.css} (100%) delete mode 100644 storybook/assets/container.stories-db68c1b3.js.map rename storybook/assets/{container.stories-db68c1b3.js => container.stories-upSfGUWB.js} (71%) delete mode 100644 storybook/assets/create-class-name-71c46838.js.map rename storybook/assets/{create-class-name-71c46838.js => create-class-name-gq91Tlk7.js} (60%) create mode 100644 storybook/assets/create-component-a83A1_Pu.js delete mode 100644 storybook/assets/create-component-b0512abd.js delete mode 100644 storybook/assets/create-component-b0512abd.js.map rename storybook/assets/{create-focus-trap-key-down-handler-e65db33a.js => create-focus-trap-key-down-handler-_kplv3kG.js} (88%) delete mode 100644 storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map delete mode 100644 storybook/assets/create-icon-59b2c318.js delete mode 100644 storybook/assets/create-icon-59b2c318.js.map rename storybook/assets/{create-icon-29ab0592.css => create-icon-KPF4BRl-.css} (100%) create mode 100644 storybook/assets/create-icon-prVyFgUx.js delete mode 100644 storybook/assets/disclosure-457591a5.js delete mode 100644 storybook/assets/disclosure-457591a5.js.map rename storybook/assets/{disclosure-b53efc80.css => disclosure-R7MV9eYJ.css} (100%) create mode 100644 storybook/assets/disclosure-Rnx3Yv7O.js delete mode 100644 storybook/assets/disclosure-closed.stories-d553f970.js delete mode 100644 storybook/assets/disclosure-closed.stories-d553f970.js.map create mode 100644 storybook/assets/disclosure-closed.stories-nfv589A3.js delete mode 100644 storybook/assets/disclosure-open.stories-5e163502.js delete mode 100644 storybook/assets/disclosure-open.stories-5e163502.js.map create mode 100644 storybook/assets/disclosure-open.stories-upp-riPy.js rename storybook/assets/{divider.stories-813854e1.css => divider-38y61yRP.css} (100%) create mode 100644 storybook/assets/divider.stories-3-9BIGPg.js delete mode 100644 storybook/assets/divider.stories-739f81e4.js delete mode 100644 storybook/assets/divider.stories-739f81e4.js.map rename storybook/assets/{dropdown-19ea46e3.css => dropdown-0ez3b1hF.css} (100%) delete mode 100644 storybook/assets/dropdown-b1c572a4.js.map delete mode 100644 storybook/assets/dropdown-border.stories-5b886f31.js.map rename storybook/assets/{dropdown-border.stories-5b886f31.js => dropdown-border.stories-cv--pAkc.js} (67%) delete mode 100644 storybook/assets/dropdown-default.stories-63307882.js.map rename storybook/assets/{dropdown-default.stories-63307882.js => dropdown-default.stories-PVoIwWk5.js} (67%) rename storybook/assets/{dropdown-b1c572a4.js => dropdown-i_U1MUKd.js} (87%) rename storybook/assets/{dropdown-underline.stories-e6dc4cf6.js => dropdown-underline.stories-NVjQGAGM.js} (67%) delete mode 100644 storybook/assets/dropdown-underline.stories-e6dc4cf6.js.map create mode 100644 storybook/assets/entry-preview-ESHCePHL.js delete mode 100644 storybook/assets/file-comparator-3bc6e99f.js.map rename storybook/assets/{file-comparator-3bc6e99f.js => file-comparator-J4lx6xNz.js} (73%) rename storybook/assets/{file-upload-button-ff119540.js => file-upload-button-RaAkgiqe.js} (74%) rename storybook/assets/{file-upload-button-de7a1991.css => file-upload-button-SeNiXi9q.css} (100%) rename storybook/assets/{file-upload-button-default.stories-7fe0bffe.js => file-upload-button-default.stories-4aJFcX-s.js} (67%) delete mode 100644 storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map delete mode 100644 storybook/assets/file-upload-button-ff119540.js.map delete mode 100644 storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map rename storybook/assets/{file-upload-button-secondary.stories-2b0091be.js => file-upload-button-secondary.stories-H4wo7EAP.js} (91%) delete mode 100644 storybook/assets/file-upload-dropzone-66f5398d.js.map rename storybook/assets/{file-upload-dropzone-66f5398d.js => file-upload-dropzone-URJ26_Ps.js} (84%) rename storybook/assets/{file-upload-dropzone-63bdf16e.css => file-upload-dropzone-uTRHkxG-.css} (100%) delete mode 100644 storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map rename storybook/assets/{file-upload-dropzone.stories-2f3f47d4.js => file-upload-dropzone.stories-OsAqkA9U.js} (84%) delete mode 100644 storybook/assets/get-current-from-ref-47f174f6.js.map rename storybook/assets/{get-current-from-ref-47f174f6.js => get-current-from-ref-KzY6_NOj.js} (66%) delete mode 100644 storybook/assets/icon-12.stories-246a554b.js delete mode 100644 storybook/assets/icon-12.stories-246a554b.js.map create mode 100644 storybook/assets/icon-12.stories-YvPSCqL5.js delete mode 100644 storybook/assets/icon-16.stories-dff3ba7c.js delete mode 100644 storybook/assets/icon-16.stories-dff3ba7c.js.map create mode 100644 storybook/assets/icon-16.stories-ny6jNTwk.js create mode 100644 storybook/assets/icon-32.stories-3lVry5eG.js delete mode 100644 storybook/assets/icon-32.stories-7ed91ff0.js delete mode 100644 storybook/assets/icon-32.stories-7ed91ff0.js.map create mode 100644 storybook/assets/icon-8.stories-4gpzjTF-.js delete mode 100644 storybook/assets/icon-8.stories-c9112dec.js delete mode 100644 storybook/assets/icon-8.stories-c9112dec.js.map delete mode 100644 storybook/assets/icon-button-10110ab3.js.map rename storybook/assets/{icon-button-6f0f9066.css => icon-button-JkZb0qjB.css} (100%) rename storybook/assets/{icon-button-10110ab3.js => icon-button-UahFBS6G.js} (62%) rename storybook/assets/{icon-button.stories-26351c6a.js => icon-button.stories-0eEjEUbw.js} (77%) delete mode 100644 storybook/assets/icon-button.stories-26351c6a.js.map create mode 100644 storybook/assets/icon-caret-right-16-4OZxGOFD.js delete mode 100644 storybook/assets/icon-caret-right-16-f2a2bc99.js delete mode 100644 storybook/assets/icon-caret-right-16-f2a2bc99.js.map delete mode 100644 storybook/assets/icon-chevron-down-32-21cd5cae.js delete mode 100644 storybook/assets/icon-chevron-down-32-21cd5cae.js.map create mode 100644 storybook/assets/icon-chevron-down-32-UVJdQFN7.js create mode 100644 storybook/assets/icon-control-checkbox-checked-12-1nQT_nAV.js delete mode 100644 storybook/assets/icon-control-checkbox-checked-12-fd838326.js delete mode 100644 storybook/assets/icon-control-checkbox-checked-12-fd838326.js.map create mode 100644 storybook/assets/icon-control-chevron-down-8-WIusIu4s.js delete mode 100644 storybook/assets/icon-control-chevron-down-8-c2f32eaf.js delete mode 100644 storybook/assets/icon-control-chevron-down-8-c2f32eaf.js.map delete mode 100644 storybook/assets/icon-cross-32-9903a829.js delete mode 100644 storybook/assets/icon-cross-32-9903a829.js.map create mode 100644 storybook/assets/icon-cross-32-kKgUD1DN.js create mode 100644 storybook/assets/icon-ellipsis-32-J7MTjauF.js delete mode 100644 storybook/assets/icon-ellipsis-32-ea05aaf4.js delete mode 100644 storybook/assets/icon-ellipsis-32-ea05aaf4.js.map create mode 100644 storybook/assets/icon-layer-component-16-Cmvba59g.js delete mode 100644 storybook/assets/icon-layer-component-16-f7ee7cd7.js delete mode 100644 storybook/assets/icon-layer-component-16-f7ee7cd7.js.map delete mode 100644 storybook/assets/icon-layer-frame-16-89e1c06f.js delete mode 100644 storybook/assets/icon-layer-frame-16-89e1c06f.js.map create mode 100644 storybook/assets/icon-layer-frame-16-sVAwYanE.js delete mode 100644 storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js delete mode 100644 storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js.map create mode 100644 storybook/assets/icon-menu-checkmark-checked-16-YiEcMcv9.js delete mode 100644 storybook/assets/icon-plus-32-8b6a0896.js delete mode 100644 storybook/assets/icon-plus-32-8b6a0896.js.map create mode 100644 storybook/assets/icon-plus-32-QyIs5gmA.js create mode 100644 storybook/assets/icon-search-32-3e7_9C8J.js delete mode 100644 storybook/assets/icon-search-32-6f1a60ac.js delete mode 100644 storybook/assets/icon-search-32-6f1a60ac.js.map delete mode 100644 storybook/assets/icon-space-horizontal-16-8c2b3927.js delete mode 100644 storybook/assets/icon-space-horizontal-16-8c2b3927.js.map create mode 100644 storybook/assets/icon-space-horizontal-16-X-oA0OB9.js delete mode 100644 storybook/assets/icon-text-align-right-16-51b4aacc.js delete mode 100644 storybook/assets/icon-text-align-right-16-51b4aacc.js.map create mode 100644 storybook/assets/icon-text-align-right-16-J_jF2sTt.js delete mode 100644 storybook/assets/icon-toggle-button-911bd8b2.js.map rename storybook/assets/{icon-toggle-button-342fdf52.css => icon-toggle-button-EUl5wPvh.css} (100%) rename storybook/assets/{icon-toggle-button-911bd8b2.js => icon-toggle-button-PibQK2T8.js} (69%) delete mode 100644 storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js.map rename storybook/assets/{icon-toggle-button-selected.stories-e7bf491b.js => icon-toggle-button-selected.stories-r7c-itNJ.js} (84%) delete mode 100644 storybook/assets/icon-toggle-button-unselected.stories-70e73244.js.map rename storybook/assets/{icon-toggle-button-unselected.stories-70e73244.js => icon-toggle-button-unselected.stories-l0BL0ljN.js} (83%) create mode 100644 storybook/assets/icon-warning-32-EzzE98O2.js delete mode 100644 storybook/assets/icon-warning-32-b4db70b9.js delete mode 100644 storybook/assets/icon-warning-32-b4db70b9.js.map delete mode 100644 storybook/assets/iframe-394fd2bd.js delete mode 100644 storybook/assets/iframe-394fd2bd.js.map create mode 100644 storybook/assets/iframe-GT1aGhI7.js delete mode 100644 storybook/assets/index.stories-8bf340f0.js.map rename storybook/assets/{index.stories-8bf340f0.js => index.stories-pMfAxagH.js} (72%) rename storybook/assets/{inline.stories-9fe0824d.css => inline-KDlXHm1z.css} (100%) delete mode 100644 storybook/assets/inline.stories-36ef1375.js.map rename storybook/assets/{inline.stories-36ef1375.js => inline.stories-wsks3aEC.js} (58%) delete mode 100644 storybook/assets/is-keycode-character-generating-0746a523.js.map rename storybook/assets/{is-keycode-character-generating-0746a523.js => is-keycode-character-generating-0Qf6Kf4s.js} (63%) delete mode 100644 storybook/assets/jsxRuntime.module-632ba37d.js delete mode 100644 storybook/assets/jsxRuntime.module-632ba37d.js.map create mode 100644 storybook/assets/jsxRuntime.module-mP9ZGqev.js rename storybook/assets/{layer-5c2c61bd.js => layer-1iS7BN44.js} (60%) delete mode 100644 storybook/assets/layer-5c2c61bd.js.map rename storybook/assets/{layer-64539675.css => layer-GU1ceIAw.css} (100%) delete mode 100644 storybook/assets/layer-component-selected.stories-9a6a8262.js.map rename storybook/assets/{layer-component-selected.stories-9a6a8262.js => layer-component-selected.stories-WW1m5OgW.js} (64%) delete mode 100644 storybook/assets/layer-component-unselected.stories-3eb75bff.js.map rename storybook/assets/{layer-component-unselected.stories-3eb75bff.js => layer-component-unselected.stories-4sbK85q6.js} (64%) delete mode 100644 storybook/assets/layer-frame-selected.stories-65b266eb.js.map rename storybook/assets/{layer-frame-selected.stories-65b266eb.js => layer-frame-selected.stories-uJtAPPGq.js} (73%) delete mode 100644 storybook/assets/layer-frame-unselected.stories-43279d0f.js.map rename storybook/assets/{layer-frame-unselected.stories-43279d0f.js => layer-frame-unselected.stories-NXBHKMAz.js} (89%) rename storybook/assets/{link.stories-43d6b0b7.css => link-v2tCSOw6.css} (100%) delete mode 100644 storybook/assets/link.stories-8f4fc19d.js.map rename storybook/assets/{link.stories-8f4fc19d.js => link.stories-s_WMOv7o.js} (55%) create mode 100644 storybook/assets/loading-indicator-NeprGR7l.js delete mode 100644 storybook/assets/loading-indicator-a4a1d996.js delete mode 100644 storybook/assets/loading-indicator-a4a1d996.js.map rename storybook/assets/{loading-indicator-e2d9ff62.css => loading-indicator-szUtEGsH.css} (100%) rename storybook/assets/{loading-indicator.stories-d2208236.js => loading-indicator.stories-_VKlm_r4.js} (73%) delete mode 100644 storybook/assets/loading-indicator.stories-d2208236.js.map rename storybook/assets/{middle-align.stories-349e7086.css => middle-align-TdV9bf6T.css} (100%) delete mode 100644 storybook/assets/middle-align.stories-fb63b6cf.js.map rename storybook/assets/{middle-align.stories-fb63b6cf.js => middle-align.stories-wpjqUQ4b.js} (76%) delete mode 100644 storybook/assets/mixed-values-e51728b2.js.map rename storybook/assets/{mixed-values-e51728b2.js => mixed-values-kiIAV0Ly.js} (55%) rename storybook/assets/{modal-ca5c9550.js => modal-AU58KIp5.js} (68%) rename storybook/assets/{modal-d53550d7.css => modal-MCMEite7.css} (100%) delete mode 100644 storybook/assets/modal-bottom.stories-71f48a0f.js.map rename storybook/assets/{modal-bottom.stories-71f48a0f.js => modal-bottom.stories-jO5IzMCe.js} (71%) delete mode 100644 storybook/assets/modal-ca5c9550.js.map delete mode 100644 storybook/assets/modal-default.stories-6264ba3a.js.map rename storybook/assets/{modal-default.stories-6264ba3a.js => modal-default.stories-tVweCxBE.js} (67%) delete mode 100644 storybook/assets/modal-left.stories-571109b4.js.map rename storybook/assets/{modal-left.stories-571109b4.js => modal-left.stories-TGqZrk0m.js} (67%) rename storybook/assets/{modal-right.stories-c21bf3d6.js => modal-right.stories-P9Kik0mX.js} (70%) delete mode 100644 storybook/assets/modal-right.stories-c21bf3d6.js.map create mode 100644 storybook/assets/muted-FAkxyWMe.js delete mode 100644 storybook/assets/muted-c4f74b69.js delete mode 100644 storybook/assets/muted-c4f74b69.js.map rename storybook/assets/{muted-c00cd133.css => muted-rxvDGnic.css} (100%) delete mode 100644 storybook/assets/muted.stories-f50fa510.js.map rename storybook/assets/{muted.stories-f50fa510.js => muted.stories-ouW6hQiY.js} (57%) create mode 100644 storybook/assets/no-op-Uu3q6ZSj.js delete mode 100644 storybook/assets/no-op-cb277961.js delete mode 100644 storybook/assets/no-op-cb277961.js.map delete mode 100644 storybook/assets/preact.module-fa42f7d1.js delete mode 100644 storybook/assets/preact.module-fa42f7d1.js.map create mode 100644 storybook/assets/preact.module-pS-_M4k6.js rename storybook/assets/{preview-ba0a067c.js => preview-Ux_poXh_.js} (69%) rename storybook/assets/{preview-85fdbae2.css => preview-XZxX3H5k.css} (100%) delete mode 100644 storybook/assets/preview-ba0a067c.js.map rename storybook/assets/{preview.stories-d6d240b7.css => preview-y4WD49EI.css} (100%) delete mode 100644 storybook/assets/preview.stories-27bd9269.js.map rename storybook/assets/{preview.stories-27bd9269.js => preview.stories-yt4tr4rl.js} (82%) rename storybook/assets/{radio-buttons.stories-a25fa6c6.css => radio-buttons-F4SLeHTv.css} (100%) rename storybook/assets/{radio-buttons.stories-feddbbed.js => radio-buttons.stories-8nBOLsn9.js} (90%) delete mode 100644 storybook/assets/radio-buttons.stories-feddbbed.js.map delete mode 100644 storybook/assets/range-slider-526ae6e9.js delete mode 100644 storybook/assets/range-slider-526ae6e9.js.map rename storybook/assets/{range-slider-8dd2362a.css => range-slider-WI8CFO67.css} (100%) create mode 100644 storybook/assets/range-slider-njcGadeh.js delete mode 100644 storybook/assets/range-slider.stories-8b06c019.js.map rename storybook/assets/{range-slider.stories-8b06c019.js => range-slider.stories-xERzPFtp.js} (82%) delete mode 100644 storybook/assets/raw-textbox-numeric-737ada3a.js.map rename storybook/assets/{raw-textbox-numeric-737ada3a.js => raw-textbox-numeric-P_SZCsOz.js} (68%) rename storybook/assets/{search-textbox.stories-59c6be1c.css => search-textbox-YICy67bR.css} (100%) rename storybook/assets/{search-textbox.stories-fedd062a.js => search-textbox.stories-eY-3n0tv.js} (92%) delete mode 100644 storybook/assets/search-textbox.stories-fedd062a.js.map rename storybook/assets/{segmented-control-f234bae1.js => segmented-control-9Om1GZT4.js} (66%) delete mode 100644 storybook/assets/segmented-control-f234bae1.js.map rename storybook/assets/{segmented-control-106855eb.css => segmented-control-jnMM-Jry.css} (100%) rename storybook/assets/{segmented-control.stories-d7784e58.js => segmented-control.stories-Rq3BCc0p.js} (83%) delete mode 100644 storybook/assets/segmented-control.stories-d7784e58.js.map rename storybook/assets/{selectable-item-9882cb9e.css => selectable-item-QvAH-y-G.css} (100%) delete mode 100644 storybook/assets/selectable-item-c557a788.js.map rename storybook/assets/{selectable-item-c557a788.js => selectable-item-sN4Kf-eQ.js} (71%) delete mode 100644 storybook/assets/selectable-item-selected.stories-1d766c1c.js.map rename storybook/assets/{selectable-item-selected.stories-1d766c1c.js => selectable-item-selected.stories-_sczjbVK.js} (88%) delete mode 100644 storybook/assets/selectable-item-unselected.stories-9d294fae.js.map rename storybook/assets/{selectable-item-unselected.stories-9d294fae.js => selectable-item-unselected.stories-Fnh-SG_k.js} (88%) rename storybook/assets/{stack-858d83b9.css => stack-Rre7KtU-.css} (100%) rename storybook/assets/{stack-a63253f7.js => stack-_6nbU-5Y.js} (58%) delete mode 100644 storybook/assets/stack-a63253f7.js.map rename storybook/assets/{stack.stories-f0b656f0.js => stack.stories-Cy7OdWMn.js} (64%) delete mode 100644 storybook/assets/stack.stories-f0b656f0.js.map rename storybook/assets/{tabs.stories-1b85315c.css => tabs-lGDQGXUB.css} (100%) delete mode 100644 storybook/assets/tabs.stories-5ea73981.js.map rename storybook/assets/{tabs.stories-5ea73981.js => tabs.stories-w3GSDRnt.js} (61%) delete mode 100644 storybook/assets/text-72c2365d.js.map rename storybook/assets/{text-72c2365d.js => text-SssoFudj.js} (53%) rename storybook/assets/{text-6f7d014d.css => text-uN4TRVP7.css} (100%) delete mode 100644 storybook/assets/text.stories-fb46e146.js.map rename storybook/assets/{text.stories-fb46e146.js => text.stories-lS_Q2Npl.js} (68%) create mode 100644 storybook/assets/textbox-InH0rXhO.js rename storybook/assets/{textbox-51150df0.css => textbox-O61nvNFZ.css} (100%) delete mode 100644 storybook/assets/textbox-autocomplete-40a3642f.js.map rename storybook/assets/{textbox-autocomplete-c97a57ca.css => textbox-autocomplete-4BX7G8mW.css} (100%) rename storybook/assets/{textbox-autocomplete-40a3642f.js => textbox-autocomplete-ON4sHUkZ.js} (89%) delete mode 100644 storybook/assets/textbox-autocomplete-border.stories-b83f1000.js.map rename storybook/assets/{textbox-autocomplete-border.stories-b83f1000.js => textbox-autocomplete-border.stories-wJfzFkS3.js} (72%) delete mode 100644 storybook/assets/textbox-autocomplete-default.stories-5b478f7e.js.map rename storybook/assets/{textbox-autocomplete-default.stories-5b478f7e.js => textbox-autocomplete-default.stories-Ijz2fZ7R.js} (94%) rename storybook/assets/{textbox-autocomplete-underline.stories-82b41626.js => textbox-autocomplete-underline.stories-5PQUIhGB.js} (76%) delete mode 100644 storybook/assets/textbox-autocomplete-underline.stories-82b41626.js.map rename storybook/assets/{textbox-border.stories-dff8fefd.js => textbox-border.stories-Y9evAEAa.js} (70%) delete mode 100644 storybook/assets/textbox-border.stories-dff8fefd.js.map delete mode 100644 storybook/assets/textbox-cbecdc05.js delete mode 100644 storybook/assets/textbox-cbecdc05.js.map rename storybook/assets/{textbox-color-ee72081b.css => textbox-color-1OXmEAhq.css} (100%) rename storybook/assets/{textbox-color-e09f9d9a.js => textbox-color-XA5fhHru.js} (95%) rename storybook/assets/{textbox-color-border.stories-f2ff3567.js => textbox-color-border.stories-ZSu6xBPp.js} (73%) delete mode 100644 storybook/assets/textbox-color-border.stories-f2ff3567.js.map rename storybook/assets/{textbox-color-default.stories-c94d931c.js => textbox-color-default.stories-_HA6nw9g.js} (93%) delete mode 100644 storybook/assets/textbox-color-default.stories-c94d931c.js.map delete mode 100644 storybook/assets/textbox-color-e09f9d9a.js.map rename storybook/assets/{textbox-color-underline.stories-2df4ce63.js => textbox-color-underline.stories--jT9QZwp.js} (74%) delete mode 100644 storybook/assets/textbox-color-underline.stories-2df4ce63.js.map rename storybook/assets/{textbox-default.stories-a11a0e38.js => textbox-default.stories-Cpk7tdag.js} (73%) delete mode 100644 storybook/assets/textbox-default.stories-a11a0e38.js.map delete mode 100644 storybook/assets/textbox-multiline-5ebc1828.js.map rename storybook/assets/{textbox-multiline-5ebc1828.js => textbox-multiline-99OCCbva.js} (80%) rename storybook/assets/{textbox-multiline-border.stories-4d6039ad.js => textbox-multiline-border.stories--gb6GKW6.js} (70%) delete mode 100644 storybook/assets/textbox-multiline-border.stories-4d6039ad.js.map delete mode 100644 storybook/assets/textbox-multiline-default.stories-8433aa3e.js.map rename storybook/assets/{textbox-multiline-default.stories-8433aa3e.js => textbox-multiline-default.stories-BmQmxhU2.js} (71%) rename storybook/assets/{textbox-multiline-0bafeb68.css => textbox-multiline-jO8cXaxK.css} (100%) delete mode 100644 storybook/assets/textbox-multiline-underline.stories-09bed23e.js.map rename storybook/assets/{textbox-multiline-underline.stories-09bed23e.js => textbox-multiline-underline.stories-9pfXK8T2.js} (93%) delete mode 100644 storybook/assets/textbox-numeric-1a566c07.js delete mode 100644 storybook/assets/textbox-numeric-1a566c07.js.map create mode 100644 storybook/assets/textbox-numeric-PxkjMYjC.js rename storybook/assets/{textbox-numeric-5e4979cb.css => textbox-numeric-XCu0BD7X.css} (100%) delete mode 100644 storybook/assets/textbox-numeric-border.stories-5afba1b7.js.map rename storybook/assets/{textbox-numeric-border.stories-5afba1b7.js => textbox-numeric-border.stories-g2dVNLVl.js} (94%) delete mode 100644 storybook/assets/textbox-numeric-default.stories-0089a338.js.map rename storybook/assets/{textbox-numeric-default.stories-0089a338.js => textbox-numeric-default.stories-e6Ok1HXC.js} (93%) delete mode 100644 storybook/assets/textbox-numeric-underline.stories-97590a5d.js.map rename storybook/assets/{textbox-numeric-underline.stories-97590a5d.js => textbox-numeric-underline.stories-uU8HTsVu.js} (94%) delete mode 100644 storybook/assets/textbox-underline.stories-72689ea6.js.map rename storybook/assets/{textbox-underline.stories-72689ea6.js => textbox-underline.stories-uuyKIThV.js} (93%) delete mode 100644 storybook/assets/textbox.module-917ccc0f.js delete mode 100644 storybook/assets/textbox.module-917ccc0f.js.map create mode 100644 storybook/assets/textbox.module-SUUSsoq6.js create mode 100644 storybook/assets/toggle-GgNXmnTj.css create mode 100644 storybook/assets/toggle-Ssv4YiRN.js delete mode 100644 storybook/assets/toggle-d38d149f.js delete mode 100644 storybook/assets/toggle-d38d149f.js.map delete mode 100644 storybook/assets/toggle-f105433d.css delete mode 100644 storybook/assets/toggle-selected.stories-77ae03f0.js.map rename storybook/assets/{toggle-selected.stories-77ae03f0.js => toggle-selected.stories-Tohjby0S.js} (85%) delete mode 100644 storybook/assets/toggle-unselected.stories-bb83c243.js.map rename storybook/assets/{toggle-unselected.stories-bb83c243.js => toggle-unselected.stories-igJZ6KvY.js} (85%) delete mode 100644 storybook/assets/use-focus-trap-22e1816a.js delete mode 100644 storybook/assets/use-focus-trap-22e1816a.js.map create mode 100644 storybook/assets/use-focus-trap-B-9_MXKH.js delete mode 100644 storybook/assets/use-focus-trap.stories-093f69e2.js delete mode 100644 storybook/assets/use-focus-trap.stories-093f69e2.js.map create mode 100644 storybook/assets/use-focus-trap.stories-R3nnK0N7.js delete mode 100644 storybook/assets/use-form.stories-2103883c.js.map rename storybook/assets/{use-form.stories-2103883c.js => use-form.stories-tCkv2mPS.js} (55%) delete mode 100644 storybook/assets/use-initial-focus-57bdde46.js.map rename storybook/assets/{use-initial-focus-57bdde46.js => use-initial-focus-xmfxIugy.js} (75%) delete mode 100644 storybook/assets/use-initial-focus.stories-e2a5d5aa.js delete mode 100644 storybook/assets/use-initial-focus.stories-e2a5d5aa.js.map create mode 100644 storybook/assets/use-initial-focus.stories-g_gPTZYH.js rename storybook/assets/{use-mouse-down-outside-e35ac25f.css => use-mouse-down-outside-NFl9jwTD.css} (100%) delete mode 100644 storybook/assets/use-mouse-down-outside-bb94ce97.js.map rename storybook/assets/{use-mouse-down-outside-bb94ce97.js => use-mouse-down-outside-sDCyQFx-.js} (78%) rename storybook/assets/{vertical-space-5486dd52.css => vertical-space-3q1dPwwc.css} (100%) create mode 100644 storybook/assets/vertical-space-UCQOgkM_.js delete mode 100644 storybook/assets/vertical-space-f6719a71.js delete mode 100644 storybook/assets/vertical-space-f6719a71.js.map rename storybook/assets/{vertical-space.stories-d7dd5a5e.js => vertical-space.stories-9DWbUa8d.js} (63%) delete mode 100644 storybook/assets/vertical-space.stories-d7dd5a5e.js.map delete mode 100644 storybook/sb-manager/WithTooltip-4HIR6TLV-L6ICANXH.js create mode 100644 storybook/sb-manager/WithTooltip-V3YHNWJZ-LVYLGZW2.js create mode 100644 storybook/sb-manager/chunk-2IXBUOFS.js rename storybook/sb-manager/{chunk-WZJAIZ64.js => chunk-3MAIP5DL.js} (56%) rename storybook/sb-manager/{chunk-5AW67ZFX.js => chunk-INSKDKQB.js} (95%) create mode 100644 storybook/sb-manager/chunk-NGTUFCUO.js delete mode 100644 storybook/sb-manager/chunk-OQCANWBN.js delete mode 100644 storybook/sb-manager/chunk-TCCQ5FBZ.js create mode 100644 storybook/sb-manager/globals-module-info.js rename storybook/sb-manager/{syntaxhighlighter-NMPM6SWI-WFK223KV.js => syntaxhighlighter-V7JZZA35-DXZCI2WR.js} (54%) diff --git a/configuration/index.html b/configuration/index.html index e9c438f15..301c72439 100644 --- a/configuration/index.html +++ b/configuration/index.html @@ -1,4 +1,4 @@ -Configuration — Create Figma Plugin
Skip to content

Create Figma Plugin

Configuration

Configuration options#

Configure your plugin/widget under the "figma-plugin" key of your package.json file.

The configuration options map closely to the plugin and widget manifest.json APIs:

api#

(string)

Optional. The version of the plugin API to use. Defaults to "1.0.0".

widgetApi#

(string)

Optional. The version of the widget API to use. Defaults to "1.0.0".

editorType#

(Array<"figma" | "figjam" | "dev">)

Optional. For specifying the editor(s) that the plugin/widget is intended for. Possible editor types are "figma", "figjam" and "dev". Defaults to ["figma"]. The value ["figjam", "dev"] is currently not supported.

containsWidget#

(boolean)

Optional. This field must be set to true for a FigJam widget. Defaults to false.

id#

(string)

Required to publish the plugin/widget on Figma Community. The plugin/widget ID. This field can be omitted during development but is required if you want to publish your plugin/widget. Figma will generate a unique ID for you when you first try to publish your plugin/widget; copy and paste that ID here.

name#

(string)

Required. The name of the plugin/widget.

main#

(string or object)

Required, unless "menu" is specified. Path to the main entry point of the plugin command or widget. The main entry point must be the function set as the default export of the file. To use a particular named export instead, specify an object with the following keys:

  • "src" (string) — Required. Path to the main entry point.
  • "handler" (string) — Required. The name of the exported function in the file.

Example

{
+Configuration — Create Figma Plugin
Skip to content
Create Figma Plugin
Configuration
Configuration options#
Configure your plugin/widget under the "figma-plugin" key of your package.json file.
The configuration options map closely to the plugin and widget manifest.json APIs:
api#
(string)
Optional. The version of the plugin API to use. Defaults to "1.0.0".
widgetApi#
(string)
Optional. The version of the widget API to use. Defaults to "1.0.0".
editorType#
(Array<"figma" | "figjam" | "dev">)
Optional. For specifying the editor(s) that the plugin/widget is intended for. Possible editor types are "figma", "figjam" and "dev". Defaults to ["figma"]. The value ["figjam", "dev"] is currently not supported.
containsWidget#
(boolean)
Optional. This field must be set to true for a FigJam widget. Defaults to false.
id#
(string)
Required to publish the plugin/widget on Figma Community. The plugin/widget ID. This field can be omitted during development but is required if you want to publish your plugin/widget. Figma will generate a unique ID for you when you first try to publish your plugin/widget; copy and paste that ID here.
name#
(string)
Required. The name of the plugin/widget.
main#
(string or object)
Required, unless "menu" is specified. Path to the main entry point of the plugin command or widget. The main entry point must be the function set as the default export of the file. To use a particular named export instead, specify an object with the following keys:
  • "src" (string) — Required. Path to the main entry point.
  • "handler" (string) — Required. The name of the exported function in the file.
Example
{
   "figma-plugin": {
     "id": "806532458729477508",
     "name": "Draw Mask Under Selection",
diff --git a/index.html b/index.html
index 2e6715e4f..5ad6c2705 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-Create Figma Plugin
Skip to content
Create Figma Plugin
The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
Key features#
Get started
Used by designers and developers globally#
What people say about Create Figma Plugin#
  • Create Figma Plugin is so great. It provides a suite of utilities and Preact components that fit with Figma’s UI, and it gives you a local dev setup with TypeScript and CSS Modules support. Thanks @yuanqinglim for your amazing work 🙏
    Mark Dalgleish
    @markdalgleish
    Aug 19, 2022
  • This was also the first time I used @yuanqinglim’s Create Figma Plugin toolkit and wow – what a comprehensive and thought-out library. Allowed me to have the first prototype up and running in just an hour. A staple for building Figma plugins from now on 😌
    Alex Widua
    @alexwidua
    Aug 21, 2021
  • If you build plugins for @figma do yourself a favor and start using Create Figma Plugin toolkit by @yuanqinglim!
    tkmadeit
    @tkmadeit
    Aug 19, 2021
  • I know I’m late to this party but I just published my first @figma plugin 🥳 (org-only so can’t share yet). @yuanqinglim’s Create Figma Plugin library made building the UI so easy and helped me focus on the logic instead. Highly recommended!
    Aby Nimbalkar
    @abynim
    Aug 19, 2021
Plugins/widgets made with Create Figma Plugin#
Plugins
Widgets
More reference plugins/widgets

\ No newline at end of file
+Create Figma Plugin
Skip to content
Create Figma Plugin
The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
Key features#
Get started
Used by designers and developers globally#
What people say about Create Figma Plugin#
  • Create Figma Plugin is so great. It provides a suite of utilities and Preact components that fit with Figma’s UI, and it gives you a local dev setup with TypeScript and CSS Modules support. Thanks @yuanqinglim for your amazing work 🙏
    Mark Dalgleish
    @markdalgleish
    Aug 19, 2022
  • This was also the first time I used @yuanqinglim’s Create Figma Plugin toolkit and wow – what a comprehensive and thought-out library. Allowed me to have the first prototype up and running in just an hour. A staple for building Figma plugins from now on 😌
    Alex Widua
    @alexwidua
    Aug 21, 2021
  • If you build plugins for @figma do yourself a favor and start using Create Figma Plugin toolkit by @yuanqinglim!
    tkmadeit
    @tkmadeit
    Aug 19, 2021
  • I know I’m late to this party but I just published my first @figma plugin 🥳 (org-only so can’t share yet). @yuanqinglim’s Create Figma Plugin library made building the UI so easy and helped me focus on the logic instead. Highly recommended!
    Aby Nimbalkar
    @abynim
    Aug 19, 2021
Plugins/widgets made with Create Figma Plugin#
Plugins
Widgets
More reference plugins/widgets

\ No newline at end of file
diff --git a/quick-start/index.html b/quick-start/index.html
index 414758661..10f823e17 100644
--- a/quick-start/index.html
+++ b/quick-start/index.html
@@ -1,4 +1,4 @@
-Quick start — Create Figma Plugin
Skip to content
Create Figma Plugin
Quick start
Pre-requisites#
Bootstrapping a new plugin/widget from a template#
$ npx --yes create-figma-plugin
You’ll then be prompted to select from the following templates:
Configuring the plugin/widget#
Configuration options for your plugin/widget go under the "figma-plugin" key of your package.json file.
A Figma plugin (eg. plugin/preact-rectangles) would be configured as follows:
{
+Quick start — Create Figma Plugin
Skip to content
Create Figma Plugin
Quick start
Pre-requisites#
Bootstrapping a new plugin/widget from a template#
$ npx --yes create-figma-plugin
You’ll then be prompted to select from the following templates:
Configuring the plugin/widget#
Configuration options for your plugin/widget go under the "figma-plugin" key of your package.json file.
A Figma plugin (eg. plugin/preact-rectangles) would be configured as follows:
{
   "figma-plugin": {
     "editorType": [
       "figma"
@@ -24,4 +24,4 @@
     "build": "build-figma-plugin --typecheck --minify",
     "watch": "build-figma-plugin --typecheck --watch"
   }
-}
The build-figma-plugin CLI is powered by esbuild, which enables extremely fast, sub-second builds. When the --typecheck flag is specified, your TypeScript code will also be compiled and type-checked by the TypeScript compiler.
To build the plugin/widget:
$ npm run build
This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin/widget. (To customize the output directory for the manifest.json and JavaScript bundles, use the --output flag when invoking the build-figma-plugin CLI, eg. --output my-plugin.)
(Configuring your plugin/widget must be done via package.json. Avoid manually editing the manifest.json file. Because the manifest.json file is always regenerated on build, any changes you make will always get overridden.)
To watch for code changes and rebuild the plugin/widget automatically:
$ npm run watch
Learn how to:
Installing the plugin/widget#
  1. In the Figma desktop app, open a Figma/FigJam document.
  2. Search for and run Import plugin from manifest… or Import widget from manifest… via the Quick Actions search bar.
  3. Select the manifest.json file that was generated by the build script.
Debugging#
Use console.log statements to inspect values in your code.
To open the developer console, search for and run Open Console via the Quick Actions search bar.
Publishing to Figma Community#
Figma will generate a unique ID for you when you first try to publish your plugin/widget. Copy and paste that ID into the "figma-plugin" configuration (under the "id" key), then run the build script again to regenerate the plugin/widget’s manifest.json file.
See also#
Official docs and code samples from Figma:
Community:

\ No newline at end of file
+}
The build-figma-plugin CLI is powered by esbuild, which enables extremely fast, sub-second builds. When the --typecheck flag is specified, your TypeScript code will also be compiled and type-checked by the TypeScript compiler.
To build the plugin/widget:
$ npm run build
This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin/widget. (To customize the output directory for the manifest.json and JavaScript bundles, use the --output flag when invoking the build-figma-plugin CLI, eg. --output my-plugin.)
(Configuring your plugin/widget must be done via package.json. Avoid manually editing the manifest.json file. Because the manifest.json file is always regenerated on build, any changes you make will always get overridden.)
To watch for code changes and rebuild the plugin/widget automatically:
$ npm run watch
Learn how to:
Installing the plugin/widget#
  1. In the Figma desktop app, open a Figma/FigJam document.
  2. Search for and run Import plugin from manifest… or Import widget from manifest… via the Quick Actions search bar.
  3. Select the manifest.json file that was generated by the build script.
Debugging#
Use console.log statements to inspect values in your code.
To open the developer console, search for and run Show/Hide Console via the Quick Actions search bar.
Publishing to Figma Community#
Figma will generate a unique ID for you when you first try to publish your plugin/widget. Copy and paste that ID into the "figma-plugin" configuration (under the "id" key), then run the build script again to regenerate the plugin/widget’s manifest.json file.
See also#
Official docs and code samples from Figma:
Community:

\ No newline at end of file
diff --git a/recipes/index.html b/recipes/index.html
index 9ef310750..e86ece333 100644
--- a/recipes/index.html
+++ b/recipes/index.html
@@ -1,4 +1,4 @@
-Recipes — Create Figma Plugin
Skip to content
Create Figma Plugin
Recipes
Passing data between the plugin/widget’s main and UI contexts#
The @create-figma-plugin/utilities library includes 3 functions to facilitate data passing (in both directions) between the plugin/widget’s main and UI contexts:
  • on(name, handler) — Registers an event handler for the given event name.
  • once(name, handler) — Ditto on, only that handler will run at most once.
  • emit(name, ...args) — Calling emit in the main context invokes the event handler for the matching event name in your UI. Correspondingly, calling emit in your UI invokes the event handler for the matching event name in the main context. All args passed after name will be directly applied on the event handler.
Consider a toy Figma plugin:
// src/main.ts
+Recipes — Create Figma Plugin
Skip to content
Create Figma Plugin
Recipes
Passing data between the plugin/widget’s main and UI contexts#
The @create-figma-plugin/utilities library includes 3 functions to facilitate data passing (in both directions) between the plugin/widget’s main and UI contexts:
  • on(name, handler) — Registers an event handler for the given event name.
  • once(name, handler) — Ditto on, only that handler will run at most once.
  • emit(name, ...args) — Calling emit in the main context invokes the event handler for the matching event name in your UI. Correspondingly, calling emit in your UI invokes the event handler for the matching event name in the main context. All args passed after name will be directly applied on the event handler.
Consider a toy Figma plugin:
// src/main.ts
  
 import {
   once,
diff --git a/reference-plugins-and-widgets/index.html b/reference-plugins-and-widgets/index.html
index 9acb712d8..0b7a24bb1 100644
--- a/reference-plugins-and-widgets/index.html
+++ b/reference-plugins-and-widgets/index.html
@@ -1 +1 @@
-Reference plugins/widgets — Create Figma Plugin
Skip to content
Create Figma Plugin
Reference plugins/widgets
Plugins#
 
Widgets#
 

\ No newline at end of file
+Reference plugins/widgets — Create Figma Plugin
Skip to content
Create Figma Plugin
Reference plugins/widgets
Plugins#
 
Widgets#
 

\ No newline at end of file
diff --git a/storybook/assets/banner-0efaf16b.js.map b/storybook/assets/banner-0efaf16b.js.map
deleted file mode 100644
index 364cb236b..000000000
--- a/storybook/assets/banner-0efaf16b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"banner-0efaf16b.js","sources":["../../src/components/banner/banner.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './banner.module.css'\n\nexport type BannerProps = {\n  children: ComponentChildren\n  icon: ComponentChildren\n  variant?: BannerVariant\n}\nexport type BannerVariant = 'success' | 'warning'\n\nexport const Banner = createComponent(function (\n  { children, icon, variant, ...rest },\n  ref\n) {\n  return (\n    \n      
{icon}
\n      
{children}
\n    
\n  )\n})\n"],"names":["Banner","createComponent","children","icon","variant","rest","ref","_jsxs","class","createClassName","styles","banner","_jsx"],"mappings":"6TAaaA,EAASC,EAA6C,SACjE,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,EAAS,GAAGC,CAAK,EACnCC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GACMF,EACJC,IAAAA,EACAE,MAAOC,EAAgB,CACrBC,EAAOC,OACP,OAAOP,EAAY,IAAc,KAAOM,EAAON,CAAO,CAAC,CACxD,EAAEF,UAEHU,EAAA,MAAA,CAAKJ,MAAOE,EAAOP,KAAKD,SAAEC,CAAAA,CAAU,EACpCS,EAAA,MAAA,CAAKJ,MAAOE,EAAOR,SAASA,SAAAA,CAAAA,CAAgB,CAAC,CAAA,CAC1C,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/banner-0efaf16b.js b/storybook/assets/banner-_WMKvoGx.js
similarity index 59%
rename from storybook/assets/banner-0efaf16b.js
rename to storybook/assets/banner-_WMKvoGx.js
index 0a047a471..5f5862189 100644
--- a/storybook/assets/banner-0efaf16b.js
+++ b/storybook/assets/banner-_WMKvoGx.js
@@ -1,2 +1 @@
-import{c as l}from"./create-class-name-71c46838.js";import{c as t}from"./create-component-b0512abd.js";import{o as c}from"./jsxRuntime.module-632ba37d.js";const a="_banner_1qlmg_1",_="_success_1qlmg_9",m="_warning_1qlmg_12",d="_icon_1qlmg_16",g="_children_1qlmg_30",n={banner:a,success:_,warning:m,icon:d,children:g},p=t(function({children:e,icon:r,variant:s,...o},i){return c("div",{...o,ref:i,class:l([n.banner,typeof s>"u"?null:n[s]]),children:[c("div",{class:n.icon,children:r}),c("div",{class:n.children,children:e})]})});export{p as B};
-//# sourceMappingURL=banner-0efaf16b.js.map
+import{c as l}from"./create-class-name-gq91Tlk7.js";import{c as t}from"./create-component-a83A1_Pu.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";const a="_banner_1qlmg_1",_="_success_1qlmg_9",m="_warning_1qlmg_12",d="_icon_1qlmg_16",g="_children_1qlmg_30",n={banner:a,success:_,warning:m,icon:d,children:g},p=t(function({children:e,icon:r,variant:s,...o},i){return c("div",{...o,ref:i,class:l([n.banner,typeof s>"u"?null:n[s]]),children:[c("div",{class:n.icon,children:r}),c("div",{class:n.children,children:e})]})});export{p as B};
diff --git a/storybook/assets/banner-464dc457.css b/storybook/assets/banner-w3c3sfs4.css
similarity index 100%
rename from storybook/assets/banner-464dc457.css
rename to storybook/assets/banner-w3c3sfs4.css
diff --git a/storybook/assets/banner.stories-8ad76332.js.map b/storybook/assets/banner.stories-8ad76332.js.map
deleted file mode 100644
index 7046cd7b5..000000000
--- a/storybook/assets/banner.stories-8ad76332.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"banner.stories-8ad76332.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/banner.stories-8ad76332.js b/storybook/assets/banner.stories-Mcfai9vy.js
similarity index 76%
rename from storybook/assets/banner.stories-8ad76332.js
rename to storybook/assets/banner.stories-Mcfai9vy.js
index a21a08e28..855e1ac98 100644
--- a/storybook/assets/banner.stories-8ad76332.js
+++ b/storybook/assets/banner.stories-Mcfai9vy.js
@@ -1,4 +1,4 @@
-import{I as l,a as g,b as x}from"./icon-warning-32-b4db70b9.js";import{B as o}from"./banner-0efaf16b.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";import"./create-icon-59b2c318.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";const v={parameters:{fixedWidth:!0},title:"Components/Banner"},r=function(){return n(o,{icon:n(l,{}),children:"Text"})},e=function(){return n(o,{icon:n(g,{}),variant:"success",children:"Text"})},a=function(){return n(o,{icon:n(x,{}),variant:"warning",children:"Text"})};var t,c,s;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
+import{I as l,a as g,b as x}from"./icon-warning-32-EzzE98O2.js";import{B as o}from"./banner-_WMKvoGx.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-icon-prVyFgUx.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";const v={parameters:{fixedWidth:!0},title:"Components/Banner"},r=function(){return n(o,{icon:n(l,{}),children:"Text"})},e=function(){return n(o,{icon:n(g,{}),variant:"success",children:"Text"})},a=function(){return n(o,{icon:n(x,{}),variant:"warning",children:"Text"})};var t,c,s;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
   return }>Text;
 }`,...(s=(c=r.parameters)==null?void 0:c.docs)==null?void 0:s.source}}};var i,u,m;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
   return } variant="success">
@@ -9,4 +9,3 @@ import{I as l,a as g,b as x}from"./icon-warning-32-b4db70b9.js";import{B as o}fr
       Text
     ;
 }`,...(f=(d=a.parameters)==null?void 0:d.docs)==null?void 0:f.source}}};const _=["Default","Success","Warning"];export{r as Default,e as Success,a as Warning,_ as __namedExportsOrder,v as default};
-//# sourceMappingURL=banner.stories-8ad76332.js.map
diff --git a/storybook/assets/bold-Jm537La9.js b/storybook/assets/bold-Jm537La9.js
new file mode 100644
index 000000000..32d35cffa
--- /dev/null
+++ b/storybook/assets/bold-Jm537La9.js
@@ -0,0 +1 @@
+import{c as n}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const c="_bold_72210_1",l={bold:c},m=n(function({children:o,...t},s){return r("strong",{...t,ref:s,class:l.bold,children:o})});export{m as B};
diff --git a/storybook/assets/bold-fe504295.js b/storybook/assets/bold-fe504295.js
deleted file mode 100644
index 8684403a8..000000000
--- a/storybook/assets/bold-fe504295.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as n}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";const c="_bold_72210_1",l={bold:c},m=n(function({children:o,...t},s){return r("strong",{...t,ref:s,class:l.bold,children:o})});export{m as B};
-//# sourceMappingURL=bold-fe504295.js.map
diff --git a/storybook/assets/bold-fe504295.js.map b/storybook/assets/bold-fe504295.js.map
deleted file mode 100644
index 0364d1ac3..000000000
--- a/storybook/assets/bold-fe504295.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"bold-fe504295.js","sources":["../../src/inline-text/bold/bold.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './bold.module.css'\n\nexport type BoldProps = {\n  children: ComponentChildren\n}\n\nexport const Bold = createComponent(function (\n  { children, ...rest },\n  ref\n) {\n  return (\n    \n      {children}\n    \n  )\n})\n"],"names":["Bold","createComponent","children","rest","ref","_jsx","class","styles","bold"],"mappings":"0IASaA,EAAOC,EAA4C,SAC9D,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EACpBC,EACA,CACA,OACEC,EAAA,SAAA,CAAA,GAAYF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,KAAKN,SAAAA,CAAAA,CAEvC,CAEZ,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/bold-bec3b1f9.css b/storybook/assets/bold-jfQ55EAv.css
similarity index 100%
rename from storybook/assets/bold-bec3b1f9.css
rename to storybook/assets/bold-jfQ55EAv.css
diff --git a/storybook/assets/bold.stories-5a775a7f.js.map b/storybook/assets/bold.stories-5a775a7f.js.map
deleted file mode 100644
index f479caec2..000000000
--- a/storybook/assets/bold.stories-5a775a7f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"bold.stories-5a775a7f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
\ No newline at end of file
diff --git a/storybook/assets/bold.stories-5a775a7f.js b/storybook/assets/bold.stories-H_NR_i94.js
similarity index 57%
rename from storybook/assets/bold.stories-5a775a7f.js
rename to storybook/assets/bold.stories-H_NR_i94.js
index ce62f18ef..201fd876d 100644
--- a/storybook/assets/bold.stories-5a775a7f.js
+++ b/storybook/assets/bold.stories-H_NR_i94.js
@@ -1,6 +1,5 @@
-import{T as s}from"./text-72c2365d.js";import{B as a}from"./bold-fe504295.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const u={title:"Inline Text/Bold"},r=function(){return t(s,{children:t(a,{children:"Text"})})};var e,o,n;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
+import{T as s}from"./text-SssoFudj.js";import{B as a}from"./bold-Jm537La9.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const u={title:"Inline Text/Bold"},r=function(){return t(s,{children:t(a,{children:"Text"})})};var e,o,n;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
   return 
       Text
     ;
 }`,...(n=(o=r.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const f=["Default"];export{r as Default,f as __namedExportsOrder,u as default};
-//# sourceMappingURL=bold.stories-5a775a7f.js.map
diff --git a/storybook/assets/button-49678b56.js b/storybook/assets/button-49678b56.js
deleted file mode 100644
index 565381ce4..000000000
--- a/storybook/assets/button-49678b56.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as h,T as g}from"./create-component-b0512abd.js";import{c as y}from"./create-class-name-71c46838.js";import{n as s}from"./no-op-cb277961.js";import{L as C}from"./loading-indicator-a4a1d996.js";import{b as r}from"./button.module-2bfe3ef2.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";const v=h(function({children:i,danger:u=!1,disabled:n=!1,fullWidth:c=!1,loading:l=!1,onClick:d=s,onKeyDown:e=s,propagateEscapeKeyDown:a=!0,secondary:f=!1,...m},p){const b=g(function(o){e(o),o.key==="Escape"&&(a===!1&&o.stopPropagation(),o.currentTarget.blur())},[e,a]);return t("div",{class:y([r.button,f===!0?r.secondary:r.default,u===!0?r.danger:null,c===!0?r.fullWidth:null,n===!0?r.disabled:null,l===!0?r.loading:null]),children:[l===!0?t("div",{class:r.loadingIndicator,children:t(C,{})}):null,t("button",{...m,ref:p,disabled:n===!0,onClick:l===!0?void 0:d,onKeyDown:b,tabIndex:0,children:t("div",{class:r.children,children:i})})]})});export{v as B};
-//# sourceMappingURL=button-49678b56.js.map
diff --git a/storybook/assets/button-49678b56.js.map b/storybook/assets/button-49678b56.js.map
deleted file mode 100644
index 577e5a8f0..000000000
--- a/storybook/assets/button-49678b56.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-49678b56.js","sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport { LoadingIndicator } from '../loading-indicator/loading-indicator.js'\nimport styles from './button.module.css'\n\nexport interface ButtonProps\n  extends FocusableComponentProps {\n  children: ComponentChildren\n  danger?: boolean\n  disabled?: boolean\n  fullWidth?: boolean\n  loading?: boolean\n  onClick?: EventHandler.onClick\n  secondary?: boolean\n}\n\nexport const Button = createComponent(function (\n  {\n    children,\n    danger = false,\n    disabled = false,\n    fullWidth = false,\n    loading = false,\n    onClick = noop,\n    onKeyDown = noop,\n    propagateEscapeKeyDown = true,\n    secondary = false,\n    ...rest\n  },\n  ref\n) {\n  const handleKeyDown = useCallback(\n    function (event: Event.onKeyDown) {\n      onKeyDown(event)\n      if (event.key === 'Escape') {\n        if (propagateEscapeKeyDown === false) {\n          event.stopPropagation()\n        }\n        event.currentTarget.blur()\n      }\n    },\n    [onKeyDown, propagateEscapeKeyDown]\n  )\n\n  return (\n    \n      {loading === true ? (\n        
\n          \n        
\n      ) : null}\n      \n        
{children}
\n      \n    
\n  )\n})\n"],"names":["Button","createComponent","children","danger","disabled","fullWidth","loading","onClick","noop","onKeyDown","propagateEscapeKeyDown","secondary","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsxs","class","createClassName","styles","button","default","_jsx","loadingIndicator","LoadingIndicator","undefined","tabIndex"],"mappings":"8SAsBaA,MAAAA,EAASC,EAAgD,SACpE,CACEC,SAAAA,EACAC,OAAAA,EAAS,GACTC,SAAAA,EAAW,GACXC,UAAAA,EAAY,GACZC,QAAAA,EAAU,GACVC,QAAAA,EAAUC,EACVC,UAAAA,EAAYD,EACZE,uBAAAA,EAAyB,GACzBC,UAAAA,EAAY,GACZ,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA2C,CACnDP,EAAUO,CAAK,EACXA,EAAMC,MAAQ,WACZP,IAA2B,IAC7BM,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACX,EAAWC,CAAsB,CACpC,EAEA,OACEW,EAAA,MAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,OACPd,IAAc,GAAOa,EAAOb,UAAYa,EAAOE,QAC/CvB,IAAW,GAAOqB,EAAOrB,OAAS,KAClCE,IAAc,GAAOmB,EAAOnB,UAAY,KACxCD,IAAa,GAAOoB,EAAOpB,SAAW,KACtCE,IAAY,GAAOkB,EAAOlB,QAAU,IAAI,CACzC,EAAEJ,SAEFI,CAAAA,IAAY,GACXqB,EAAA,MAAA,CAAKL,MAAOE,EAAOI,iBAAiB1B,SAClCyB,EAACE,EAAkB,EAAA,CAAA,CAChB,EACH,KACJF,EAAA,SAAA,CAAA,GACMf,EACJC,IAAAA,EACAT,SAAUA,IAAa,GACvBG,QAASD,IAAY,GAAOwB,OAAYvB,EACxCE,UAAWK,EACXiB,SAAU,EAAE7B,SAEZyB,EAAA,MAAA,CAAKL,MAAOE,EAAOtB,SAASA,SAAAA,CAAAA,CAAgB,CAAA,CACtC,CAAC,CAAA,CACN,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/button-7i81gHC9.js b/storybook/assets/button-7i81gHC9.js
new file mode 100644
index 000000000..29e77b0dc
--- /dev/null
+++ b/storybook/assets/button-7i81gHC9.js
@@ -0,0 +1 @@
+import{c as h,T as g}from"./create-component-a83A1_Pu.js";import{c as y}from"./create-class-name-gq91Tlk7.js";import{n as s}from"./no-op-Uu3q6ZSj.js";import{L as C}from"./loading-indicator-NeprGR7l.js";import{b as r}from"./button.module-7LHM3uxw.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";const v=h(function({children:u,danger:i=!1,disabled:n=!1,fullWidth:c=!1,loading:l=!1,onClick:d=s,onKeyDown:e=s,propagateEscapeKeyDown:a=!0,secondary:f=!1,...m},p){const b=g(function(o){e(o),o.key==="Escape"&&(a===!1&&o.stopPropagation(),o.currentTarget.blur())},[e,a]);return t("div",{class:y([r.button,f===!0?r.secondary:r.default,i===!0?r.danger:null,c===!0?r.fullWidth:null,n===!0?r.disabled:null,l===!0?r.loading:null]),children:[l===!0?t("div",{class:r.loadingIndicator,children:t(C,{})}):null,t("button",{...m,ref:p,disabled:n===!0,onClick:l===!0?void 0:d,onKeyDown:b,tabIndex:0,children:t("div",{class:r.children,children:u})})]})});export{v as B};
diff --git a/storybook/assets/button-danger.stories-4c074330.js.map b/storybook/assets/button-danger.stories-4c074330.js.map
deleted file mode 100644
index f6ff1b3fb..000000000
--- a/storybook/assets/button-danger.stories-4c074330.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-danger.stories-4c074330.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-danger.stories-4c074330.js b/storybook/assets/button-danger.stories-IDoEabzs.js
similarity index 66%
rename from storybook/assets/button-danger.stories-4c074330.js
rename to storybook/assets/button-danger.stories-IDoEabzs.js
index 37f93d805..8f1a172b9 100644
--- a/storybook/assets/button-danger.stories-4c074330.js
+++ b/storybook/assets/button-danger.stories-IDoEabzs.js
@@ -1,4 +1,4 @@
-import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["2"],title:"Components/Button/Danger"},c=function(){function n(t){console.log(t)}return o(e,{danger:!0,onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),danger:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),danger:!0,loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{danger:!0,fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as H}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["2"],title:"Components/Button/Danger"},c=function(){function n(t){console.log(t)}return o(e,{danger:!0,onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),danger:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),danger:!0,loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{danger:!0,fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
   function handleClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
   }
@@ -48,4 +48,3 @@ import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
       Text
     ;
 }`,...(W=(M=r.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{a as Disabled,i as Focused,r as FullWidth,l as Loading,s as LoadingDisabled,u as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-danger.stories-4c074330.js.map
diff --git a/storybook/assets/button-default.stories-87bd9c88.js.map b/storybook/assets/button-default.stories-87bd9c88.js.map
deleted file mode 100644
index 1d78a4e29..000000000
--- a/storybook/assets/button-default.stories-87bd9c88.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-default.stories-87bd9c88.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-default.stories-87bd9c88.js b/storybook/assets/button-default.stories-qkyf98_K.js
similarity index 65%
rename from storybook/assets/button-default.stories-87bd9c88.js
rename to storybook/assets/button-default.stories-qkyf98_K.js
index bbf9b78f1..2f01cdab0 100644
--- a/storybook/assets/button-default.stories-87bd9c88.js
+++ b/storybook/assets/button-default.stories-qkyf98_K.js
@@ -1,4 +1,4 @@
-import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["1"],title:"Components/Button/Default"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as H}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["1"],title:"Components/Button/Default"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...H(),onClick:n,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{...H(),loading:!0,onClick:n,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
   function handleClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
   }
@@ -46,4 +46,3 @@ import{u as H}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
       Text
     ;
 }`,...(W=(M=r.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{l as Disabled,i as Focused,r as FullWidth,a as Loading,u as LoadingDisabled,s as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-default.stories-87bd9c88.js.map
diff --git a/storybook/assets/button-f70ecda2.css b/storybook/assets/button-j2Biga2D.css
similarity index 100%
rename from storybook/assets/button-f70ecda2.css
rename to storybook/assets/button-j2Biga2D.css
diff --git a/storybook/assets/button-secondary-danger.stories-89e8f833.js.map b/storybook/assets/button-secondary-danger.stories-89e8f833.js.map
deleted file mode 100644
index 5421f6300..000000000
--- a/storybook/assets/button-secondary-danger.stories-89e8f833.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-secondary-danger.stories-89e8f833.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-secondary-danger.stories-89e8f833.js b/storybook/assets/button-secondary-danger.stories-BD6cDdZm.js
similarity index 63%
rename from storybook/assets/button-secondary-danger.stories-89e8f833.js
rename to storybook/assets/button-secondary-danger.stories-BD6cDdZm.js
index 79b9f81d9..f9083cfed 100644
--- a/storybook/assets/button-secondary-danger.stories-89e8f833.js
+++ b/storybook/assets/button-secondary-danger.stories-BD6cDdZm.js
@@ -1,4 +1,4 @@
-import{u as W}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["4"],title:"Components/Button/Secondary Danger"},c=function(){function n(r){console.log(r)}return o(e,{danger:!0,onClick:n,secondary:!0,children:"Text"})},a=function(){function n(r){console.log(r)}return o(e,{...W(),danger:!0,onClick:n,secondary:!0,children:"Text"})},i=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...W(),danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},t=function(){function n(r){console.log(r)}return o(e,{danger:!0,fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};t.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as W}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["4"],title:"Components/Button/Secondary Danger"},c=function(){function n(r){console.log(r)}return o(e,{danger:!0,onClick:n,secondary:!0,children:"Text"})},a=function(){function n(r){console.log(r)}return o(e,{...W(),danger:!0,onClick:n,secondary:!0,children:"Text"})},i=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{...W(),danger:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{danger:!0,disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},t=function(){function n(r){console.log(r)}return o(e,{danger:!0,fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};t.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
   function handleClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
   }
@@ -48,4 +48,3 @@ import{u as W}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
       Text
     ;
 }`,...(M=(D=t.parameters)==null?void 0:D.docs)==null?void 0:M.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{i as Disabled,a as Focused,t as FullWidth,s as Loading,l as LoadingDisabled,u as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-secondary-danger.stories-89e8f833.js.map
diff --git a/storybook/assets/button-secondary.stories-388a8fcc.js.map b/storybook/assets/button-secondary.stories-388a8fcc.js.map
deleted file mode 100644
index d32caf975..000000000
--- a/storybook/assets/button-secondary.stories-388a8fcc.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button-secondary.stories-388a8fcc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/button-secondary.stories-388a8fcc.js b/storybook/assets/button-secondary.stories-B8DDp3TX.js
similarity index 66%
rename from storybook/assets/button-secondary.stories-388a8fcc.js
rename to storybook/assets/button-secondary.stories-B8DDp3TX.js
index f56632995..dff2b73c6 100644
--- a/storybook/assets/button-secondary.stories-388a8fcc.js
+++ b/storybook/assets/button-secondary.stories-B8DDp3TX.js
@@ -1,4 +1,4 @@
-import{u as D}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-49678b56.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";const z={tags:["3"],title:"Components/Button/Secondary"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,secondary:!0,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...D(),onClick:n,secondary:!0,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{...D(),loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as D}from"./use-initial-focus-xmfxIugy.js";import{B as e}from"./button-7i81gHC9.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";const z={tags:["3"],title:"Components/Button/Secondary"},c=function(){function n(t){console.log(t)}return o(e,{onClick:n,secondary:!0,children:"Text"})},i=function(){function n(t){console.log(t)}return o(e,{...D(),onClick:n,secondary:!0,children:"Text"})},a=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,onClick:n,secondary:!0,children:"Text"})},s=function(){function n(){throw new Error("This function should not be called")}return o(e,{loading:!0,onClick:n,secondary:!0,children:"Text"})},l=function(){function n(){throw new Error("This function should not be called")}return o(e,{...D(),loading:!0,onClick:n,secondary:!0,children:"Text"})},u=function(){function n(){throw new Error("This function should not be called")}return o(e,{disabled:!0,loading:!0,onClick:n,secondary:!0,children:"Text"})},r=function(){function n(t){console.log(t)}return o(e,{fullWidth:!0,onClick:n,secondary:!0,children:"Text"})};r.parameters={fixedWidth:!0};var d,h,m;c.parameters={...c.parameters,docs:{...(d=c.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
   function handleClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
   }
@@ -48,4 +48,3 @@ import{u as D}from"./use-initial-focus-57bdde46.js";import{B as e}from"./button-
       Text
     ;
 }`,...(W=(M=r.parameters)==null?void 0:M.docs)==null?void 0:W.source}}};const A=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth"];export{a as Disabled,i as Focused,r as FullWidth,s as Loading,u as LoadingDisabled,l as LoadingFocused,c as Passive,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=button-secondary.stories-388a8fcc.js.map
diff --git a/storybook/assets/button.module-2bfe3ef2.js.map b/storybook/assets/button.module-2bfe3ef2.js.map
deleted file mode 100644
index 6ca3dd350..000000000
--- a/storybook/assets/button.module-2bfe3ef2.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"button.module-2bfe3ef2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
\ No newline at end of file
diff --git a/storybook/assets/button.module-2bfe3ef2.js b/storybook/assets/button.module-7LHM3uxw.js
similarity index 86%
rename from storybook/assets/button.module-2bfe3ef2.js
rename to storybook/assets/button.module-7LHM3uxw.js
index efc6e04c0..bf2ab3f88 100644
--- a/storybook/assets/button.module-2bfe3ef2.js
+++ b/storybook/assets/button.module-7LHM3uxw.js
@@ -1,2 +1 @@
 const n="_button_5fxgc_1",d="_fullWidth_5fxgc_7",c="_disabled_5fxgc_17",t="_danger_5fxgc_44",_="_secondary_5fxgc_56",o="_loadingIndicator_5fxgc_86",a="_children_5fxgc_122",l="_loading_5fxgc_86",g={button:n,fullWidth:d,disabled:c,default:"_default_5fxgc_29",danger:t,secondary:_,loadingIndicator:o,children:a,loading:l};export{g as b};
-//# sourceMappingURL=button.module-2bfe3ef2.js.map
diff --git a/storybook/assets/checkbox-2b57e0c7.css b/storybook/assets/checkbox-2b57e0c7.css
deleted file mode 100644
index 896f2271e..000000000
--- a/storybook/assets/checkbox-2b57e0c7.css
+++ /dev/null
@@ -1 +0,0 @@
-._checkbox_1a43f_1{position:relative;z-index:var(--z-index-1)}._input_1a43f_6{position:absolute;z-index:var( --z-index-1 );top:-8px;right:-16px;bottom:-8px;left:-16px;display:block;width:calc(100% + 32px)}._disabled_1a43f_18 ._input_1a43f_6{cursor:not-allowed}._fill_1a43f_22,._border_1a43f_23{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:var(--border-radius-2)}._border_1a43f_23{border:1px solid var(--figma-color-border-strong)}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:focus~._border_1a43f_23{border-color:var(--figma-color-border-brand-strong);box-shadow:0 0 0 1px var(--figma-color-border-brand-strong)}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:checked~._border_1a43f_23{border:0}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:checked:focus~._border_1a43f_23{box-shadow:0 0 0 1px var(--figma-color-bg),0 0 0 2px var(--figma-color-border-brand-strong)}._disabled_1a43f_18 ._input_1a43f_6~._border_1a43f_23{border-color:var(--figma-color-border-disabled-strong)}._disabled_1a43f_18 ._input_1a43f_6:checked~._border_1a43f_23{border:0}._checkbox_1a43f_1:not(._disabled_1a43f_18) ._input_1a43f_6:checked~._fill_1a43f_22{background-color:var(--figma-color-bg-brand)}._disabled_1a43f_18 ._input_1a43f_6:checked~._fill_1a43f_22{background-color:var(--figma-color-bg-disabled)}._checkIcon_1a43f_60{color:var(--figma-color-icon-onbrand)}._disabled_1a43f_18 ._checkIcon_1a43f_60{color:var(--figma-color-icon-ondisabled)}._children_1a43f_67{min-height:12px;padding:2px 0 0 20px;color:var(--figma-color-text)}._disabled_1a43f_18 ._children_1a43f_67{opacity:var(--opacity-30)}
diff --git a/storybook/assets/checkbox-b26472f0.js b/storybook/assets/checkbox-b26472f0.js
deleted file mode 100644
index 7e810ff4d..000000000
--- a/storybook/assets/checkbox-b26472f0.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as p,T as d}from"./create-component-b0512abd.js";import{I as m}from"./icon-control-checkbox-checked-12-fd838326.js";import{c as x}from"./create-class-name-71c46838.js";import{n}from"./no-op-cb277961.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";const C="_checkbox_1a43f_1",I="_input_1a43f_6",y="_disabled_1a43f_18",T="_fill_1a43f_22",g="_border_1a43f_23",w="_checkIcon_1a43f_60",N="_children_1a43f_67",o={checkbox:C,input:I,disabled:y,fill:T,border:g,checkIcon:w,children:N},B=p(function({children:f,disabled:r=!1,onChange:t=n,onKeyDown:s=n,onValueChange:l=n,propagateEscapeKeyDown:i=!0,value:a,...h},_){const u=d(function(c){t(c);const k=c.currentTarget.checked===!0;l(k)},[t,l]),b=d(function(c){s(c),c.key==="Escape"&&(i===!1&&c.stopPropagation(),c.currentTarget.blur())},[s,i]);return e("label",{class:x([o.checkbox,r===!0?o.disabled:null]),children:[e("input",{...h,ref:_,checked:a===!0,class:o.input,disabled:r===!0,onChange:u,onKeyDown:b,tabIndex:0,type:"checkbox"}),e("div",{class:o.fill,children:a===!0?e("div",{class:o.checkIcon,children:e(m,{})}):null}),e("div",{class:o.border}),e("div",{class:o.children,children:f})]})});export{B as C};
-//# sourceMappingURL=checkbox-b26472f0.js.map
diff --git a/storybook/assets/checkbox-b26472f0.js.map b/storybook/assets/checkbox-b26472f0.js.map
deleted file mode 100644
index e48b6265f..000000000
--- a/storybook/assets/checkbox-b26472f0.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-b26472f0.js","sources":["../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { IconControlCheckboxChecked12 } from '../../icons/icon-12/icon-control-checkbox-checked-12.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './checkbox.module.css'\n\nexport interface CheckboxProps\n  extends FocusableComponentProps {\n  children: ComponentChildren\n  disabled?: boolean\n  onChange?: EventHandler.onChange\n  onValueChange?: EventHandler.onValueChange\n  value: boolean\n}\n\nexport const Checkbox = createComponent(\n  function (\n    {\n      children,\n      disabled = false,\n      onChange = noop,\n      onKeyDown = noop,\n      onValueChange = noop,\n      propagateEscapeKeyDown = true,\n      value,\n      ...rest\n    },\n    ref\n  ) {\n    const handleChange = useCallback(\n      function (event: Event.onChange) {\n        onChange(event)\n        const newValue = event.currentTarget.checked === true\n        onValueChange(newValue)\n      },\n      [onChange, onValueChange]\n    )\n\n    const handleKeyDown = useCallback(\n      function (event: Event.onKeyDown) {\n        onKeyDown(event)\n        if (event.key === 'Escape') {\n          if (propagateEscapeKeyDown === false) {\n            event.stopPropagation()\n          }\n          event.currentTarget.blur()\n        }\n      },\n      [onKeyDown, propagateEscapeKeyDown]\n    )\n\n    return (\n      \n        \n        
\n          {value === true ? (\n            
\n              \n            
\n          ) : null}\n        
\n        
\n        
{children}
\n      \n    )\n  }\n)\n"],"names":["Checkbox","createComponent","children","disabled","onChange","noop","onKeyDown","onValueChange","propagateEscapeKeyDown","value","rest","ref","handleChange","useCallback","event","newValue","currentTarget","checked","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","checkbox","_jsx","input","tabIndex","type","fill","checkIcon","IconControlCheckboxChecked12","border"],"mappings":"8eAoBaA,EAAWC,EACtB,SACE,CACEC,SAAAA,EACAC,SAAAA,EAAW,GACXC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDV,EAASU,CAAK,EACRC,MAAAA,EAAWD,EAAME,cAAcC,UAAY,GACjDV,EAAcQ,CAAQ,CAAA,EAExB,CAACX,EAAUG,CAAa,CAC1B,EAEMW,EAAgBL,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMK,MAAQ,WACZX,IAA2B,IAC7BM,EAAMM,gBAAgB,EAExBN,EAAME,cAAcK,OACtB,EAEF,CAACf,EAAWE,CAAsB,CACpC,EAEA,OACEc,EAAA,QAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,SACPvB,IAAa,GAAOsB,EAAOtB,SAAW,IAAI,CAC3C,EAAED,UAEHyB,EAAA,QAAA,CAAA,GACMjB,EACJC,IAAAA,EACAM,QAASR,IAAU,GACnBc,MAAOE,EAAOG,MACdzB,SAAUA,IAAa,GACvBC,SAAUQ,EACVN,UAAWY,EACXW,SAAU,EACVC,KAAK,UAAA,CACN,EACDH,EAAA,MAAA,CAAKJ,MAAOE,EAAOM,KAAK7B,SACrBO,IAAU,GACTkB,EAAA,MAAA,CAAKJ,MAAOE,EAAOO,UAAU9B,SAC3ByB,EAACM,EAA8B,EAAA,CAC5B,CAAA,EACH,IAAA,CACD,EACLN,EAAA,MAAA,CAAKJ,MAAOE,EAAOS,MAAAA,CAAS,EAC5BP,EAAA,MAAA,CAAKJ,MAAOE,EAAOvB,SAASA,SAAAA,CAAAA,CAAgB,CAAC,CAAA,CACxC,CAEX,CACF"}
\ No newline at end of file
diff --git a/storybook/assets/checkbox-ou-3dnm1.css b/storybook/assets/checkbox-ou-3dnm1.css
new file mode 100644
index 000000000..e062fb35d
--- /dev/null
+++ b/storybook/assets/checkbox-ou-3dnm1.css
@@ -0,0 +1 @@
+._checkbox_hvyza_1{position:relative;z-index:var(--z-index-1)}._input_hvyza_6{position:absolute;z-index:var( --z-index-1 );top:-8px;right:-16px;bottom:-8px;left:-16px;display:block;width:calc(100% + 32px)}._disabled_hvyza_18 ._input_hvyza_6{cursor:not-allowed}._fill_hvyza_22,._border_hvyza_23{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:var(--border-radius-2)}._border_hvyza_23{border:1px solid var(--figma-color-border-strong)}._checkbox_hvyza_1:not(._disabled_hvyza_18) ._input_hvyza_6:focus~._border_hvyza_23{border-color:var(--figma-color-border-brand-strong);box-shadow:0 0 0 1px var(--figma-color-border-brand-strong)}._checkbox_hvyza_1:not(._disabled_hvyza_18) ._input_hvyza_6:checked~._border_hvyza_23{border:0}._checkbox_hvyza_1:not(._disabled_hvyza_18) ._input_hvyza_6:checked:focus~._border_hvyza_23{box-shadow:0 0 0 1px var(--figma-color-bg),0 0 0 2px var(--figma-color-border-brand-strong)}._disabled_hvyza_18 ._input_hvyza_6~._border_hvyza_23{border-color:var(--figma-color-border-disabled-strong)}._disabled_hvyza_18 ._input_hvyza_6:checked~._border_hvyza_23{border:0}._checkbox_hvyza_1:not(._disabled_hvyza_18) ._input_hvyza_6:checked~._fill_hvyza_22{background-color:var(--figma-color-bg-brand)}._disabled_hvyza_18 ._input_hvyza_6:checked~._fill_hvyza_22{background-color:var(--figma-color-bg-disabled)}._checkIcon_hvyza_61{color:var(--figma-color-icon-onbrand)}._disabled_hvyza_18 ._checkIcon_hvyza_61{color:var(--figma-color-icon-ondisabled)}._children_hvyza_68{min-height:12px;padding:2px 0 0 20px;color:var(--figma-color-text)}._disabled_hvyza_18 ._children_hvyza_68{opacity:var(--opacity-30)}
diff --git a/storybook/assets/checkbox-selected.stories-1db7411b.js.map b/storybook/assets/checkbox-selected.stories-1db7411b.js.map
deleted file mode 100644
index 9a4326597..000000000
--- a/storybook/assets/checkbox-selected.stories-1db7411b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-selected.stories-1db7411b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/checkbox-selected.stories-1db7411b.js b/storybook/assets/checkbox-selected.stories-Lk1ACFBW.js
similarity index 84%
rename from storybook/assets/checkbox-selected.stories-1db7411b.js
rename to storybook/assets/checkbox-selected.stories-Lk1ACFBW.js
index a879dd058..ff30d2e2e 100644
--- a/storybook/assets/checkbox-selected.stories-1db7411b.js
+++ b/storybook/assets/checkbox-selected.stories-Lk1ACFBW.js
@@ -1,4 +1,4 @@
-import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-initial-focus-57bdde46.js";import{T as h}from"./text-72c2365d.js";import{C as i}from"./checkbox-b26472f0.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./icon-control-checkbox-checked-12-fd838326.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const P={tags:["2"],title:"Components/Checkbox/Selected"},u=function(){const[n,a]=d(!0);function o(t){const r=t.currentTarget.checked;console.log(r),a(r)}return e(i,{onChange:o,value:n,children:e(h,{children:"Text"})})},c=function(){const[n,a]=d(!0);function o(t){const r=t.currentTarget.checked;console.log(r),a(r)}return e(i,{...S(),onChange:o,value:n,children:e(h,{children:"Text"})})},l=function(){function n(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:n,value:!0,children:e(h,{children:"Text"})})},s=function(){const[n,a]=d(!0);function o(t){console.log(t),a(t)}return e(i,{onValueChange:o,value:n,children:e(h,{children:"Text"})})};var g,m,C;u.parameters={...u.parameters,docs:{...(g=u.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
+import{h as d}from"./create-component-a83A1_Pu.js";import{u as S}from"./use-initial-focus-xmfxIugy.js";import{T as h}from"./text-SssoFudj.js";import{C as i}from"./checkbox-whaqbIRT.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./icon-control-checkbox-checked-12-1nQT_nAV.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const P={tags:["2"],title:"Components/Checkbox/Selected"},u=function(){const[n,a]=d(!0);function o(t){const r=t.currentTarget.checked;console.log(r),a(r)}return e(i,{onChange:o,value:n,children:e(h,{children:"Text"})})},c=function(){const[n,a]=d(!0);function o(t){const r=t.currentTarget.checked;console.log(r),a(r)}return e(i,{...S(),onChange:o,value:n,children:e(h,{children:"Text"})})},l=function(){function n(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:n,value:!0,children:e(h,{children:"Text"})})},s=function(){const[n,a]=d(!0);function o(t){console.log(t),a(t)}return e(i,{onValueChange:o,value:n,children:e(h,{children:"Text"})})};var g,m,C;u.parameters={...u.parameters,docs:{...(g=u.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(true);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-init
       Text
     ;
 }`,...(w=(k=s.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const X=["Passive","Focused","Disabled","OnValueChange"];export{l as Disabled,c as Focused,s as OnValueChange,u as Passive,X as __namedExportsOrder,P as default};
-//# sourceMappingURL=checkbox-selected.stories-1db7411b.js.map
diff --git a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map b/storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map
deleted file mode 100644
index 2e6f43701..000000000
--- a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-unselected.stories-1ce5b43b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js b/storybook/assets/checkbox-unselected.stories-mAGJi9bc.js
similarity index 84%
rename from storybook/assets/checkbox-unselected.stories-1ce5b43b.js
rename to storybook/assets/checkbox-unselected.stories-mAGJi9bc.js
index 2131c58d9..7d5e1af0e 100644
--- a/storybook/assets/checkbox-unselected.stories-1ce5b43b.js
+++ b/storybook/assets/checkbox-unselected.stories-mAGJi9bc.js
@@ -1,4 +1,4 @@
-import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-initial-focus-57bdde46.js";import{T as h}from"./text-72c2365d.js";import{C as i}from"./checkbox-b26472f0.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./icon-control-checkbox-checked-12-fd838326.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const P={tags:["1"],title:"Components/Checkbox/Unselected"},s=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{onChange:t,value:n,children:e(h,{children:"Text"})})},l=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{...S(),onChange:t,value:n,children:e(h,{children:"Text"})})},c=function(){function n(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:n,value:!1,children:e(h,{children:"Text"})})},u=function(){const[n,o]=d(!1);function t(a){console.log(a),o(a)}return e(i,{onValueChange:t,value:n,children:e(h,{children:"Text"})})};var g,m,C;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
+import{h as d}from"./create-component-a83A1_Pu.js";import{u as S}from"./use-initial-focus-xmfxIugy.js";import{T as h}from"./text-SssoFudj.js";import{C as i}from"./checkbox-whaqbIRT.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./icon-control-checkbox-checked-12-1nQT_nAV.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const P={tags:["1"],title:"Components/Checkbox/Unselected"},s=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{onChange:t,value:n,children:e(h,{children:"Text"})})},l=function(){const[n,o]=d(!1);function t(a){const r=a.currentTarget.checked;console.log(r),o(r)}return e(i,{...S(),onChange:t,value:n,children:e(h,{children:"Text"})})},c=function(){function n(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:n,value:!1,children:e(h,{children:"Text"})})},u=function(){const[n,o]=d(!1);function t(a){console.log(a),o(a)}return e(i,{onValueChange:t,value:n,children:e(h,{children:"Text"})})};var g,m,C;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(false);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-init
       Text
     ;
 }`,...(w=(k=u.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const U=["Passive","Focused","Disabled","OnValueChange"];export{c as Disabled,l as Focused,u as OnValueChange,s as Passive,U as __namedExportsOrder,P as default};
-//# sourceMappingURL=checkbox-unselected.stories-1ce5b43b.js.map
diff --git a/storybook/assets/checkbox-whaqbIRT.js b/storybook/assets/checkbox-whaqbIRT.js
new file mode 100644
index 000000000..469f58c8b
--- /dev/null
+++ b/storybook/assets/checkbox-whaqbIRT.js
@@ -0,0 +1 @@
+import{c as p,T as h}from"./create-component-a83A1_Pu.js";import{I as m}from"./icon-control-checkbox-checked-12-1nQT_nAV.js";import{c as y}from"./create-class-name-gq91Tlk7.js";import{n}from"./no-op-Uu3q6ZSj.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";const x="_checkbox_hvyza_1",z="_input_hvyza_6",C="_disabled_hvyza_18",I="_fill_hvyza_22",v="_border_hvyza_23",T="_checkIcon_hvyza_61",g="_children_hvyza_68",o={checkbox:x,input:z,disabled:C,fill:I,border:v,checkIcon:T,children:g},A=p(function({children:d,disabled:r=!1,onChange:t=n,onKeyDown:s=n,onValueChange:l=n,propagateEscapeKeyDown:i=!0,value:a,..._},u){const b=h(function(c){t(c);const k=c.currentTarget.checked===!0;l(k)},[t,l]),f=h(function(c){s(c),c.key==="Escape"&&(i===!1&&c.stopPropagation(),c.currentTarget.blur())},[s,i]);return e("label",{class:y([o.checkbox,r===!0?o.disabled:null]),children:[e("input",{..._,ref:u,checked:a===!0,class:o.input,disabled:r===!0,onChange:b,onKeyDown:f,tabIndex:0,type:"checkbox"}),e("div",{class:o.fill,children:a===!0?e("div",{class:o.checkIcon,children:e(m,{})}):null}),e("div",{class:o.border}),e("div",{class:o.children,children:d})]})});export{A as C};
diff --git a/storybook/assets/code.stories-8acd8039.css b/storybook/assets/code-9uEzsybj.css
similarity index 100%
rename from storybook/assets/code.stories-8acd8039.css
rename to storybook/assets/code-9uEzsybj.css
diff --git a/storybook/assets/code.stories-8a74b352.js b/storybook/assets/code.stories-8a74b352.js
deleted file mode 100644
index e058a3e98..000000000
--- a/storybook/assets/code.stories-8a74b352.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import{T as d}from"./text-72c2365d.js";import{c as i}from"./create-component-b0512abd.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./preact.module-fa42f7d1.js";const m="_code_5nbkq_1",p={code:m},u=i(function({children:c,...s},a){return o("code",{...s,ref:a,class:p.code,children:c})}),C={title:"Inline Text/Code"},e=function(){return o(d,{children:o(u,{children:"Text"})})};var t,r,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
-  return 
-      Text
-    ;
-}`,...(n=(r=e.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const h=["Default"];export{e as Default,h as __namedExportsOrder,C as default};
-//# sourceMappingURL=code.stories-8a74b352.js.map
diff --git a/storybook/assets/code.stories-8a74b352.js.map b/storybook/assets/code.stories-8a74b352.js.map
deleted file mode 100644
index 1fa37b4df..000000000
--- a/storybook/assets/code.stories-8a74b352.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"code.stories-8a74b352.js","sources":["../../src/inline-text/code/code.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './code.module.css'\n\nexport type CodeProps = {\n  children: ComponentChildren\n}\n\nexport const Code = createComponent(function (\n  { children, ...rest },\n  ref\n) {\n  return (\n    \n      {children}\n    \n  )\n})\n"],"names":["Code","createComponent","children","rest","ref","_jsx","class","styles","code"],"mappings":"wPASaA,EAAOC,EAA4C,SAC9D,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EACpBC,EACA,CACA,OACEC,EAAA,OAAA,CAAA,GAAUF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,KAAKN,SAAAA,CAAAA,CAEvC,CAEV,CAAC;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/code.stories-djj4bJBQ.js b/storybook/assets/code.stories-djj4bJBQ.js
new file mode 100644
index 000000000..03171515f
--- /dev/null
+++ b/storybook/assets/code.stories-djj4bJBQ.js
@@ -0,0 +1,5 @@
+import{T as d}from"./text-SssoFudj.js";import{c as i}from"./create-component-a83A1_Pu.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./preact.module-pS-_M4k6.js";const m="_code_5nbkq_1",u={code:m},p=i(function({children:c,...s},a){return o("code",{...s,ref:a,class:u.code,children:c})}),C={title:"Inline Text/Code"},e=function(){return o(d,{children:o(p,{children:"Text"})})};var t,r,n;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
+  return 
+      Text
+    ;
+}`,...(n=(r=e.parameters)==null?void 0:r.docs)==null?void 0:n.source}}};const h=["Default"];export{e as Default,h as __namedExportsOrder,C as default};
diff --git a/storybook/assets/columns-290be62d.js b/storybook/assets/columns-290be62d.js
deleted file mode 100644
index bd7be837e..000000000
--- a/storybook/assets/columns-290be62d.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{C as s}from"./preact.module-fa42f7d1.js";import{c}from"./create-class-name-71c46838.js";import{c as _}from"./create-component-b0512abd.js";import{o}from"./jsxRuntime.module-632ba37d.js";const i="_columns_ybv3x_1",u="_extraSmall_ybv3x_4",x="_small_ybv3x_7",d="_medium_ybv3x_10",v="_large_ybv3x_13",y="_extraLarge_ybv3x_16",f="_child_ybv3x_20",l={columns:i,extraSmall:u,small:x,medium:d,large:v,extraLarge:y,child:f},C=_(function({children:r,space:e,...t},m){return o("div",{...t,ref:m,class:c([l.columns,typeof e>"u"?null:l[e]]),children:s(r).map(function(a,n){return o("div",{class:l.child,children:a},n)})})});export{C};
-//# sourceMappingURL=columns-290be62d.js.map
diff --git a/storybook/assets/columns-290be62d.js.map b/storybook/assets/columns-290be62d.js.map
deleted file mode 100644
index bb40a7fb8..000000000
--- a/storybook/assets/columns-290be62d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"columns-290be62d.js","sources":["../../src/layout/columns/columns.tsx"],"sourcesContent":["import { ComponentChild, h, toChildArray } from 'preact'\n\nimport { Space } from '../../types/space.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './columns.module.css'\n\nexport type ColumnsProps = {\n  children: ComponentChild\n  space?: ColumnsSpace\n}\nexport type ColumnsSpace = Space\n\nexport const Columns = createComponent(function (\n  { children, space, ...rest },\n  ref\n) {\n  return (\n    \n      {toChildArray(children).map(function (\n        element: ComponentChild,\n        index: number\n      ) {\n        return (\n          
\n            {element}\n          
\n        )\n      })}\n    
\n  )\n})\n"],"names":["Columns","createComponent","children","space","rest","ref","_jsx","class","createClassName","styles","columns","toChildArray","map","element","index","child"],"mappings":"saAaaA,EAAUC,EAA8C,SACnE,CAAEC,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAK,EAC3BC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GACMF,EACJC,IAAAA,EACAE,MAAOC,EAAgB,CACrBC,EAAOC,QACP,OAAOP,EAAU,IAAc,KAAOM,EAAON,CAAK,CAAC,CACpD,EAAED,SAEFS,EAAaT,CAAQ,EAAEU,IAAI,SAC1BC,EACAC,EACA,CACA,OACER,EAAA,MAAA,CAAiBC,MAAOE,EAAOM,MAAMb,SAClCW,GADOC,CAEL,CAAA,CAER,CAAA,CACE,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/columns-U3hU5xxd.js b/storybook/assets/columns-U3hU5xxd.js
new file mode 100644
index 000000000..b4e199402
--- /dev/null
+++ b/storybook/assets/columns-U3hU5xxd.js
@@ -0,0 +1 @@
+import{$ as s}from"./preact.module-pS-_M4k6.js";import{c}from"./create-class-name-gq91Tlk7.js";import{c as _}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const i="_columns_ybv3x_1",u="_extraSmall_ybv3x_4",x="_small_ybv3x_7",d="_medium_ybv3x_10",v="_large_ybv3x_13",y="_extraLarge_ybv3x_16",f="_child_ybv3x_20",l={columns:i,extraSmall:u,small:x,medium:d,large:v,extraLarge:y,child:f},C=_(function({children:t,space:e,...m},o){return r("div",{...m,ref:o,class:c([l.columns,typeof e>"u"?null:l[e]]),children:s(t).map(function(a,n){return r("div",{class:l.child,children:a},n)})})});export{C};
diff --git a/storybook/assets/columns-9e8b9a5e.css b/storybook/assets/columns-t8U3x5Er.css
similarity index 100%
rename from storybook/assets/columns-9e8b9a5e.css
rename to storybook/assets/columns-t8U3x5Er.css
diff --git a/storybook/assets/columns.stories-1299682b.js.map b/storybook/assets/columns.stories-1299682b.js.map
deleted file mode 100644
index 4b6867dd1..000000000
--- a/storybook/assets/columns.stories-1299682b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"columns.stories-1299682b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/columns.stories-1299682b.js b/storybook/assets/columns.stories-y9TMP2Pz.js
similarity index 63%
rename from storybook/assets/columns.stories-1299682b.js
rename to storybook/assets/columns.stories-y9TMP2Pz.js
index 33085a517..38585f1a9 100644
--- a/storybook/assets/columns.stories-1299682b.js
+++ b/storybook/assets/columns.stories-y9TMP2Pz.js
@@ -1,4 +1,4 @@
-import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./create-component-b0512abd.js";const j={parameters:{fixedWidth:!0},title:"Layout/Columns"},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},s=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var n,d,u;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
+import{C as a}from"./columns-U3hU5xxd.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./create-component-a83A1_Pu.js";const j={parameters:{fixedWidth:!0},title:"Layout/Columns"},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},n=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},s=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var c,d,u;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -7,7 +7,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
       
bar

       
baz

     ;
-}`,...(u=(d=o.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var m,v,y;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
+}`,...(u=(d=o.parameters)==null?void 0:d.docs)==null?void 0:u.source}}};var m,v,y;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -16,7 +16,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
       
bar

       
baz

     ;
-}`,...(y=(v=t.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var b,p,g;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`function () {
+}`,...(y=(v=n.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var b,p,g;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -25,7 +25,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
       
bar

       
baz

     ;
-}`,...(g=(p=s.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var f,C,h;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
+}`,...(g=(p=t.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var f,C,h;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -34,7 +34,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
       
bar

       
baz

     ;
-}`,...(h=(C=i.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var S,k,z;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
+}`,...(h=(C=s.parameters)==null?void 0:C.docs)==null?void 0:h.source}}};var S,k,z;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -43,7 +43,7 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
       
bar

       
baz

     ;
-}`,...(z=(k=l.parameters)==null?void 0:k.docs)==null?void 0:z.source}}};var x,L,E;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
+}`,...(z=(k=i.parameters)==null?void 0:k.docs)==null?void 0:z.source}}};var x,L,E;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -52,5 +52,4 @@ import{C as a}from"./columns-290be62d.js";import{o as r}from"./jsxRuntime.module
       
bar

       
baz

     ;
-}`,...(E=(L=c.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const q=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{o as Default,c as ExtraLargeSpace,t as ExtraSmallSpace,l as LargeSpace,i as MediumSpace,s as SmallSpace,q as __namedExportsOrder,j as default};
-//# sourceMappingURL=columns.stories-1299682b.js.map
+}`,...(E=(L=l.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const q=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{o as Default,l as ExtraLargeSpace,n as ExtraSmallSpace,i as LargeSpace,s as MediumSpace,t as SmallSpace,q as __namedExportsOrder,j as default};
diff --git a/storybook/assets/compute-next-value-3d847061.js.map b/storybook/assets/compute-next-value-3d847061.js.map
deleted file mode 100644
index f2d395672..000000000
--- a/storybook/assets/compute-next-value-3d847061.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"compute-next-value-3d847061.js","sources":["../../src/components/textbox/private/compute-next-value.ts"],"sourcesContent":["export function computeNextValue(\n  inputElement: HTMLInputElement,\n  insertedString: string\n): string {\n  const value = inputElement.value\n  const selectionStart = inputElement.selectionStart\n  const selectionEnd = inputElement.selectionEnd\n  return `${value.substring(\n    0,\n    selectionStart === null ? 0 : selectionStart\n  )}${insertedString}${value.substring(\n    selectionEnd === null ? 0 : selectionEnd\n  )}`\n}\n"],"names":["computeNextValue","inputElement","insertedString","value","selectionStart","selectionEnd","substring"],"mappings":"AAAgBA,SAAAA,EACdC,EACAC,EACQ,CACR,MAAMC,EAAQF,EAAaE,MACrBC,EAAiBH,EAAaG,eAC9BC,EAAeJ,EAAaI,aAClC,MAAQ,GAAEF,EAAMG,UACd,EACAF,IAAmB,KAAO,EAAIA,CAChC,CAAE,GAAEF,CAAe,GAAEC,EAAMG,UACzBD,IAAiB,KAAO,EAAIA,CAC9B,CAAE,EACJ"}
\ No newline at end of file
diff --git a/storybook/assets/compute-next-value-3d847061.js b/storybook/assets/compute-next-value-v04i_0LO.js
similarity index 73%
rename from storybook/assets/compute-next-value-3d847061.js
rename to storybook/assets/compute-next-value-v04i_0LO.js
index f8e6347de..ef39ec769 100644
--- a/storybook/assets/compute-next-value-3d847061.js
+++ b/storybook/assets/compute-next-value-v04i_0LO.js
@@ -1,2 +1 @@
 function o(t,c){const n=t.value,s=t.selectionStart,e=t.selectionEnd;return`${n.substring(0,s===null?0:s)}${c}${n.substring(e===null?0:e)}`}export{o as c};
-//# sourceMappingURL=compute-next-value-3d847061.js.map
diff --git a/storybook/assets/config-986ae472.js b/storybook/assets/config-986ae472.js
deleted file mode 100644
index 85c5813e3..000000000
--- a/storybook/assets/config-986ae472.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import{y as g,p as y,k as $,B as l}from"./preact.module-fa42f7d1.js";function w(r){for(var e=[],t=1;t{let{id:t,component:n}=e;if(!n)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return x(n,{...r})},h;function m(r,e){$?l(r,e):h=l(r,e,h)}var C=({showError:r,name:e,title:t,storyFn:n,canvasElement:c})=>g(n,null)||(r({title:`Expecting a Preact element from the story: "${e}" of "${t}".`,description:w`
-        Did you forget to return the Preact element from the story?
-        Use "() => ()" or "() => { return ; }" when defining the story.
-      `}),null);function E({storyFn:r,title:e,name:t,showMain:n,showError:c,forceRemount:p},a){p&&m(null,a),n(),m(g(C,{name:t,title:e,showError:c,storyFn:r,canvasElement:a}),a)}var M={docs:{story:{inline:!0}}},P={renderer:"preact",...M};export{P as parameters,b as render,E as renderToCanvas};
-//# sourceMappingURL=config-986ae472.js.map
diff --git a/storybook/assets/config-986ae472.js.map b/storybook/assets/config-986ae472.js.map
deleted file mode 100644
index 4434fc8d2..000000000
--- a/storybook/assets/config-986ae472.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"config-986ae472.js","sources":["../../../../node_modules/ts-dedent/esm/index.js","../../../../node_modules/@storybook/preact/dist/chunk-OHNM7E4P.mjs","../../../../node_modules/@storybook/preact/dist/config.mjs"],"sourcesContent":["export function dedent(templ) {\n    var values = [];\n    for (var _i = 1; _i < arguments.length; _i++) {\n        values[_i - 1] = arguments[_i];\n    }\n    var strings = Array.from(typeof templ === 'string' ? [templ] : templ);\n    strings[strings.length - 1] = strings[strings.length - 1].replace(/\\r?\\n([\\t ]*)$/, '');\n    var indentLengths = strings.reduce(function (arr, str) {\n        var matches = str.match(/\\n([\\t ]+|(?!\\s).)/g);\n        if (matches) {\n            return arr.concat(matches.map(function (match) { var _a, _b; return (_b = (_a = match.match(/[\\t ]/g)) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0; }));\n        }\n        return arr;\n    }, []);\n    if (indentLengths.length) {\n        var pattern_1 = new RegExp(\"\\n[\\t ]{\" + Math.min.apply(Math, indentLengths) + \"}\", 'g');\n        strings = strings.map(function (str) { return str.replace(pattern_1, '\\n'); });\n    }\n    strings[0] = strings[0].replace(/^\\r?\\n/, '');\n    var string = strings[0];\n    values.forEach(function (value, i) {\n        var endentations = string.match(/(?:^|\\n)( *)$/);\n        var endentation = endentations ? endentations[1] : '';\n        var indentedValue = value;\n        if (typeof value === 'string' && value.includes('\\n')) {\n            indentedValue = String(value)\n                .split('\\n')\n                .map(function (str, i) {\n                return i === 0 ? str : \"\" + endentation + str;\n            })\n                .join('\\n');\n        }\n        string += indentedValue + strings[i + 1];\n    });\n    return string;\n}\nexport default dedent;\n//# sourceMappingURL=index.js.map","import * as preact from 'preact';\nimport { dedent } from 'ts-dedent';\n\nvar {h:h2}=preact,render2=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return h2(Component,{...args})},renderedStory;function preactRender(story,canvasElement){preact.Fragment?preact.render(story,canvasElement):renderedStory=preact.render(story,canvasElement,renderedStory);}var StoryHarness=({showError,name,title,storyFn,canvasElement})=>{let content=preact.h(storyFn,null);return content||(showError({title:`Expecting a Preact element from the story: \"${name}\" of \"${title}\".`,description:dedent`\n        Did you forget to return the Preact element from the story?\n        Use \"() => ()\" or \"() => { return ; }\" when defining the story.\n      `}),null)};function renderToCanvas({storyFn,title,name,showMain,showError,forceRemount},canvasElement){forceRemount&&preactRender(null,canvasElement),showMain(),preactRender(preact.h(StoryHarness,{name,title,showError,storyFn,canvasElement}),canvasElement);}\n\nexport { render2 as render, renderToCanvas };\n","export { render, renderToCanvas } from './chunk-OHNM7E4P.mjs';\n\nvar parameters={docs:{story:{inline:!0}}};var parameters2={renderer:\"preact\",...parameters};\n\nexport { parameters2 as parameters };\n"],"names":["dedent","templ","values","_i","strings","indentLengths","arr","str","matches","match","_a","_b","pattern_1","string","value","i","endentations","endentation","indentedValue","h2","preact","render2","args","context","id","Component","renderedStory","preactRender","story","canvasElement","preact.Fragment","preact.render","StoryHarness","showError","name","title","storyFn","preact.h","renderToCanvas","showMain","forceRemount","parameters","parameters2"],"mappings":"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","x_google_ignoreList":[0,1,2]}
\ No newline at end of file
diff --git a/storybook/assets/constants-4a59d305.js b/storybook/assets/constants-4a59d305.js
deleted file mode 100644
index 92a752ee8..000000000
--- a/storybook/assets/constants-4a59d305.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const I=null,a=12,s="data-item-id";export{s as I,a as V,I as a};
-//# sourceMappingURL=constants-4a59d305.js.map
diff --git a/storybook/assets/constants-4a59d305.js.map b/storybook/assets/constants-4a59d305.js.map
deleted file mode 100644
index 37b3e6f3b..000000000
--- a/storybook/assets/constants-4a59d305.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"constants-4a59d305.js","sources":["../../src/utilities/private/constants.ts"],"sourcesContent":["export const INVALID_ID = null\nexport const VIEWPORT_MARGIN = 12\nexport const ITEM_ID_DATA_ATTRIBUTE_NAME = 'data-item-id'\n"],"names":["INVALID_ID","VIEWPORT_MARGIN","ITEM_ID_DATA_ATTRIBUTE_NAME"],"mappings":"AAAO,MAAMA,EAAa,KACbC,EAAkB,GAClBC,EAA8B"}
\ No newline at end of file
diff --git a/storybook/assets/constants-TQdAxsXB.js b/storybook/assets/constants-TQdAxsXB.js
new file mode 100644
index 000000000..f2484319c
--- /dev/null
+++ b/storybook/assets/constants-TQdAxsXB.js
@@ -0,0 +1 @@
+const I=null,a=12,s="data-item-id";export{I,a as V,s as a};
diff --git a/storybook/assets/container.stories-61d8a847.css b/storybook/assets/container-KqfQr_uZ.css
similarity index 100%
rename from storybook/assets/container.stories-61d8a847.css
rename to storybook/assets/container-KqfQr_uZ.css
diff --git a/storybook/assets/container.stories-db68c1b3.js.map b/storybook/assets/container.stories-db68c1b3.js.map
deleted file mode 100644
index 740cfaad9..000000000
--- a/storybook/assets/container.stories-db68c1b3.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"container.stories-db68c1b3.js","sources":["../../src/layout/container/container.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { Space } from '../../types/space.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './container.module.css'\n\nexport type ContainerProps = {\n  children: ComponentChildren\n  space: ContainerSpace\n}\nexport type ContainerSpace = Space\n\nexport const Container = createComponent(\n  function ({ space, ...rest }, ref) {\n    return 
\n  }\n)\n"],"names":["Container","createComponent","space","rest","ref","_jsx","class","styles"],"mappings":"oTAYaA,EAAYC,EACvB,SAAU,CAAEC,MAAAA,EAAO,GAAGC,CAAK,EAAGC,EAAK,CACjC,OAAOC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOL,CAAK,CAAA,CAAI,CACzD,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/container.stories-db68c1b3.js b/storybook/assets/container.stories-upSfGUWB.js
similarity index 71%
rename from storybook/assets/container.stories-db68c1b3.js
rename to storybook/assets/container.stories-upSfGUWB.js
index 155c04fd1..fd658a9a2 100644
--- a/storybook/assets/container.stories-db68c1b3.js
+++ b/storybook/assets/container.stories-upSfGUWB.js
@@ -1,37 +1,36 @@
-import{c as T}from"./create-component-b0512abd.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const h="_extraSmall_1oe77_1",E="_small_1oe77_4",M="_medium_1oe77_7",O="_large_1oe77_10",W="_extraLarge_1oe77_13",j={extraSmall:h,small:E,medium:M,large:O,extraLarge:W},a=T(function({space:r,...k},L){return e("div",{...k,ref:L,class:j[r]})}),A={parameters:{fixedWidth:!0},title:"Layout/Container"},t=function(){return e(a,{space:"extraSmall",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},o=function(){return e(a,{space:"small",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},s=function(){return e(a,{space:"medium",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},n=function(){return e(a,{space:"large",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},c=function(){return e(a,{space:"extraLarge",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})};var l,i,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
+import{c as T}from"./create-component-a83A1_Pu.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const h="_extraSmall_1oe77_1",E="_small_1oe77_4",M="_medium_1oe77_7",O="_large_1oe77_10",W="_extraLarge_1oe77_13",j={extraSmall:h,small:E,medium:M,large:O,extraLarge:W},a=T(function({space:r,...k},L){return e("div",{...k,ref:L,class:j[r]})}),A={parameters:{fixedWidth:!0},title:"Layout/Container"},t=function(){return e(a,{space:"extraSmall",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},n=function(){return e(a,{space:"small",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},o=function(){return e(a,{space:"medium",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},s=function(){return e(a,{space:"large",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})},c=function(){return e(a,{space:"extraLarge",style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:"Text"})};var l,i,m;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
   return 
       Text
     ;
-}`,...(m=(i=t.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
+}`,...(m=(i=t.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var u,d,g;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
   return 
       Text
     ;
-}`,...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var p,y,b;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
+}`,...(g=(d=n.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var p,y,b;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
   return 
       Text
     ;
-}`,...(b=(y=s.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var x,f,S;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
+}`,...(b=(y=o.parameters)==null?void 0:y.docs)==null?void 0:b.source}}};var x,f,S;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
   return 
       Text
     ;
-}`,...(S=(f=n.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var C,_,v;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`function () {
+}`,...(S=(f=s.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var C,_,v;c.parameters={...c.parameters,docs:{...(C=c.parameters)==null?void 0:C.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
   return 
       Text
     ;
-}`,...(v=(_=c.parameters)==null?void 0:_.docs)==null?void 0:v.source}}};const B=["ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{c as ExtraLargeSpace,t as ExtraSmallSpace,n as LargeSpace,s as MediumSpace,o as SmallSpace,B as __namedExportsOrder,A as default};
-//# sourceMappingURL=container.stories-db68c1b3.js.map
+}`,...(v=(_=c.parameters)==null?void 0:_.docs)==null?void 0:v.source}}};const B=["ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{c as ExtraLargeSpace,t as ExtraSmallSpace,s as LargeSpace,o as MediumSpace,n as SmallSpace,B as __namedExportsOrder,A as default};
diff --git a/storybook/assets/create-class-name-71c46838.js.map b/storybook/assets/create-class-name-71c46838.js.map
deleted file mode 100644
index 4f935c385..000000000
--- a/storybook/assets/create-class-name-71c46838.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-class-name-71c46838.js","sources":["../../src/utilities/create-class-name.ts"],"sourcesContent":["export function createClassName(classNames: Array): string {\n  return classNames\n    .filter(function (className: null | string): boolean {\n      return className !== null\n    })\n    .join(' ')\n}\n"],"names":["createClassName","classNames","filter","className","join"],"mappings":"AAAO,SAASA,EAAgBC,EAA0C,CACjEA,OAAAA,EACJC,OAAO,SAAUC,EAAmC,CACnD,OAAOA,IAAc,IAAA,CACtB,EACAC,KAAK,GAAG,CACb"}
\ No newline at end of file
diff --git a/storybook/assets/create-class-name-71c46838.js b/storybook/assets/create-class-name-gq91Tlk7.js
similarity index 60%
rename from storybook/assets/create-class-name-71c46838.js
rename to storybook/assets/create-class-name-gq91Tlk7.js
index 6735ab6f9..4bd0652a2 100644
--- a/storybook/assets/create-class-name-71c46838.js
+++ b/storybook/assets/create-class-name-gq91Tlk7.js
@@ -1,2 +1 @@
 function r(n){return n.filter(function(e){return e!==null}).join(" ")}export{r as c};
-//# sourceMappingURL=create-class-name-71c46838.js.map
diff --git a/storybook/assets/create-component-a83A1_Pu.js b/storybook/assets/create-component-a83A1_Pu.js
new file mode 100644
index 000000000..48acad812
--- /dev/null
+++ b/storybook/assets/create-component-a83A1_Pu.js
@@ -0,0 +1 @@
+import{l as i,b as p,y as g,g as P,$ as k,q as O}from"./preact.module-pS-_M4k6.js";var h,u,N,U,v=0,D=[],y=[],x=i.__b,S=i.__r,w=i.diffed,V=i.__c,A=i.unmount;function E(_,e){i.__h&&i.__h(u,_,v||e),v=0;var t=u.__H||(u.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({__V:y}),t.__[_]}function b_(_){return v=1,__(J,_)}function __(_,e,t){var n=E(h++,2);if(n.t=_,!n.__c&&(n.__=[t?t(e):J(void 0,e),function(c){var a=n.__N?n.__N[0]:n.__[0],f=n.t(a,c);a!==f&&(n.__N=[f,n.__[1]],n.__c.setState({}))}],n.__c=u,!u.u)){var r=function(c,a,f){if(!n.__c.__H)return!0;var d=n.__c.__H.__.filter(function(s){return s.__c});if(d.every(function(s){return!s.__N}))return!o||o.call(this,c,a,f);var $=!1;return d.forEach(function(s){if(s.__N){var G=s.__[0];s.__=s.__N,s.__N=void 0,G!==s.__[0]&&($=!0)}}),!(!$&&n.__c.props===c)&&(!o||o.call(this,c,a,f))};u.u=!0;var o=u.shouldComponentUpdate,l=u.componentWillUpdate;u.componentWillUpdate=function(c,a,f){if(this.__e){var d=o;o=void 0,r(c,a,f),o=d}l&&l.call(this,c,a,f)},u.shouldComponentUpdate=r}return n.__N||n.__}function g_(_,e){var t=E(h++,3);!i.__s&&Z(t.__H,e)&&(t.__=_,t.i=e,u.__H.__h.push(t))}function N_(_){return v=5,I(function(){return{current:_}},[])}function I(_,e){var t=E(h++,7);return Z(t.__H,e)?(t.__V=_(),t.i=e,t.__h=_,t.__V):t.__}function H_(_,e){return v=8,I(function(){return _},e)}function e_(){for(var _;_=D.shift();)if(_.__P&&_.__H)try{_.__H.__h.forEach(b),_.__H.__h.forEach(C),_.__H.__h=[]}catch(e){_.__H.__h=[],i.__e(e,_.__v)}}i.__b=function(_){u=null,x&&x(_)},i.__r=function(_){S&&S(_),h=0;var e=(u=_.__c).__H;e&&(N===u?(e.__h=[],u.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=y,t.__N=t.i=void 0})):(e.__h.forEach(b),e.__h.forEach(C),e.__h=[],h=0)),N=u},i.diffed=function(_){w&&w(_);var e=_.__c;e&&e.__H&&(e.__H.__h.length&&(D.push(e)!==1&&U===i.requestAnimationFrame||((U=i.requestAnimationFrame)||t_)(e_)),e.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==y&&(t.__=t.__V),t.i=void 0,t.__V=y})),N=u=null},i.__c=function(_,e){e.some(function(t){try{t.__h.forEach(b),t.__h=t.__h.filter(function(n){return!n.__||C(n)})}catch(n){e.some(function(r){r.__h&&(r.__h=[])}),e=[],i.__e(n,t.__v)}}),V&&V(_,e)},i.unmount=function(_){A&&A(_);var e,t=_.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{b(n)}catch(r){e=r}}),t.__H=void 0,e&&i.__e(e,t.__v))};var R=typeof requestAnimationFrame=="function";function t_(_){var e,t=function(){clearTimeout(n),R&&cancelAnimationFrame(e),setTimeout(_)},n=setTimeout(t,100);R&&(e=requestAnimationFrame(t))}function b(_){var e=u,t=_.__c;typeof t=="function"&&(_.__c=void 0,t()),u=e}function C(_){var e=u;_.__c=_.__(),u=e}function Z(_,e){return!_||_.length!==e.length||e.some(function(t,n){return t!==_[n]})}function J(_,e){return typeof e=="function"?e(_):e}function K(_,e){for(var t in e)_[t]=e[t];return _}function W(_,e){for(var t in _)if(t!=="__source"&&!(t in e))return!0;for(var n in e)if(n!=="__source"&&_[n]!==e[n])return!0;return!1}function F(_){this.props=_}(F.prototype=new p).isPureReactComponent=!0,F.prototype.shouldComponentUpdate=function(_,e){return W(this.props,_)||W(this.state,e)};var T=i.__b;i.__b=function(_){_.type&&_.type.__f&&_.ref&&(_.props.ref=_.ref,_.ref=null),T&&T(_)};var n_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function r_(_){function e(t){var n=K({},t);return delete n.ref,_(n,t.ref||null)}return e.$$typeof=n_,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(_.displayName||_.name)+")",e}var o_=i.__e;i.__e=function(_,e,t,n){if(_.then){for(var r,o=e;o=o.__;)if((r=o.__c)&&r.__c)return e.__e==null&&(e.__e=t.__e,e.__k=t.__k),r.__c(_,e)}o_(_,e,t,n)};var j=i.unmount;function Q(_,e,t){return _&&(_.__c&&_.__c.__H&&(_.__c.__H.__.forEach(function(n){typeof n.__c=="function"&&n.__c()}),_.__c.__H=null),(_=K({},_)).__c!=null&&(_.__c.__P===t&&(_.__c.__P=e),_.__c=null),_.__k=_.__k&&_.__k.map(function(n){return Q(n,e,t)})),_}function X(_,e,t){return _&&t&&(_.__v=null,_.__k=_.__k&&_.__k.map(function(n){return X(n,e,t)}),_.__c&&_.__c.__P===e&&(_.__e&&t.appendChild(_.__e),_.__c.__e=!0,_.__c.__P=t)),_}function H(){this.__u=0,this.t=null,this.__b=null}function Y(_){var e=_.__.__c;return e&&e.__a&&e.__a(_)}function m(){this.u=null,this.o=null}i.unmount=function(_){var e=_.__c;e&&e.__R&&e.__R(),e&&32&_.__u&&(_.type=null),j&&j(_)},(H.prototype=new p).__c=function(_,e){var t=e.__c,n=this;n.t==null&&(n.t=[]),n.t.push(t);var r=Y(n.__v),o=!1,l=function(){o||(o=!0,t.__R=null,r?r(c):c())};t.__R=l;var c=function(){if(!--n.__u){if(n.state.__a){var a=n.state.__a;n.__v.__k[0]=X(a,a.__c.__P,a.__c.__O)}var f;for(n.setState({__a:n.__b=null});f=n.t.pop();)f.forceUpdate()}};n.__u++||32&e.__u||n.setState({__a:n.__b=n.__v.__k[0]}),_.then(l,l)},H.prototype.componentWillUnmount=function(){this.t=[]},H.prototype.render=function(_,e){if(this.__b){if(this.__v.__k){var t=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=Q(this.__b,t,n.__O=n.__P)}this.__b=null}var r=e.__a&&g(P,null,_.fallback);return r&&(r.__u&=-33),[g(P,null,e.__a?null:_.children),r]};var q=function(_,e,t){if(++t[1]===t[0]&&_.o.delete(e),_.props.revealOrder&&(_.props.revealOrder[0]!=="t"||!_.o.size))for(t=_.u;t;){for(;t.length>3;)t.pop()();if(t[1]>>1,1),e.i.removeChild(n)}}),O(g(i_,{context:e.context},_.__v),e.l)}function k_(_,e){var t=g(u_,{__v:_,i:e});return t.containerInfo=e,t}(m.prototype=new p).__a=function(_){var e=this,t=Y(e.__v),n=e.o.get(_);return n[0]++,function(r){var o=function(){e.props.revealOrder?(n.push(r),q(e,_,n)):r()};t?t(o):o()}},m.prototype.render=function(_){this.u=null,this.o=new Map;var e=k(_.children);_.revealOrder&&_.revealOrder[0]==="b"&&e.reverse();for(var t=e.length;t--;)this.o.set(e[t],this.u=[1,0,this.u]);return _.children},m.prototype.componentDidUpdate=m.prototype.componentDidMount=function(){var _=this;this.o.forEach(function(e,t){q(_,t,e)})};var c_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,a_=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,l_=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,f_=/[A-Z0-9]/g,s_=typeof document<"u",p_=function(_){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(_)};p.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(_){Object.defineProperty(p.prototype,_,{configurable:!0,get:function(){return this["UNSAFE_"+_]},set:function(e){Object.defineProperty(this,_,{configurable:!0,writable:!0,value:e})}})});var B=i.event;function h_(){}function v_(){return this.cancelBubble}function d_(){return this.defaultPrevented}i.event=function(_){return B&&(_=B(_)),_.persist=h_,_.isPropagationStopped=v_,_.isDefaultPrevented=d_,_.nativeEvent=_};var m_={enumerable:!1,configurable:!0,get:function(){return this.class}},z=i.vnode;i.vnode=function(_){typeof _.type=="string"&&function(e){var t=e.props,n=e.type,r={};for(var o in t){var l=t[o];if(!(o==="value"&&"defaultValue"in t&&l==null||s_&&o==="children"&&n==="noscript"||o==="class"||o==="className")){var c=o.toLowerCase();o==="defaultValue"&&"value"in t&&t.value==null?o="value":o==="download"&&l===!0?l="":c==="ondoubleclick"?o="ondblclick":c!=="onchange"||n!=="input"&&n!=="textarea"||p_(t.type)?c==="onfocus"?o="onfocusin":c==="onblur"?o="onfocusout":l_.test(o)?o=c:n.indexOf("-")===-1&&a_.test(o)?o=o.replace(f_,"-$&").toLowerCase():l===null&&(l=void 0):c=o="oninput",c==="oninput"&&r[o=c]&&(o="oninputCapture"),r[o]=l}}n=="select"&&r.multiple&&Array.isArray(r.value)&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.value.indexOf(a.props.value)!=-1})),n=="select"&&r.defaultValue!=null&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.multiple?r.defaultValue.indexOf(a.props.value)!=-1:r.defaultValue==a.props.value})),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",m_)):(t.className&&!t.class||t.class&&t.className)&&(r.class=r.className=t.className),e.props=r}(_),_.$$typeof=c_,z&&z(_)};var L=i.__r;i.__r=function(_){L&&L(_),_.__c};var M=i.diffed;i.diffed=function(_){M&&M(_);var e=_.props,t=_.__e;t!=null&&_.type==="textarea"&&"value"in e&&e.value!==t.value&&(t.value=e.value==null?"":e.value)};function C_(_){return r_(_)}export{H_ as T,N_ as _,C_ as c,b_ as h,k_ as j,g_ as p};
diff --git a/storybook/assets/create-component-b0512abd.js b/storybook/assets/create-component-b0512abd.js
deleted file mode 100644
index 14e8c2ca1..000000000
--- a/storybook/assets/create-component-b0512abd.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{l as i,b as h,y as N,k as P,C as k,B as U}from"./preact.module-fa42f7d1.js";var v,u,g,w,d=0,I=[],y=[],O=i.__b,S=i.__r,x=i.diffed,V=i.__c,A=i.unmount;function $(_,e){i.__h&&i.__h(u,_,d||e),d=0;var t=u.__H||(u.__H={__:[],__h:[]});return _>=t.__.length&&t.__.push({__V:y}),t.__[_]}function b_(_){return d=1,__(K,_)}function __(_,e,t){var n=$(v++,2);if(n.t=_,!n.__c&&(n.__=[t?t(e):K(void 0,e),function(c){var a=n.__N?n.__N[0]:n.__[0],f=n.t(a,c);a!==f&&(n.__N=[f,n.__[1]],n.__c.setState({}))}],n.__c=u,!u.u)){var r=function(c,a,f){if(!n.__c.__H)return!0;var p=n.__c.__H.__.filter(function(s){return s.__c});if(p.every(function(s){return!s.__N}))return!o||o.call(this,c,a,f);var E=!1;return p.forEach(function(s){if(s.__N){var J=s.__[0];s.__=s.__N,s.__N=void 0,J!==s.__[0]&&(E=!0)}}),!(!E&&n.__c.props===c)&&(!o||o.call(this,c,a,f))};u.u=!0;var o=u.shouldComponentUpdate,l=u.componentWillUpdate;u.componentWillUpdate=function(c,a,f){if(this.__e){var p=o;o=void 0,r(c,a,f),o=p}l&&l.call(this,c,a,f)},u.shouldComponentUpdate=r}return n.__N||n.__}function N_(_,e){var t=$(v++,3);!i.__s&&Z(t.__H,e)&&(t.__=_,t.i=e,u.__H.__h.push(t))}function g_(_){return d=5,M(function(){return{current:_}},[])}function M(_,e){var t=$(v++,7);return Z(t.__H,e)?(t.__V=_(),t.i=e,t.__h=_,t.__V):t.__}function H_(_,e){return d=8,M(function(){return _},e)}function e_(){for(var _;_=I.shift();)if(_.__P&&_.__H)try{_.__H.__h.forEach(b),_.__H.__h.forEach(C),_.__H.__h=[]}catch(e){_.__H.__h=[],i.__e(e,_.__v)}}i.__b=function(_){u=null,O&&O(_)},i.__r=function(_){S&&S(_),v=0;var e=(u=_.__c).__H;e&&(g===u?(e.__h=[],u.__h=[],e.__.forEach(function(t){t.__N&&(t.__=t.__N),t.__V=y,t.__N=t.i=void 0})):(e.__h.forEach(b),e.__h.forEach(C),e.__h=[],v=0)),g=u},i.diffed=function(_){x&&x(_);var e=_.__c;e&&e.__H&&(e.__H.__h.length&&(I.push(e)!==1&&w===i.requestAnimationFrame||((w=i.requestAnimationFrame)||t_)(e_)),e.__H.__.forEach(function(t){t.i&&(t.__H=t.i),t.__V!==y&&(t.__=t.__V),t.i=void 0,t.__V=y})),g=u=null},i.__c=function(_,e){e.some(function(t){try{t.__h.forEach(b),t.__h=t.__h.filter(function(n){return!n.__||C(n)})}catch(n){e.some(function(r){r.__h&&(r.__h=[])}),e=[],i.__e(n,t.__v)}}),V&&V(_,e)},i.unmount=function(_){A&&A(_);var e,t=_.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{b(n)}catch(r){e=r}}),t.__H=void 0,e&&i.__e(e,t.__v))};var R=typeof requestAnimationFrame=="function";function t_(_){var e,t=function(){clearTimeout(n),R&&cancelAnimationFrame(e),setTimeout(_)},n=setTimeout(t,100);R&&(e=requestAnimationFrame(t))}function b(_){var e=u,t=_.__c;typeof t=="function"&&(_.__c=void 0,t()),u=e}function C(_){var e=u;_.__c=_.__(),u=e}function Z(_,e){return!_||_.length!==e.length||e.some(function(t,n){return t!==_[n]})}function K(_,e){return typeof e=="function"?e(_):e}function Q(_,e){for(var t in e)_[t]=e[t];return _}function W(_,e){for(var t in _)if(t!=="__source"&&!(t in e))return!0;for(var n in e)if(n!=="__source"&&_[n]!==e[n])return!0;return!1}function F(_){this.props=_}(F.prototype=new h).isPureReactComponent=!0,F.prototype.shouldComponentUpdate=function(_,e){return W(this.props,_)||W(this.state,e)};var T=i.__b;i.__b=function(_){_.type&&_.type.__f&&_.ref&&(_.props.ref=_.ref,_.ref=null),T&&T(_)};var n_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function r_(_){function e(t){var n=Q({},t);return delete n.ref,_(n,t.ref||null)}return e.$$typeof=n_,e.render=e,e.prototype.isReactComponent=e.__f=!0,e.displayName="ForwardRef("+(_.displayName||_.name)+")",e}var o_=i.__e;i.__e=function(_,e,t,n){if(_.then){for(var r,o=e;o=o.__;)if((r=o.__c)&&r.__c)return e.__e==null&&(e.__e=t.__e,e.__k=t.__k),r.__c(_,e)}o_(_,e,t,n)};var B=i.unmount;function X(_,e,t){return _&&(_.__c&&_.__c.__H&&(_.__c.__H.__.forEach(function(n){typeof n.__c=="function"&&n.__c()}),_.__c.__H=null),(_=Q({},_)).__c!=null&&(_.__c.__P===t&&(_.__c.__P=e),_.__c=null),_.__k=_.__k&&_.__k.map(function(n){return X(n,e,t)})),_}function Y(_,e,t){return _&&t&&(_.__v=null,_.__k=_.__k&&_.__k.map(function(n){return Y(n,e,t)}),_.__c&&_.__c.__P===e&&(_.__e&&t.insertBefore(_.__e,_.__d),_.__c.__e=!0,_.__c.__P=t)),_}function H(){this.__u=0,this.t=null,this.__b=null}function G(_){var e=_.__.__c;return e&&e.__a&&e.__a(_)}function m(){this.u=null,this.o=null}i.unmount=function(_){var e=_.__c;e&&e.__R&&e.__R(),e&&_.__h===!0&&(_.type=null),B&&B(_)},(H.prototype=new h).__c=function(_,e){var t=e.__c,n=this;n.t==null&&(n.t=[]),n.t.push(t);var r=G(n.__v),o=!1,l=function(){o||(o=!0,t.__R=null,r?r(c):c())};t.__R=l;var c=function(){if(!--n.__u){if(n.state.__a){var f=n.state.__a;n.__v.__k[0]=Y(f,f.__c.__P,f.__c.__O)}var p;for(n.setState({__a:n.__b=null});p=n.t.pop();)p.forceUpdate()}},a=e.__h===!0;n.__u++||a||n.setState({__a:n.__b=n.__v.__k[0]}),_.then(l,l)},H.prototype.componentWillUnmount=function(){this.t=[]},H.prototype.render=function(_,e){if(this.__b){if(this.__v.__k){var t=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=X(this.__b,t,n.__O=n.__P)}this.__b=null}var r=e.__a&&N(P,null,_.fallback);return r&&(r.__h=null),[N(P,null,e.__a?null:_.children),r]};var j=function(_,e,t){if(++t[1]===t[0]&&_.o.delete(e),_.props.revealOrder&&(_.props.revealOrder[0]!=="t"||!_.o.size))for(t=_.u;t;){for(;t.length>3;)t.pop()();if(t[1]>>1,1),e.i.removeChild(n)}}),U(N(i_,{context:e.context},_.__v),e.l)}function k_(_,e){var t=N(u_,{__v:_,i:e});return t.containerInfo=e,t}(m.prototype=new h).__a=function(_){var e=this,t=G(e.__v),n=e.o.get(_);return n[0]++,function(r){var o=function(){e.props.revealOrder?(n.push(r),j(e,_,n)):r()};t?t(o):o()}},m.prototype.render=function(_){this.u=null,this.o=new Map;var e=k(_.children);_.revealOrder&&_.revealOrder[0]==="b"&&e.reverse();for(var t=e.length;t--;)this.o.set(e[t],this.u=[1,0,this.u]);return _.children},m.prototype.componentDidUpdate=m.prototype.componentDidMount=function(){var _=this;this.o.forEach(function(e,t){j(_,t,e)})};var c_=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,a_=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,l_=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,f_=/[A-Z0-9]/g,s_=typeof document<"u",p_=function(_){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(_)};h.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(_){Object.defineProperty(h.prototype,_,{configurable:!0,get:function(){return this["UNSAFE_"+_]},set:function(e){Object.defineProperty(this,_,{configurable:!0,writable:!0,value:e})}})});var q=i.event;function h_(){}function v_(){return this.cancelBubble}function d_(){return this.defaultPrevented}i.event=function(_){return q&&(_=q(_)),_.persist=h_,_.isPropagationStopped=v_,_.isDefaultPrevented=d_,_.nativeEvent=_};var m_={enumerable:!1,configurable:!0,get:function(){return this.class}},z=i.vnode;i.vnode=function(_){typeof _.type=="string"&&function(e){var t=e.props,n=e.type,r={};for(var o in t){var l=t[o];if(!(o==="value"&&"defaultValue"in t&&l==null||s_&&o==="children"&&n==="noscript"||o==="class"||o==="className")){var c=o.toLowerCase();o==="defaultValue"&&"value"in t&&t.value==null?o="value":o==="download"&&l===!0?l="":c==="ondoubleclick"?o="ondblclick":c!=="onchange"||n!=="input"&&n!=="textarea"||p_(t.type)?c==="onfocus"?o="onfocusin":c==="onblur"?o="onfocusout":l_.test(o)?o=c:n.indexOf("-")===-1&&a_.test(o)?o=o.replace(f_,"-$&").toLowerCase():l===null&&(l=void 0):c=o="oninput",c==="oninput"&&r[o=c]&&(o="oninputCapture"),r[o]=l}}n=="select"&&r.multiple&&Array.isArray(r.value)&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.value.indexOf(a.props.value)!=-1})),n=="select"&&r.defaultValue!=null&&(r.value=k(t.children).forEach(function(a){a.props.selected=r.multiple?r.defaultValue.indexOf(a.props.value)!=-1:r.defaultValue==a.props.value})),t.class&&!t.className?(r.class=t.class,Object.defineProperty(r,"className",m_)):(t.className&&!t.class||t.class&&t.className)&&(r.class=r.className=t.className),e.props=r}(_),_.$$typeof=c_,z&&z(_)};var D=i.__r;i.__r=function(_){D&&D(_),_.__c};var L=i.diffed;i.diffed=function(_){L&&L(_);var e=_.props,t=_.__e;t!=null&&_.type==="textarea"&&"value"in e&&e.value!==t.value&&(t.value=e.value==null?"":e.value)};function C_(_){return r_(_)}export{H_ as T,g_ as _,C_ as c,b_ as h,N_ as p,k_ as z};
-//# sourceMappingURL=create-component-b0512abd.js.map
diff --git a/storybook/assets/create-component-b0512abd.js.map b/storybook/assets/create-component-b0512abd.js.map
deleted file mode 100644
index e90bc003b..000000000
--- a/storybook/assets/create-component-b0512abd.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-component-b0512abd.js","sources":["../../../../node_modules/preact/hooks/dist/hooks.module.js","../../../../node_modules/preact/compat/dist/compat.module.js","../../src/utilities/create-component.ts"],"sourcesContent":["import{options as n}from\"preact\";var t,r,u,i,o=0,f=[],c=[],e=n.__b,a=n.__r,v=n.diffed,l=n.__c,m=n.unmount;function d(t,u){n.__h&&n.__h(r,t,o||u),o=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o=1,s(B,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}))}],o.__c=r,!r.u)){var f=function(n,t,r){if(!o.__c.__H)return!0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return!n.__N}))return!c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0)}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r.u=!0;var c=r.shouldComponentUpdate,e=r.componentWillUpdate;r.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u}e&&e.call(this,n,t,r)},r.shouldComponentUpdate=f}return o.__N||o.__}function p(u,i){var o=d(t++,3);!n.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o))}function y(u,i){var o=d(t++,4);!n.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o))}function _(n){return o=5,F(function(){return{current:n}},[])}function A(n,t,r){o=6,y(function(){return\"function\"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n))}function F(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T(n,t){return o=8,F(function(){return n},t)}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function x(t,r){n.useDebugValue&&n.useDebugValue(r?r(t):t)}function P(n){var u=d(t++,10),i=h();return u.__=n,r.componentDidCatch||(r.componentDidCatch=function(n,t){u.__&&u.__(n,t),i[1](n)}),[i[0],function(){i[1](void 0)}]}function V(){var n=d(t++,11);if(!n.__){for(var u=r.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__=\"P\"+i[0]+\"-\"+i[1]++}return n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w),t.__H.__h=[]}catch(r){t.__H.__h=[],n.__e(r,t.__v)}}n.__b=function(n){r=null,e&&e(n)},n.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0})):(i.__h.forEach(k),i.__h.forEach(w),i.__h=[],t=0)),u=r},n.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===n.requestAnimationFrame||((i=n.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c})),u=r=null},n.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return!n.__||w(n)})}catch(u){r.some(function(n){n.__h&&(n.__h=[])}),r=[],n.__e(u,t.__v)}}),l&&l(t,r)},n.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n)}catch(n){r=n}}),u.__H=void 0,r&&n.__e(r,u.__v))};var g=\"function\"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n)},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r))}function k(n){var t=r,u=n.__c;\"function\"==typeof u&&(n.__c=void 0,u()),r=t}function w(n){var t=r;n.__c=n.__(),r=t}function z(n,t){return!n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B(n,t){return\"function\"==typeof t?t(n):t}export{T as useCallback,q as useContext,x as useDebugValue,p as useEffect,P as useErrorBoundary,V as useId,A as useImperativeHandle,y as useLayoutEffect,F as useMemo,s as useReducer,_ as useRef,h as useState};\n//# sourceMappingURL=hooks.module.js.map\n","import{Component as n,createElement as t,options as e,toChildArray as r,Fragment as u,render as o,hydrate as i,createContext as l,createRef as c,cloneElement as f}from\"preact\";export{Component,Fragment,createContext,createElement,createRef}from\"preact\";import{useState as a,useId as s,useReducer as h,useEffect as v,useLayoutEffect as d,useRef as p,useImperativeHandle as m,useMemo as y,useCallback as _,useContext as b,useDebugValue as S}from\"preact/hooks\";export*from\"preact/hooks\";function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if(\"__source\"!==e&&!(e in t))return!0;for(var r in t)if(\"__source\"!==r&&n[r]!==t[r])return!0;return!1}function E(n,t){return n===t&&(0!==n||1/n==1/t)||n!=n&&t!=t}function w(n){this.props=n}function x(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return!r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,t(n,e)}return u.displayName=\"Memo(\"+(n.displayName||n.name)+\")\",u.prototype.isReactComponent=!0,u.__f=!0,u}(w.prototype=new n).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=e.__b;e.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n)};var N=\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.forward_ref\")||3911;function k(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=N,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName=\"ForwardRef(\"+(n.displayName||n.name)+\")\",t}var A=function(n,t){return null==n?null:r(r(n).map(t))},O={map:A,forEach:A,count:function(n){return n?r(n).length:0},only:function(n){var t=r(n);if(1!==t.length)throw\"Children.only\";return t[0]},toArray:r},T=e.__e;e.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);T(n,t,e,r)};var F=e.unmount;function I(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){\"function\"==typeof n.__c&&n.__c()}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return I(n,t,e)})),n}function L(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function U(){this.__u=0,this.t=null,this.__b=null}function D(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function M(n){var e,r,u;function o(o){if(e||(e=n()).then(function(n){r=n.default||n},function(n){u=n}),u)throw u;if(!r)throw e;return t(r,o)}return o.displayName=\"Lazy\",o.__f=!0,o}function V(){this.u=null,this.o=null}e.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),F&&F(n)},(U.prototype=new n).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=D(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l())};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=L(n,n.__c.__P,n.__c.__O)}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate()}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i)},U.prototype.componentWillUnmount=function(){this.t=[]},U.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement(\"div\"),o=this.__v.__k[0].__c;this.__v.__k[0]=I(this.__b,r,o.__O=o.__P)}this.__b=null}var i=e.__a&&t(u,null,n.fallback);return i&&(i.__h=null),[t(u,null,e.__a?null:n.children),i]};var W=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&(\"t\"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]>>1,1),e.i.removeChild(n)}}),o(t(P,{context:e.context},n.__v),e.l)}function z(n,e){var r=t(j,{__v:n,i:e});return r.containerInfo=e,r}(V.prototype=new n).__a=function(n){var t=this,e=D(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u()};e?e(o):o()}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=r(n.children);n.revealOrder&&\"b\"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(n,e,t)})};var B=\"undefined\"!=typeof Symbol&&Symbol.for&&Symbol.for(\"react.element\")||60103,H=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Z=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Y=/[A-Z0-9]/g,$=\"undefined\"!=typeof document,q=function(n){return(\"undefined\"!=typeof Symbol&&\"symbol\"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function G(n,t,e){return null==t.__k&&(t.textContent=\"\"),o(n,t),\"function\"==typeof e&&e(),n?n.__c:null}function J(n,t,e){return i(n,t),\"function\"==typeof e&&e(),n?n.__c:null}n.prototype.isReactComponent={},[\"componentWillMount\",\"componentWillReceiveProps\",\"componentWillUpdate\"].forEach(function(t){Object.defineProperty(n.prototype,t,{configurable:!0,get:function(){return this[\"UNSAFE_\"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n})}})});var K=e.event;function Q(){}function X(){return this.cancelBubble}function nn(){return this.defaultPrevented}e.event=function(n){return K&&(n=K(n)),n.persist=Q,n.isPropagationStopped=X,n.isDefaultPrevented=nn,n.nativeEvent=n};var tn,en={enumerable:!1,configurable:!0,get:function(){return this.class}},rn=e.vnode;e.vnode=function(n){\"string\"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!(\"value\"===o&&\"defaultValue\"in t&&null==i||$&&\"children\"===o&&\"noscript\"===e||\"class\"===o||\"className\"===o)){var l=o.toLowerCase();\"defaultValue\"===o&&\"value\"in t&&null==t.value?o=\"value\":\"download\"===o&&!0===i?i=\"\":\"ondoubleclick\"===l?o=\"ondblclick\":\"onchange\"!==l||\"input\"!==e&&\"textarea\"!==e||q(t.type)?\"onfocus\"===l?o=\"onfocusin\":\"onblur\"===l?o=\"onfocusout\":Z.test(o)?o=l:-1===e.indexOf(\"-\")&&H.test(o)?o=o.replace(Y,\"-$&\").toLowerCase():null===i&&(i=void 0):l=o=\"oninput\",\"oninput\"===l&&u[o=l]&&(o=\"oninputCapture\"),u[o]=i}}\"select\"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=r(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value)})),\"select\"==e&&null!=u.defaultValue&&(u.value=r(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,\"className\",en)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u}(n),n.$$typeof=B,rn&&rn(n)};var un=e.__r;e.__r=function(n){un&&un(n),tn=n.__c};var on=e.diffed;e.diffed=function(n){on&&on(n);var t=n.props,e=n.__e;null!=e&&\"textarea\"===n.type&&\"value\"in t&&t.value!==e.value&&(e.value=null==t.value?\"\":t.value),tn=null};var ln={ReactCurrentDispatcher:{current:{readContext:function(n){return tn.__n[n.__c].props.value}}}},cn=\"17.0.2\";function fn(n){return t.bind(null,n)}function an(n){return!!n&&n.$$typeof===B}function sn(n){return an(n)&&n.type===u}function hn(n){return an(n)?f.apply(null,arguments):n}function vn(n){return!!n.__k&&(o(null,n),!0)}function dn(n){return n&&(n.base||1===n.nodeType&&n)||null}var pn=function(n,t){return n(t)},mn=function(n,t){return n(t)},yn=u;function _n(n){n()}function bn(n){return n}function Sn(){return[!1,_n]}var gn=d,Cn=an;function En(n,t){var e=t(),r=a({h:{__:e,v:t}}),u=r[0].h,o=r[1];return d(function(){u.__=e,u.v=t,E(u.__,t())||o({h:u})},[n,e,t]),v(function(){return E(u.__,u.v())||o({h:u}),n(function(){E(u.__,u.v())||o({h:u})})},[n]),e}var wn={useState:a,useId:s,useReducer:h,useEffect:v,useLayoutEffect:d,useInsertionEffect:gn,useTransition:Sn,useDeferredValue:bn,useSyncExternalStore:En,startTransition:_n,useRef:p,useImperativeHandle:m,useMemo:y,useCallback:_,useContext:b,useDebugValue:S,version:\"17.0.2\",Children:O,render:G,hydrate:J,unmountComponentAtNode:vn,createPortal:z,createElement:t,createContext:l,createFactory:fn,cloneElement:hn,createRef:c,Fragment:u,isValidElement:an,isElement:Cn,isFragment:sn,findDOMNode:dn,Component:n,PureComponent:w,memo:x,forwardRef:k,flushSync:mn,unstable_batchedUpdates:pn,StrictMode:yn,Suspense:U,SuspenseList:V,lazy:M,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:ln};export{O as Children,w as PureComponent,yn as StrictMode,U as Suspense,V as SuspenseList,ln as __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,hn as cloneElement,fn as createFactory,z as createPortal,wn as default,dn as findDOMNode,mn as flushSync,k as forwardRef,J as hydrate,Cn as isElement,sn as isFragment,an as isValidElement,M as lazy,x as memo,G as render,_n as startTransition,vn as unmountComponentAtNode,pn as unstable_batchedUpdates,bn as useDeferredValue,gn as useInsertionEffect,En as useSyncExternalStore,Sn as useTransition,cn as version};\n//# sourceMappingURL=compat.module.js.map\n","import { FunctionalComponent, JSX, Ref, RenderableProps } from 'preact'\nimport { ForwardFn, forwardRef } from 'preact/compat'\n\nexport type MixinHTMLElementAttributes<\n  Target extends EventTarget,\n  ComponentProps = Record\n> = RenderableProps<\n  Omit, keyof ComponentProps> & ComponentProps\n>\n\nexport function createComponent<\n  Target extends EventTarget,\n  ComponentProps,\n  Props = MixinHTMLElementAttributes\n>(\n  fn: ForwardFn\n): FunctionalComponent & { ref?: Ref }> {\n  return forwardRef(fn)\n}\n"],"names":["t","r","u","i","o","f","c","e","n","a","v","l","m","d","h","s","B","p","z","_","F","T","b","k","w","j","g","C","R","N","I","L","U","D","V","W","P","H","Z","Y","$","q","K","Q","X","nn","en","rn","un","on","createComponent","fn","forwardRef"],"mappings":"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","x_google_ignoreList":[0,1]}
\ No newline at end of file
diff --git a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js b/storybook/assets/create-focus-trap-key-down-handler-_kplv3kG.js
similarity index 88%
rename from storybook/assets/create-focus-trap-key-down-handler-e65db33a.js
rename to storybook/assets/create-focus-trap-key-down-handler-_kplv3kG.js
index 4f0496742..044444ec6 100644
--- a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js
+++ b/storybook/assets/create-focus-trap-key-down-handler-_kplv3kG.js
@@ -1,2 +1 @@
 function f(n){const e=(typeof n>"u"?document:n).querySelectorAll(':not([disabled])[tabindex]:not([tabindex="-1"])');return Array.prototype.slice.call(e)}function c(n){return function(e){if(e.key!=="Tab")return;e.preventDefault();const t=f(n);if(t.length===0)return;const r=o(e.target,t);if(r===t.length-1&&e.shiftKey===!1){t[0].focus();return}if(r===0&&e.shiftKey===!0){t[t.length-1].focus();return}t[e.shiftKey===!0?r-1:r+1].focus()}}function o(n,e){return e.reduce(function(t,r,u){return t===-1&&r.isSameNode(n)===!0?u:t},-1)}export{c,f as g};
-//# sourceMappingURL=create-focus-trap-key-down-handler-e65db33a.js.map
diff --git a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map b/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map
deleted file mode 100644
index 65a09207b..000000000
--- a/storybook/assets/create-focus-trap-key-down-handler-e65db33a.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-focus-trap-key-down-handler-e65db33a.js","sources":["../../src/utilities/private/get-focusable-elements.ts","../../src/utilities/private/create-focus-trap-key-down-handler.ts"],"sourcesContent":["export function getFocusableElements(\n  rootElement?: HTMLElement\n): Array {\n  const elements = (\n    typeof rootElement === 'undefined' ? document : rootElement\n  ).querySelectorAll(\n    ':not([disabled])[tabindex]:not([tabindex=\"-1\"])'\n  )\n  return Array.prototype.slice.call(elements)\n}\n","import { getFocusableElements } from './get-focusable-elements.js'\n\nexport function createFocusTrapKeyDownHandler(rootElement?: HTMLElement) {\n  return function (event: KeyboardEvent): void {\n    if (event.key !== 'Tab') {\n      return\n    }\n    event.preventDefault()\n    const focusableElements = getFocusableElements(rootElement)\n    if (focusableElements.length === 0) {\n      return\n    }\n    const index = findElementIndex(\n      event.target as HTMLElement,\n      focusableElements\n    )\n    if (index === focusableElements.length - 1 && event.shiftKey === false) {\n      // Focus the first element\n      focusableElements[0].focus()\n      return\n    }\n    if (index === 0 && event.shiftKey === true) {\n      // Focus the last element\n      focusableElements[focusableElements.length - 1].focus()\n      return\n    }\n    focusableElements[event.shiftKey === true ? index - 1 : index + 1].focus()\n  }\n}\n\nfunction findElementIndex(\n  targetElement: HTMLElement,\n  elements: Array\n): number {\n  return elements.reduce(function (\n    result: number,\n    element: HTMLElement,\n    index: number\n  ): number {\n    if (result === -1 && element.isSameNode(targetElement) === true) {\n      return index\n    }\n    return result\n  },\n  -1)\n}\n"],"names":["getFocusableElements","rootElement","elements","document","querySelectorAll","Array","prototype","slice","call","createFocusTrapKeyDownHandler","event","key","preventDefault","focusableElements","length","index","findElementIndex","target","shiftKey","focus","targetElement","reduce","result","element","isSameNode"],"mappings":"AAAO,SAASA,EACdC,EACoB,CACpB,MAAMC,GACJ,OAAOD,EAAgB,IAAcE,SAAWF,GAChDG,iBACA,iDACF,EACA,OAAOC,MAAMC,UAAUC,MAAMC,KAAKN,CAAQ,CAC5C,CCPO,SAASO,EAA8BR,EAA2B,CACvE,OAAO,SAAUS,EAA4B,CACvCA,GAAAA,EAAMC,MAAQ,MAChB,OAEFD,EAAME,eAAe,EACfC,MAAAA,EAAoBb,EAAqBC,CAAW,EACtDY,GAAAA,EAAkBC,SAAW,EAC/B,OAEF,MAAMC,EAAQC,EACZN,EAAMO,OACNJ,CACF,EACA,GAAIE,IAAUF,EAAkBC,OAAS,GAAKJ,EAAMQ,WAAa,GAAO,CAEpDL,EAAA,CAAC,EAAEM,QACrB,MACF,CACA,GAAIJ,IAAU,GAAKL,EAAMQ,WAAa,GAAM,CAE1CL,EAAkBA,EAAkBC,OAAS,CAAC,EAAEK,MAAM,EACtD,MACF,CACkBT,EAAAA,EAAMQ,WAAa,GAAOH,EAAQ,EAAIA,EAAQ,CAAC,EAAEI,OAAM,CAE7E,CAEA,SAASH,EACPI,EACAlB,EACQ,CACR,OAAOA,EAASmB,OAAO,SACrBC,EACAC,EACAR,EACQ,CACR,OAAIO,IAAW,IAAMC,EAAQC,WAAWJ,CAAa,IAAM,GAClDL,EAEFO,CAAAA,EAET,EAAE,CACJ"}
\ No newline at end of file
diff --git a/storybook/assets/create-icon-59b2c318.js b/storybook/assets/create-icon-59b2c318.js
deleted file mode 100644
index 75f14ffe4..000000000
--- a/storybook/assets/create-icon-59b2c318.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as l}from"./create-component-b0512abd.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const s="_icon_13804_1",d={icon:s};function p(e,t){const{width:c,height:r}=t;return l(function({color:o,...i}){return n("svg",{...i,class:d.icon,height:r,style:{fill:typeof o>"u"?"currentColor":`var(--figma-color-icon-${o})`},width:c,xmlns:"http://www.w3.org/2000/svg",children:n("path",{"clip-rule":"evenodd",d:e,"fill-rule":"evenodd"})})})}export{p as c};
-//# sourceMappingURL=create-icon-59b2c318.js.map
diff --git a/storybook/assets/create-icon-59b2c318.js.map b/storybook/assets/create-icon-59b2c318.js.map
deleted file mode 100644
index 5a0f74501..000000000
--- a/storybook/assets/create-icon-59b2c318.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"create-icon-59b2c318.js","sources":["../../src/icons/create-icon.tsx"],"sourcesContent":["import { h } from 'preact'\n\nimport { IconColor } from '../types/colors.js'\nimport { createComponent } from '../utilities/create-component.js'\nimport styles from './icon.module.css'\n\nexport type IconProps = {\n  color?: IconColor\n}\n\nexport function createIcon(\n  path: string,\n  options: { width: number; height: number }\n) {\n  const { width, height } = options\n  return createComponent(function ({\n    color,\n    ...rest\n  }) {\n    return (\n      \n        \n      \n    )\n  })\n}\n"],"names":["createIcon","path","options","width","height","createComponent","color","rest","_jsx","class","styles","icon","style","fill","xmlns","children","d"],"mappings":"0IAUgBA,SAAAA,EACdC,EACAC,EACA,CACM,KAAA,CAAEC,MAAAA,EAAOC,OAAAA,CAAWF,EAAAA,EAC1B,OAAOG,EAA0C,SAAU,CACzDC,MAAAA,EACA,GAAGC,CAAAA,EACF,CACD,OACEC,EAAA,MAAA,CAAA,GACMD,EACJE,MAAOC,EAAOC,KACdP,OAAAA,EACAQ,MAAO,CACLC,KACE,OAAOP,EAAU,IACb,eACC,0BAAyBA,CAAM,GACxC,EACAH,MAAAA,EACAW,MAAM,6BAA4BC,SAElCP,EAAA,OAAA,CAAM,YAAU,UAAUQ,EAAGf,EAAM,YAAU,SAAA,CAAW,CAAA,CACrD,CAAA,CAER,CACH"}
\ No newline at end of file
diff --git a/storybook/assets/create-icon-29ab0592.css b/storybook/assets/create-icon-KPF4BRl-.css
similarity index 100%
rename from storybook/assets/create-icon-29ab0592.css
rename to storybook/assets/create-icon-KPF4BRl-.css
diff --git a/storybook/assets/create-icon-prVyFgUx.js b/storybook/assets/create-icon-prVyFgUx.js
new file mode 100644
index 000000000..f0aaa70d9
--- /dev/null
+++ b/storybook/assets/create-icon-prVyFgUx.js
@@ -0,0 +1 @@
+import{c as l}from"./create-component-a83A1_Pu.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";const s="_icon_13804_1",d={icon:s};function a(e,t){const{width:c,height:r}=t;return l(function({color:n,...i}){return o("svg",{...i,class:d.icon,height:r,style:{fill:typeof n>"u"?"currentColor":`var(--figma-color-icon-${n})`},width:c,xmlns:"http://www.w3.org/2000/svg",children:o("path",{"clip-rule":"evenodd",d:e,"fill-rule":"evenodd"})})})}export{a as c};
diff --git a/storybook/assets/disclosure-457591a5.js b/storybook/assets/disclosure-457591a5.js
deleted file mode 100644
index 609c4015b..000000000
--- a/storybook/assets/disclosure-457591a5.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{k as d}from"./preact.module-fa42f7d1.js";import{c as p,T as m}from"./create-component-b0512abd.js";import{I as f}from"./icon-caret-right-16-f2a2bc99.js";import{n as o}from"./no-op-cb277961.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";const k="_label_ekvh7_1",b="_input_ekvh7_5",v="_title_ekvh7_13",x="_children_ekvh7_14",y="_icon_ekvh7_29",c={label:k,input:b,title:v,children:x,icon:y},P=p(function({children:r,onClick:s=o,onKeyDown:n=o,open:e,propagateEscapeKeyDown:l=!0,title:a,...h},u){const _=m(function(i){n(i),i.key==="Escape"&&(l===!1&&i.stopPropagation(),i.currentTarget.blur())},[n,l]);return t(d,{children:[t("label",{class:c.label,children:[t("input",{...h,ref:u,checked:e===!0,class:c.input,onClick:s,onKeyDown:_,tabIndex:0,type:"checkbox"}),t("div",{class:c.title,children:[t("div",{class:c.icon,children:t(f,{})}),a]})]}),e===!0?t("div",{class:c.children,children:r}):null]})});export{P as D};
-//# sourceMappingURL=disclosure-457591a5.js.map
diff --git a/storybook/assets/disclosure-457591a5.js.map b/storybook/assets/disclosure-457591a5.js.map
deleted file mode 100644
index 2dd7ee0cd..000000000
--- a/storybook/assets/disclosure-457591a5.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-457591a5.js","sources":["../../src/components/disclosure/disclosure.tsx"],"sourcesContent":["import { ComponentChildren, Fragment, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { IconCaretRight16 } from '../../icons/icon-16/icon-caret-right-16.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './disclosure.module.css'\n\nexport interface DisclosureProps\n  extends FocusableComponentProps {\n  children: ComponentChildren\n  onClick?: EventHandler.onClick\n  open: boolean\n  title: string\n}\n\nexport const Disclosure = createComponent(\n  function (\n    {\n      children,\n      onClick = noop,\n      onKeyDown = noop,\n      open,\n      propagateEscapeKeyDown = true,\n      title,\n      ...rest\n    },\n    ref\n  ) {\n    const handleKeyDown = useCallback(\n      function (event: Event.onKeyDown) {\n        onKeyDown(event)\n        if (event.key === 'Escape') {\n          if (propagateEscapeKeyDown === false) {\n            event.stopPropagation()\n          }\n          event.currentTarget.blur()\n        }\n      },\n      [onKeyDown, propagateEscapeKeyDown]\n    )\n\n    return (\n      \n        \n        {open === true ? 
{children}
 : null}\n      \n    )\n  }\n)\n"],"names":["Disclosure","createComponent","children","onClick","noop","onKeyDown","open","propagateEscapeKeyDown","title","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsxs","Fragment","class","styles","label","_jsx","checked","input","tabIndex","type","icon","IconCaretRight16"],"mappings":"oZAkBaA,EAAaC,EACxB,SACE,CACEC,SAAAA,EACAC,QAAAA,EAAUC,EACVC,UAAAA,EAAYD,EACZE,KAAAA,EACAC,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMC,MAAQ,WACZP,IAA2B,IAC7BM,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACZ,EAAWE,CAAsB,CACpC,EAEA,OACEW,EAACC,EAAQ,CAAAjB,UACPgB,EAAA,QAAA,CAAOE,MAAOC,EAAOC,MAAMpB,UACzBqB,EAAA,QAAA,CAAA,GACMd,EACJC,IAAAA,EACAc,QAASlB,IAAS,GAClBc,MAAOC,EAAOI,MACdtB,QAAAA,EACAE,UAAWM,EACXe,SAAU,EACVC,KAAK,UAAA,CACN,EACDT,EAAA,MAAA,CAAKE,MAAOC,EAAOb,MAAMN,UACvBqB,EAAA,MAAA,CAAKH,MAAOC,EAAOO,KAAK1B,SACtBqB,EAACM,EAAkB,EAAA,CAChB,CAAA,EACJrB,CAAK,CAAA,CACH,CAAC,CACD,CAAA,EACNF,IAAS,GAAOiB,EAAA,MAAA,CAAKH,MAAOC,EAAOnB,SAASA,SAAAA,CAAgB,CAAA,EAAI,IAAI,CAAA,CAC7D,CAEd,CACF"}
\ No newline at end of file
diff --git a/storybook/assets/disclosure-b53efc80.css b/storybook/assets/disclosure-R7MV9eYJ.css
similarity index 100%
rename from storybook/assets/disclosure-b53efc80.css
rename to storybook/assets/disclosure-R7MV9eYJ.css
diff --git a/storybook/assets/disclosure-Rnx3Yv7O.js b/storybook/assets/disclosure-Rnx3Yv7O.js
new file mode 100644
index 000000000..b180fca56
--- /dev/null
+++ b/storybook/assets/disclosure-Rnx3Yv7O.js
@@ -0,0 +1 @@
+import{g as d}from"./preact.module-pS-_M4k6.js";import{c as p,T as m}from"./create-component-a83A1_Pu.js";import{I as f}from"./icon-caret-right-16-4OZxGOFD.js";import{n as o}from"./no-op-Uu3q6ZSj.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";const b="_label_ekvh7_1",k="_input_ekvh7_5",v="_title_ekvh7_13",g="_children_ekvh7_14",x="_icon_ekvh7_29",c={label:b,input:k,title:v,children:g,icon:x},P=p(function({children:r,onClick:s=o,onKeyDown:n=o,open:e,propagateEscapeKeyDown:l=!0,title:a,...h},u){const _=m(function(i){n(i),i.key==="Escape"&&(l===!1&&i.stopPropagation(),i.currentTarget.blur())},[n,l]);return t(d,{children:[t("label",{class:c.label,children:[t("input",{...h,ref:u,checked:e===!0,class:c.input,onClick:s,onKeyDown:_,tabIndex:0,type:"checkbox"}),t("div",{class:c.title,children:[t("div",{class:c.icon,children:t(f,{})}),a]})]}),e===!0?t("div",{class:c.children,children:r}):null]})});export{P as D};
diff --git a/storybook/assets/disclosure-closed.stories-d553f970.js b/storybook/assets/disclosure-closed.stories-d553f970.js
deleted file mode 100644
index 37c43c3e8..000000000
--- a/storybook/assets/disclosure-closed.stories-d553f970.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import{h as m}from"./create-component-b0512abd.js";import{u as g}from"./use-initial-focus-57bdde46.js";import{D as f}from"./disclosure-457591a5.js";import{o as s}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./icon-caret-right-16-f2a2bc99.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const S={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Disclosure/Closed"},o=function(){const[e,n]=m(!1);function r(l){console.log(l),n(e!==!0)}return s("div",{style:{height:"64px"},children:s(f,{onClick:r,open:e,title:"foo",children:"bar"})})},t=function(){const[e,n]=m(!1);function r(l){console.log(l),n(e!==!0)}return s("div",{style:{height:"64px"},children:s(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var i,c,a;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
-  const [open, setOpen] = useState(false);
-  function handleClick(event: JSX.TargetedMouseEvent) {
-    console.log(event);
-    setOpen(!(open === true));
-  }
-  const style = {
-    height: '64px'
-  };
-  return 

-      
-        bar
-      
-    
;
-}`,...(a=(c=o.parameters)==null?void 0:c.docs)==null?void 0:a.source}}};var u,p,d;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
-  const [open, setOpen] = useState(false);
-  function handleClick(event: JSX.TargetedMouseEvent) {
-    console.log(event);
-    setOpen(!(open === true));
-  }
-  const style = {
-    height: '64px'
-  };
-  return 

-      
-        bar
-      
-    
;
-}`,...(d=(p=t.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{o as Default,t as Focused,E as __namedExportsOrder,S as default};
-//# sourceMappingURL=disclosure-closed.stories-d553f970.js.map
diff --git a/storybook/assets/disclosure-closed.stories-d553f970.js.map b/storybook/assets/disclosure-closed.stories-d553f970.js.map
deleted file mode 100644
index 2c23564bd..000000000
--- a/storybook/assets/disclosure-closed.stories-d553f970.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-closed.stories-d553f970.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/disclosure-closed.stories-nfv589A3.js b/storybook/assets/disclosure-closed.stories-nfv589A3.js
new file mode 100644
index 000000000..a7cafbe9f
--- /dev/null
+++ b/storybook/assets/disclosure-closed.stories-nfv589A3.js
@@ -0,0 +1,29 @@
+import{h as m}from"./create-component-a83A1_Pu.js";import{u as g}from"./use-initial-focus-xmfxIugy.js";import{D as f}from"./disclosure-Rnx3Yv7O.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./icon-caret-right-16-4OZxGOFD.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const S={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Disclosure/Closed"},n=function(){const[e,s]=m(!1);function r(l){console.log(l),s(e!==!0)}return t("div",{style:{height:"64px"},children:t(f,{onClick:r,open:e,title:"foo",children:"bar"})})},o=function(){const[e,s]=m(!1);function r(l){console.log(l),s(e!==!0)}return t("div",{style:{height:"64px"},children:t(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var i,c,a;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
+  const [open, setOpen] = useState(false);
+  function handleClick(event: JSX.TargetedMouseEvent) {
+    console.log(event);
+    setOpen(!(open === true));
+  }
+  const style = {
+    height: '64px'
+  };
+  return 

+      
+        bar
+      
+    
;
+}`,...(a=(c=n.parameters)==null?void 0:c.docs)==null?void 0:a.source}}};var u,p,d;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
+  const [open, setOpen] = useState(false);
+  function handleClick(event: JSX.TargetedMouseEvent) {
+    console.log(event);
+    setOpen(!(open === true));
+  }
+  const style = {
+    height: '64px'
+  };
+  return 

+      
+        bar
+      
+    
;
+}`,...(d=(p=o.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{n as Default,o as Focused,E as __namedExportsOrder,S as default};
diff --git a/storybook/assets/disclosure-open.stories-5e163502.js b/storybook/assets/disclosure-open.stories-5e163502.js
deleted file mode 100644
index 8a7513e0c..000000000
--- a/storybook/assets/disclosure-open.stories-5e163502.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import{h as m}from"./create-component-b0512abd.js";import{u as g}from"./use-initial-focus-57bdde46.js";import{D as f}from"./disclosure-457591a5.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./icon-caret-right-16-f2a2bc99.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const S={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Disclosure/Open"},t=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return n("div",{style:{height:"64px"},children:n(f,{onClick:r,open:e,title:"foo",children:"bar"})})},o=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return n("div",{style:{height:"64px"},children:n(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var c,l,u;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`function () {
-  const [open, setOpen] = useState(true);
-  function handleClick(event: JSX.TargetedMouseEvent) {
-    console.log(event);
-    setOpen(!(open === true));
-  }
-  const style = {
-    height: '64px'
-  };
-  return 

-      
-        bar
-      
-    
;
-}`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var a,p,d;o.parameters={...o.parameters,docs:{...(a=o.parameters)==null?void 0:a.docs,source:{originalSource:`function () {
-  const [open, setOpen] = useState(true);
-  function handleClick(event: JSX.TargetedMouseEvent) {
-    console.log(event);
-    setOpen(!(open === true));
-  }
-  const style = {
-    height: '64px'
-  };
-  return 

-      
-        bar
-      
-    
;
-}`,...(d=(p=o.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{t as Default,o as Focused,E as __namedExportsOrder,S as default};
-//# sourceMappingURL=disclosure-open.stories-5e163502.js.map
diff --git a/storybook/assets/disclosure-open.stories-5e163502.js.map b/storybook/assets/disclosure-open.stories-5e163502.js.map
deleted file mode 100644
index e46998272..000000000
--- a/storybook/assets/disclosure-open.stories-5e163502.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"disclosure-open.stories-5e163502.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/disclosure-open.stories-upp-riPy.js b/storybook/assets/disclosure-open.stories-upp-riPy.js
new file mode 100644
index 000000000..089c7717e
--- /dev/null
+++ b/storybook/assets/disclosure-open.stories-upp-riPy.js
@@ -0,0 +1,29 @@
+import{h as m}from"./create-component-a83A1_Pu.js";import{u as g}from"./use-initial-focus-xmfxIugy.js";import{D as f}from"./disclosure-Rnx3Yv7O.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./icon-caret-right-16-4OZxGOFD.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const S={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Disclosure/Open"},n=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return o("div",{style:{height:"64px"},children:o(f,{onClick:r,open:e,title:"foo",children:"bar"})})},t=function(){const[e,s]=m(!0);function r(i){console.log(i),s(e!==!0)}return o("div",{style:{height:"64px"},children:o(f,{...g(),onClick:r,open:e,title:"foo",children:"bar"})})};var c,l,u;n.parameters={...n.parameters,docs:{...(c=n.parameters)==null?void 0:c.docs,source:{originalSource:`function () {
+  const [open, setOpen] = useState(true);
+  function handleClick(event: JSX.TargetedMouseEvent) {
+    console.log(event);
+    setOpen(!(open === true));
+  }
+  const style = {
+    height: '64px'
+  };
+  return 

+      
+        bar
+      
+    
;
+}`,...(u=(l=n.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var a,p,d;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`function () {
+  const [open, setOpen] = useState(true);
+  function handleClick(event: JSX.TargetedMouseEvent) {
+    console.log(event);
+    setOpen(!(open === true));
+  }
+  const style = {
+    height: '64px'
+  };
+  return 

+      
+        bar
+      
+    
;
+}`,...(d=(p=t.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};const E=["Default","Focused"];export{n as Default,t as Focused,E as __namedExportsOrder,S as default};
diff --git a/storybook/assets/divider.stories-813854e1.css b/storybook/assets/divider-38y61yRP.css
similarity index 100%
rename from storybook/assets/divider.stories-813854e1.css
rename to storybook/assets/divider-38y61yRP.css
diff --git a/storybook/assets/divider.stories-3-9BIGPg.js b/storybook/assets/divider.stories-3-9BIGPg.js
new file mode 100644
index 000000000..0e2703d45
--- /dev/null
+++ b/storybook/assets/divider.stories-3-9BIGPg.js
@@ -0,0 +1,3 @@
+import{c as d}from"./create-component-a83A1_Pu.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const a="_divider_m18ta_1",c={divider:a},m=d(function(s,n){return o("hr",{...s,ref:n,class:c.divider})}),v={parameters:{fixedWidth:!0},title:"Components/Divider"},r=function(){return o(m,{})};var e,t,i;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
+  return ;
+}`,...(i=(t=r.parameters)==null?void 0:t.docs)==null?void 0:i.source}}};const l=["Default"];export{r as Default,l as __namedExportsOrder,v as default};
diff --git a/storybook/assets/divider.stories-739f81e4.js b/storybook/assets/divider.stories-739f81e4.js
deleted file mode 100644
index 7cde1ca44..000000000
--- a/storybook/assets/divider.stories-739f81e4.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import{c as d}from"./create-component-b0512abd.js";import{o as i}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const a="_divider_m18ta_1",c={divider:a},m=d(function(s,n){return i("hr",{...s,ref:n,class:c.divider})}),v={parameters:{fixedWidth:!0},title:"Components/Divider"},r=function(){return i(m,{})};var e,t,o;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`function () {
-  return ;
-}`,...(o=(t=r.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const l=["Default"];export{r as Default,l as __namedExportsOrder,v as default};
-//# sourceMappingURL=divider.stories-739f81e4.js.map
diff --git a/storybook/assets/divider.stories-739f81e4.js.map b/storybook/assets/divider.stories-739f81e4.js.map
deleted file mode 100644
index accc453fa..000000000
--- a/storybook/assets/divider.stories-739f81e4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"divider.stories-739f81e4.js","sources":["../../src/components/divider/divider.tsx"],"sourcesContent":["import { h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './divider.module.css'\n\nexport const Divider = createComponent>(\n  function (rest, ref) {\n    return 
\n  }\n)\n"],"names":["Divider","createComponent","rest","ref","_jsx","class","styles","divider"],"mappings":"oLAKaA,EAAUC,EACrB,SAAUC,EAAMC,EAAK,CACnB,OAAOC,EAAA,KAAA,CAAA,GAAQF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,OAAAA,CAAU,CACzD,CACF;;"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-19ea46e3.css b/storybook/assets/dropdown-0ez3b1hF.css
similarity index 100%
rename from storybook/assets/dropdown-19ea46e3.css
rename to storybook/assets/dropdown-0ez3b1hF.css
diff --git a/storybook/assets/dropdown-b1c572a4.js.map b/storybook/assets/dropdown-b1c572a4.js.map
deleted file mode 100644
index 773d9d040..000000000
--- a/storybook/assets/dropdown-b1c572a4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-b1c572a4.js","sources":["../../src/hooks/use-scrollable-menu.ts","../../src/components/dropdown/private/update-menu-element-layout.ts","../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event } from '../types/event-handler.js'\nimport { getCurrentFromRef } from '../utilities/get-current-from-ref.js'\n\nexport function useScrollableMenu(options: {\n  itemIdDataAttributeName: string\n  menuElementRef: RefObject\n  selectedId: null | string\n  setSelectedId: (selectedId: string) => void\n}): {\n  handleScrollableMenuKeyDown: (event: Event.onKeyDown) => void\n  handleScrollableMenuItemMouseMove: (\n    event: Event.onMouseMove\n  ) => void\n} {\n  const { itemIdDataAttributeName, menuElementRef, selectedId, setSelectedId } =\n    options\n\n  const getItemElements = useCallback(\n    function (): Array {\n      return Array.from(\n        getCurrentFromRef(menuElementRef).querySelectorAll(\n          `[${itemIdDataAttributeName}]`\n        )\n      ).filter(function (element: HTMLElement): boolean {\n        return element.hasAttribute('disabled') === false\n      })\n    },\n    [itemIdDataAttributeName, menuElementRef]\n  )\n\n  const findIndexByItemId = useCallback(\n    function (id: null | string): number {\n      if (id === null) {\n        return -1\n      }\n      const index = getItemElements().findIndex(function (\n        element: HTMLElement\n      ): boolean {\n        return (element.getAttribute(itemIdDataAttributeName) as string) === id\n      })\n      if (index === -1) {\n        throw new Error('`index` is `-1`') // `id` is valid\n      }\n      return index\n    },\n    [getItemElements, itemIdDataAttributeName]\n  )\n\n  const updateScrollPosition = useCallback(\n    function (id: string): void {\n      const itemElements = getItemElements()\n      const index = findIndexByItemId(id)\n      const selectedElement = itemElements[index]\n      const selectedElementOffsetTop =\n        selectedElement.getBoundingClientRect().top\n      const menuElement = getCurrentFromRef(menuElementRef)\n      const menuElementOffsetTop = menuElement.getBoundingClientRect().top\n      if (selectedElementOffsetTop < menuElementOffsetTop) {\n        selectedElement.scrollIntoView()\n        return\n      }\n      const offsetBottom =\n        selectedElementOffsetTop + selectedElement.offsetHeight\n      if (offsetBottom > menuElementOffsetTop + menuElement.offsetHeight) {\n        selectedElement.scrollIntoView()\n      }\n    },\n    [findIndexByItemId, getItemElements, menuElementRef]\n  )\n\n  const handleScrollableMenuKeyDown = useCallback(\n    function (event: JSX.TargetedKeyboardEvent): void {\n      const key = event.key\n      if (key === 'ArrowDown' || key === 'ArrowUp') {\n        const itemElements = getItemElements()\n        const index = findIndexByItemId(selectedId)\n        let newIndex\n        if (key === 'ArrowDown') {\n          newIndex =\n            index === -1 || index === itemElements.length - 1 ? 0 : index + 1\n        } else {\n          newIndex =\n            index === -1 || index === 0 ? itemElements.length - 1 : index - 1\n        }\n        const selectedElement = itemElements[newIndex]\n        const newSelectedId = selectedElement.getAttribute(\n          itemIdDataAttributeName\n        ) as string\n        setSelectedId(newSelectedId)\n        updateScrollPosition(newSelectedId)\n      }\n    },\n    [\n      getItemElements,\n      findIndexByItemId,\n      itemIdDataAttributeName,\n      setSelectedId,\n      selectedId,\n      updateScrollPosition\n    ]\n  )\n\n  const handleScrollableMenuItemMouseMove = useCallback(\n    function (event: JSX.TargetedMouseEvent): void {\n      const id = event.currentTarget.getAttribute(\n        itemIdDataAttributeName\n      ) as string\n      if (id !== selectedId) {\n        setSelectedId(id)\n      }\n    },\n    [itemIdDataAttributeName, selectedId, setSelectedId]\n  )\n\n  return {\n    handleScrollableMenuItemMouseMove,\n    handleScrollableMenuKeyDown\n  }\n}\n","import {\n  INVALID_ID,\n  ITEM_ID_DATA_ATTRIBUTE_NAME,\n  VIEWPORT_MARGIN\n} from '../../../utilities/private/constants.js'\nimport { Id } from './types.js'\n\nexport function updateMenuElementLayout(\n  rootElement: HTMLDivElement,\n  menuElement: HTMLDivElement,\n  selectedId: Id\n) {\n  const rootElementBoundingClientRect = rootElement.getBoundingClientRect()\n  const rootWidth = rootElement.offsetWidth\n  const rootHeight = rootElement.offsetHeight\n  const rootLeft = rootElementBoundingClientRect.left\n  const rootTop = rootElementBoundingClientRect.top\n\n  menuElement.style.minWidth = `${rootWidth}px`\n\n  const menuElementMaxWidth = window.innerWidth - 2 * VIEWPORT_MARGIN\n  menuElement.style.maxWidth = `${menuElementMaxWidth}px`\n\n  const menuElementMaxHeight = window.innerHeight - 2 * VIEWPORT_MARGIN\n  menuElement.style.maxHeight = `${menuElementMaxHeight}px`\n\n  const menuWidth = menuElement.offsetWidth\n  const menuHeight = menuElement.offsetHeight\n  const menuScrollHeight = menuElement.scrollHeight\n  const menuPaddingTop = parseInt(\n    window.getComputedStyle(menuElement).paddingTop,\n    10\n  )\n  const labelElement = getSelectedLabelElement(menuElement, selectedId)\n\n  const left = computeLeft({\n    menuWidth,\n    rootLeft\n  })\n  menuElement.style.left = `${left}px`\n\n  const top = computeTop({\n    menuHeight,\n    rootTop,\n    selectedTop: labelElement.offsetTop\n  })\n  menuElement.style.top = `${top}px`\n\n  const isScrollable = menuScrollHeight > menuHeight\n  if (isScrollable === false) {\n    return\n  }\n  menuElement.scrollTop = computeScrollTop({\n    menuHeight,\n    menuPaddingTop,\n    menuScrollHeight,\n    rootHeight,\n    rootTop,\n    selectedTop: labelElement.offsetTop\n  })\n}\n\nfunction getSelectedLabelElement(\n  menuElement: HTMLDivElement,\n  selectedId: Id\n): HTMLLabelElement {\n  const inputElement = menuElement.querySelector(\n    selectedId === INVALID_ID\n      ? `[${ITEM_ID_DATA_ATTRIBUTE_NAME}]`\n      : `[${ITEM_ID_DATA_ATTRIBUTE_NAME}='${selectedId}']`\n  )\n  if (inputElement === null) {\n    throw new Error('`inputElement` is `null`')\n  }\n  const labelElement = inputElement.parentElement\n  if (labelElement === null) {\n    throw new Error('`labelElement` is `null`')\n  }\n  return labelElement as HTMLLabelElement\n}\n\nfunction computeLeft(options: { menuWidth: number; rootLeft: number }): number {\n  const { menuWidth, rootLeft } = options\n  if (rootLeft <= VIEWPORT_MARGIN) {\n    return VIEWPORT_MARGIN\n  }\n  const viewportWidth = window.innerWidth\n  if (rootLeft + menuWidth > viewportWidth - VIEWPORT_MARGIN) {\n    return viewportWidth - VIEWPORT_MARGIN - menuWidth\n  }\n  return rootLeft\n}\n\nfunction computeTop(options: {\n  menuHeight: number\n  rootTop: number\n  selectedTop: number\n}): number {\n  const { menuHeight, rootTop, selectedTop } = options\n  const viewportHeight = window.innerHeight\n  if (\n    rootTop <= VIEWPORT_MARGIN ||\n    menuHeight === viewportHeight - 2 * VIEWPORT_MARGIN\n  ) {\n    return VIEWPORT_MARGIN\n  }\n  // Position the selected element at `rootTop`\n  const top = rootTop - selectedTop\n  const minimumTop = VIEWPORT_MARGIN\n  const maximumTop = viewportHeight - VIEWPORT_MARGIN - menuHeight\n  return restrictToRange(top, minimumTop, maximumTop)\n}\n\nfunction computeScrollTop(options: {\n  menuHeight: number\n  menuPaddingTop: number\n  menuScrollHeight: number\n  rootHeight: number\n  rootTop: number\n  selectedTop: number\n}): number {\n  const {\n    menuHeight,\n    menuPaddingTop,\n    menuScrollHeight,\n    rootHeight,\n    rootTop,\n    selectedTop\n  } = options\n  const restrictedRootTop = restrictToRange(\n    rootTop,\n    VIEWPORT_MARGIN,\n    window.innerHeight - VIEWPORT_MARGIN - rootHeight + menuPaddingTop / 2\n  )\n  const scrollTop = selectedTop - (restrictedRootTop - VIEWPORT_MARGIN)\n  const minimumScrollTop = 0\n  const maximumScrollTop = menuScrollHeight - menuHeight\n  return restrictToRange(scrollTop, minimumScrollTop, maximumScrollTop)\n}\n\nfunction restrictToRange(\n  number: number,\n  minimum: number,\n  maximum: number\n): number {\n  return Math.min(Math.max(number, minimum), maximum)\n}\n","import { ComponentChildren, h, RefObject } from 'preact'\nimport { createPortal } from 'preact/compat'\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks'\n\nimport menuStyles from '../../css/menu.module.css'\nimport { useMouseDownOutside } from '../../hooks/use-mouse-down-outside.js'\nimport { useScrollableMenu } from '../../hooks/use-scrollable-menu.js'\nimport { IconControlChevronDown8 } from '../../icons/icon-8/icon-control-chevron-down-8.js'\nimport { IconMenuCheckmarkChecked16 } from '../../icons/icon-16/icon-menu-checkmark-checked-16.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { getCurrentFromRef } from '../../utilities/get-current-from-ref.js'\nimport { noop } from '../../utilities/no-op.js'\nimport {\n  INVALID_ID,\n  ITEM_ID_DATA_ATTRIBUTE_NAME\n} from '../../utilities/private/constants.js'\nimport dropdownStyles from './dropdown.module.css'\nimport { Id } from './private/types.js'\nimport { updateMenuElementLayout } from './private/update-menu-element-layout.js'\n\nexport interface DropdownProps {\n  disabled?: boolean\n  icon?: ComponentChildren\n  onChange?: EventHandler.onChange\n  onKeyDown?: EventHandler.onKeyDown\n  onMouseDown?: EventHandler.onMouseDown\n  onValueChange?: EventHandler.onValueChange\n  options: Array\n  placeholder?: string\n  propagateEscapeKeyDown?: boolean\n  value: null | string\n  variant?: DropdownVariant\n}\nexport type DropdownOption =\n  | DropdownOptionHeader\n  | DropdownOptionSeparator\n  | DropdownOptionValue\nexport type DropdownOptionHeader = {\n  header: string\n}\nexport type DropdownOptionSeparator = '-'\nexport type DropdownOptionValue = {\n  disabled?: boolean\n  text?: string\n  value: string\n}\nexport type DropdownVariant = 'border' | 'underline'\n\nexport const Dropdown = createComponent(\n  function (\n    {\n      disabled = false,\n      icon,\n      onChange = noop,\n      onKeyDown = noop,\n      onMouseDown = noop,\n      onValueChange = noop,\n      options,\n      placeholder,\n      propagateEscapeKeyDown = true,\n      value,\n      variant,\n      ...rest\n    },\n    ref\n  ) {\n    if (typeof icon === 'string' && icon.length !== 1) {\n      throw new Error(`String \\`icon\\` must be a single character: \"${icon}\"`)\n    }\n\n    const rootElementRef: RefObject = useRef(null)\n    const menuElementRef: RefObject = useRef(null)\n\n    const [isMenuVisible, setIsMenuVisible] = useState(false)\n\n    const index = findOptionIndexByValue(options, value)\n    if (value !== null && index === -1) {\n      throw new Error(`Invalid \\`value\\`: ${value}`)\n    }\n    const [selectedId, setSelectedId] = useState(\n      index === -1 ? INVALID_ID : `${index}`\n    )\n    const children =\n      typeof options[index] === 'undefined'\n        ? ''\n        : getDropdownOptionValue(options[index])\n\n    // Uncomment to debug\n    // console.table([{ isMenuVisible, selectedId }])\n\n    const { handleScrollableMenuKeyDown, handleScrollableMenuItemMouseMove } =\n      useScrollableMenu({\n        itemIdDataAttributeName: ITEM_ID_DATA_ATTRIBUTE_NAME,\n        menuElementRef,\n        selectedId,\n        setSelectedId\n      })\n\n    const triggerRootBlur = useCallback(function () {\n      getCurrentFromRef(rootElementRef).blur()\n    }, [])\n\n    const triggerRootFocus = useCallback(function () {\n      getCurrentFromRef(rootElementRef).focus()\n    }, [])\n\n    const triggerMenuUpdateLayout = useCallback(function (selectedId: Id) {\n      const rootElement = getCurrentFromRef(rootElementRef)\n      const menuElement = getCurrentFromRef(menuElementRef)\n      updateMenuElementLayout(rootElement, menuElement, selectedId)\n    }, [])\n\n    const triggerMenuHide = useCallback(function () {\n      setIsMenuVisible(false)\n      setSelectedId(INVALID_ID)\n    }, [])\n\n    const triggerMenuShow = useCallback(\n      function () {\n        if (isMenuVisible === true) {\n          return\n        }\n        // Show the menu and update the `selectedId` on focus\n        setIsMenuVisible(true)\n        if (value === null) {\n          triggerMenuUpdateLayout(selectedId)\n          return\n        }\n        const index = findOptionIndexByValue(options, value)\n        if (index === -1) {\n          throw new Error(`Invalid \\`value\\`: ${value}`)\n        }\n        const newSelectedId = `${index}`\n        setSelectedId(newSelectedId)\n        triggerMenuUpdateLayout(newSelectedId)\n      },\n      [isMenuVisible, options, selectedId, triggerMenuUpdateLayout, value]\n    )\n\n    const handleRootKeyDown = useCallback(\n      function (event: Event.onKeyDown) {\n        onKeyDown(event)\n        const key = event.key\n        if (key === 'ArrowUp' || key === 'ArrowDown') {\n          event.preventDefault()\n          if (isMenuVisible === false) {\n            triggerMenuShow()\n            return\n          }\n          handleScrollableMenuKeyDown(event)\n          return\n        }\n        if (key === 'Escape') {\n          event.preventDefault()\n          if (propagateEscapeKeyDown === false) {\n            event.stopPropagation()\n          }\n          if (isMenuVisible === true) {\n            triggerMenuHide()\n            return\n          }\n          triggerRootBlur()\n          return\n        }\n        if (key === 'Enter') {\n          event.preventDefault()\n          if (isMenuVisible === false) {\n            triggerMenuShow()\n            return\n          }\n          if (selectedId !== INVALID_ID) {\n            const selectedElement = getCurrentFromRef(\n              menuElementRef\n            ).querySelector(\n              `[${ITEM_ID_DATA_ATTRIBUTE_NAME}='${selectedId}']`\n            )\n            if (selectedElement === null) {\n              throw new Error('`selectedElement` is `null`')\n            }\n            selectedElement.checked = true\n            const changeEvent = new window.Event('change', {\n              bubbles: true,\n              cancelable: true\n            })\n            selectedElement.dispatchEvent(changeEvent)\n          }\n          triggerMenuHide()\n          return\n        }\n        if (key === 'Tab') {\n          triggerMenuHide()\n          return\n        }\n      },\n      [\n        handleScrollableMenuKeyDown,\n        isMenuVisible,\n        onKeyDown,\n        propagateEscapeKeyDown,\n        selectedId,\n        triggerMenuHide,\n        triggerMenuShow,\n        triggerRootBlur\n      ]\n    )\n\n    const handleRootMouseDown = useCallback(\n      function (event: Event.onMouseDown) {\n        // `mousedown` events from `menuElement` are stopped from propagating to `rootElement` by `handleMenuMouseDown`\n        onMouseDown(event)\n        if (isMenuVisible === false) {\n          triggerMenuShow()\n        }\n      },\n      [isMenuVisible, onMouseDown, triggerMenuShow]\n    )\n\n    const handleMenuMouseDown = useCallback(function (\n      event: Event.onMouseDown\n    ) {\n      // Stop the `mousedown` event from propagating to the `rootElement`\n      event.stopPropagation()\n    },\n    [])\n\n    const handleOptionChange = useCallback(\n      function (event: Event.onChange) {\n        onChange(event)\n        const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n        if (id === null) {\n          throw new Error('`id` is `null`')\n        }\n        const optionValue = options[parseInt(id, 10)] as DropdownOptionValue\n        const newValue = optionValue.value\n        onValueChange(newValue)\n        // Select `root`, then hide the menu\n        triggerRootFocus()\n        triggerMenuHide()\n      },\n      [onChange, onValueChange, options, triggerMenuHide, triggerRootFocus]\n    )\n\n    const handleSelectedOptionClick = useCallback(\n      function () {\n        triggerRootFocus()\n        triggerMenuHide()\n      },\n      [triggerMenuHide, triggerRootFocus]\n    )\n\n    const handleMouseDownOutside = useCallback(\n      function () {\n        if (isMenuVisible === false) {\n          return\n        }\n        triggerMenuHide()\n        triggerRootBlur()\n      },\n      [isMenuVisible, triggerRootBlur, triggerMenuHide]\n    )\n    useMouseDownOutside({\n      onMouseDownOutside: handleMouseDownOutside,\n      ref: rootElementRef\n    })\n\n    useEffect(\n      function () {\n        function handleWindowScroll() {\n          if (isMenuVisible === false) {\n            return\n          }\n          triggerRootFocus()\n          triggerMenuHide()\n        }\n        window.addEventListener('scroll', handleWindowScroll)\n        return function () {\n          window.removeEventListener('scroll', handleWindowScroll)\n        }\n      },\n      [isMenuVisible, triggerMenuHide, triggerRootFocus]\n    )\n\n    const refCallback = useCallback(\n      function (rootElement: null | HTMLDivElement) {\n        rootElementRef.current = rootElement\n        if (ref === null) {\n          return\n        }\n        if (typeof ref === 'function') {\n          ref(rootElement)\n          return\n        }\n        ref.current = rootElement\n      },\n      [ref, rootElementRef]\n    )\n\n    return (\n      \n        {typeof icon === 'undefined' ? null : (\n          
{icon}
\n        )}\n        {value === null ? (\n          typeof placeholder === 'undefined' ? (\n            
\n          ) : (\n            \n              {placeholder}\n            
\n          )\n        ) : (\n          
{children}
\n        )}\n        
\n          \n        
\n        {variant === 'underline' ? (\n          
\n        ) : null}\n        
\n        {createPortal(\n          \n            {options.map(function (option: DropdownOption, index: number) {\n              if (typeof option === 'string') {\n                return 
\n              }\n              if ('header' in option) {\n                return (\n                  
\n                    {option.header}\n                  
\n                )\n              }\n              return (\n                \n                  \n                  {option.value === value ? (\n                    
\n                      \n                    
\n                  ) : null}\n                  {typeof option.text === 'undefined'\n                    ? option.value\n                    : option.text}\n                \n              )\n            })}\n          
,\n          document.body\n        )}\n      
\n    )\n  }\n)\n\nfunction getDropdownOptionValue(option: DropdownOption): ComponentChildren {\n  if (typeof option !== 'string') {\n    if ('text' in option) {\n      return option.text\n    }\n    if ('value' in option) {\n      return option.value\n    }\n  }\n  throw new Error('Invariant violation')\n}\n\n// Returns the index of the option in `options` with the given `value`, else `-1`\nfunction findOptionIndexByValue(\n  options: Array,\n  value: null | string\n): number {\n  if (value === null) {\n    return -1\n  }\n  let index = 0\n  for (const option of options) {\n    if (\n      typeof option !== 'string' &&\n      'value' in option &&\n      option.value === value\n    ) {\n      return index\n    }\n    index += 1\n  }\n  return -1\n}\n"],"names":["useScrollableMenu","options","itemIdDataAttributeName","menuElementRef","selectedId","setSelectedId","getItemElements","useCallback","Array","from","getCurrentFromRef","querySelectorAll","filter","element","hasAttribute","findIndexByItemId","id","index","findIndex","getAttribute","Error","updateScrollPosition","itemElements","selectedElement","selectedElementOffsetTop","getBoundingClientRect","top","menuElement","menuElementOffsetTop","scrollIntoView","offsetHeight","handleScrollableMenuKeyDown","event","key","newIndex","length","newSelectedId","handleScrollableMenuItemMouseMove","currentTarget","updateMenuElementLayout","rootElement","rootElementBoundingClientRect","rootWidth","offsetWidth","rootHeight","rootLeft","left","rootTop","style","minWidth","menuElementMaxWidth","window","innerWidth","VIEWPORT_MARGIN","maxWidth","menuElementMaxHeight","innerHeight","maxHeight","menuWidth","menuHeight","menuScrollHeight","scrollHeight","menuPaddingTop","parseInt","getComputedStyle","paddingTop","labelElement","getSelectedLabelElement","computeLeft","computeTop","selectedTop","offsetTop","scrollTop","computeScrollTop","inputElement","querySelector","INVALID_ID","ITEM_ID_DATA_ATTRIBUTE_NAME","parentElement","viewportWidth","viewportHeight","minimumTop","maximumTop","restrictToRange","restrictedRootTop","minimumScrollTop","maximumScrollTop","number","minimum","maximum","Math","min","max","Dropdown","createComponent","disabled","icon","onChange","noop","onKeyDown","onMouseDown","onValueChange","placeholder","propagateEscapeKeyDown","value","variant","rest","ref","rootElementRef","useRef","isMenuVisible","setIsMenuVisible","useState","findOptionIndexByValue","children","getDropdownOptionValue","triggerRootBlur","blur","triggerRootFocus","focus","triggerMenuUpdateLayout","triggerMenuHide","triggerMenuShow","handleRootKeyDown","preventDefault","stopPropagation","checked","changeEvent","Event","bubbles","cancelable","dispatchEvent","handleRootMouseDown","handleMenuMouseDown","handleOptionChange","newValue","handleSelectedOptionClick","handleMouseDownOutside","useMouseDownOutside","onMouseDownOutside","useEffect","handleWindowScroll","addEventListener","removeEventListener","refCallback","current","_jsxs","class","createClassName","dropdownStyles","dropdown","hasBorder","hasIcon","undefined","tabIndex","_jsx","empty","chevronIcon","IconControlChevronDown8","underline","border","createPortal","menuStyles","menu","hidden","map","option","optionSeparator","optionHeader","header","optionValue","optionValueDisabled","optionValueSelected","input","onClick","onMouseMove","type","checkIcon","IconMenuCheckmarkChecked16","text","document","body"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-border.stories-5b886f31.js.map b/storybook/assets/dropdown-border.stories-5b886f31.js.map
deleted file mode 100644
index 8dcd2b769..000000000
--- a/storybook/assets/dropdown-border.stories-5b886f31.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-border.stories-5b886f31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-border.stories-5b886f31.js b/storybook/assets/dropdown-border.stories-cv--pAkc.js
similarity index 67%
rename from storybook/assets/dropdown-border.stories-5b886f31.js
rename to storybook/assets/dropdown-border.stories-cv--pAkc.js
index b352fd7b9..8898605ec 100644
--- a/storybook/assets/dropdown-border.stories-5b886f31.js
+++ b/storybook/assets/dropdown-border.stories-cv--pAkc.js
@@ -1,4 +1,4 @@
-import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-initial-focus-57bdde46.js";import{I as Ze}from"./icon-layer-frame-16-89e1c06f.js";import{D as s}from"./dropdown-b1c572a4.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./use-mouse-down-outside-bb94ce97.js";import"./get-current-from-ref-47f174f6.js";import"./icon-control-chevron-down-8-c2f32eaf.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./constants-4a59d305.js";const hn={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Dropdown/Border"},c=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l("div",{children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},d=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},p=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,placeholder:"Placeholder",value:n,variant:"border"})},v=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},g=function(){const[n,a]=i("42"),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},h=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{...Ue(),onChange:t,options:o,value:n,variant:"border"})},f=function(){const n=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:n,value:"foo",variant:"border"})},m=function(){const[n,a]=i("foo"),o=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},w=function(){const[n,a]=i("a"),o=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:t,options:o,value:n,variant:"border"})},V=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:l(Ze,{}),onChange:t,options:o,value:n,variant:"border"})},x=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:"W",onChange:t,options:o,value:n,variant:"border"})},y=function(){const[n,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){console.log(r),a(r)}return l(s,{onValueChange:t,options:o,value:n,variant:"border"})},b=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},C=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},T=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},S=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},D=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},H=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},E=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},O=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},M=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},A=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},L=function(){const[n,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})},q=function(){const[n,a]=i(null),o=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function t(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:n,variant:"border"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+import{h as i}from"./create-component-a83A1_Pu.js";import{u as Zn}from"./use-initial-focus-xmfxIugy.js";import{I as ne}from"./icon-layer-frame-16-sVAwYanE.js";import{D as s}from"./dropdown-i_U1MUKd.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./use-mouse-down-outside-sDCyQFx-.js";import"./get-current-from-ref-KzY6_NOj.js";import"./icon-control-chevron-down-8-WIusIu4s.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./constants-TQdAxsXB.js";const he={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Dropdown/Border"},c=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l("div",{children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},d=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},p=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,placeholder:"Placeholder",value:e,variant:"border"})},v=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},g=function(){const[e,a]=i("42"),o=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},h=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{...Zn(),onChange:t,options:o,value:e,variant:"border"})},f=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:e,value:"foo",variant:"border"})},m=function(){const[e,a]=i("foo"),o=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},w=function(){const[e,a]=i("a"),o=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:t,options:o,value:e,variant:"border"})},V=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:l(ne,{}),onChange:t,options:o,value:e,variant:"border"})},x=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:"W",onChange:t,options:o,value:e,variant:"border"})},y=function(){const[e,a]=i("foo"),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(r){console.log(r),a(r)}return l(s,{onValueChange:t,options:o,value:e,variant:"border"})},b=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},C=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},T=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},S=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},D=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},H=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},E=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},O=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},M=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},A=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},L=function(){const[e,a]=i(null),o=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})},q=function(){const[e,a]=i(null),o=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function t(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:t,options:o,value:e,variant:"border"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -102,7 +102,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(Q=(N=h.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var U,Z,ee;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.docs,source:{originalSource:`function () {
+}`,...(Q=(N=h.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var U,Z,nn;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.docs,source:{originalSource:`function () {
   const options: Array = [{
     value: 'foo'
   }, {
@@ -118,7 +118,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     throw new Error('This function should not be called');
   }
   return ;
-}`,...(ee=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ne,ae,oe;m.parameters={...m.parameters,docs:{...(ne=m.parameters)==null?void 0:ne.docs,source:{originalSource:`function () {
+}`,...(nn=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:nn.source}}};var en,an,on;m.parameters={...m.parameters,docs:{...(en=m.parameters)==null?void 0:en.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -138,7 +138,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(oe=(ae=m.parameters)==null?void 0:ae.docs)==null?void 0:oe.source}}};var te,re,le;w.parameters={...w.parameters,docs:{...(te=w.parameters)==null?void 0:te.docs,source:{originalSource:`function () {
+}`,...(on=(an=m.parameters)==null?void 0:an.docs)==null?void 0:on.source}}};var tn,rn,ln;w.parameters={...w.parameters,docs:{...(tn=w.parameters)==null?void 0:tn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('a');
   const options: Array = [{
     text: 'foo',
@@ -161,7 +161,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(le=(re=w.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};var ue,se,ie;V.parameters={...V.parameters,docs:{...(ue=V.parameters)==null?void 0:ue.docs,source:{originalSource:`function () {
+}`,...(ln=(rn=w.parameters)==null?void 0:rn.docs)==null?void 0:ln.source}}};var un,sn,cn;V.parameters={...V.parameters,docs:{...(un=V.parameters)==null?void 0:un.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -180,7 +180,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return } onChange={handleChange} options={options} value={value} variant="border" />;
-}`,...(ie=(se=V.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var ce,de,pe;x.parameters={...x.parameters,docs:{...(ce=x.parameters)==null?void 0:ce.docs,source:{originalSource:`function () {
+}`,...(cn=(sn=V.parameters)==null?void 0:sn.docs)==null?void 0:cn.source}}};var dn,pn,vn;x.parameters={...x.parameters,docs:{...(dn=x.parameters)==null?void 0:dn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -199,7 +199,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(pe=(de=x.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var ve,ge,he;y.parameters={...y.parameters,docs:{...(ve=y.parameters)==null?void 0:ve.docs,source:{originalSource:`function () {
+}`,...(vn=(pn=x.parameters)==null?void 0:pn.docs)==null?void 0:vn.source}}};var gn,hn,fn;y.parameters={...y.parameters,docs:{...(gn=y.parameters)==null?void 0:gn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -217,7 +217,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(he=(ge=y.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var fe,me,we;b.parameters={...b.parameters,docs:{...(fe=b.parameters)==null?void 0:fe.docs,source:{originalSource:`function () {
+}`,...(fn=(hn=y.parameters)==null?void 0:hn.docs)==null?void 0:fn.source}}};var mn,wn,Vn;b.parameters={...b.parameters,docs:{...(mn=b.parameters)==null?void 0:mn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -244,7 +244,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(we=(me=b.parameters)==null?void 0:me.docs)==null?void 0:we.source}}};var Ve,xe,ye;C.parameters={...C.parameters,docs:{...(Ve=C.parameters)==null?void 0:Ve.docs,source:{originalSource:`function () {
+}`,...(Vn=(wn=b.parameters)==null?void 0:wn.docs)==null?void 0:Vn.source}}};var xn,yn,bn;C.parameters={...C.parameters,docs:{...(xn=C.parameters)==null?void 0:xn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -265,7 +265,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(ye=(xe=C.parameters)==null?void 0:xe.docs)==null?void 0:ye.source}}};var be,Ce,Te;T.parameters={...T.parameters,docs:{...(be=T.parameters)==null?void 0:be.docs,source:{originalSource:`function () {
+}`,...(bn=(yn=C.parameters)==null?void 0:yn.docs)==null?void 0:bn.source}}};var Cn,Tn,Sn;T.parameters={...T.parameters,docs:{...(Cn=T.parameters)==null?void 0:Cn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -292,7 +292,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Te=(Ce=T.parameters)==null?void 0:Ce.docs)==null?void 0:Te.source}}};var Se,De,He;S.parameters={...S.parameters,docs:{...(Se=S.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
+}`,...(Sn=(Tn=T.parameters)==null?void 0:Tn.docs)==null?void 0:Sn.source}}};var Dn,Hn,En;S.parameters={...S.parameters,docs:{...(Dn=S.parameters)==null?void 0:Dn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -313,7 +313,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(He=(De=S.parameters)==null?void 0:De.docs)==null?void 0:He.source}}};var Ee,Oe,Me;D.parameters={...D.parameters,docs:{...(Ee=D.parameters)==null?void 0:Ee.docs,source:{originalSource:`function () {
+}`,...(En=(Hn=S.parameters)==null?void 0:Hn.docs)==null?void 0:En.source}}};var On,Mn,An;D.parameters={...D.parameters,docs:{...(On=D.parameters)==null?void 0:On.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -341,7 +341,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Me=(Oe=D.parameters)==null?void 0:Oe.docs)==null?void 0:Me.source}}};var Ae,Le,qe;H.parameters={...H.parameters,docs:{...(Ae=H.parameters)==null?void 0:Ae.docs,source:{originalSource:`function () {
+}`,...(An=(Mn=D.parameters)==null?void 0:Mn.docs)==null?void 0:An.source}}};var Ln,qn,zn;H.parameters={...H.parameters,docs:{...(Ln=H.parameters)==null?void 0:Ln.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -363,7 +363,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(qe=(Le=H.parameters)==null?void 0:Le.docs)==null?void 0:qe.source}}};var ze,Ie,Je;E.parameters={...E.parameters,docs:{...(ze=E.parameters)==null?void 0:ze.docs,source:{originalSource:`function () {
+}`,...(zn=(qn=H.parameters)==null?void 0:qn.docs)==null?void 0:zn.source}}};var In,Jn,Xn;E.parameters={...E.parameters,docs:{...(In=E.parameters)==null?void 0:In.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -391,7 +391,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Je=(Ie=E.parameters)==null?void 0:Ie.docs)==null?void 0:Je.source}}};var Xe,ke,$e;O.parameters={...O.parameters,docs:{...(Xe=O.parameters)==null?void 0:Xe.docs,source:{originalSource:`function () {
+}`,...(Xn=(Jn=E.parameters)==null?void 0:Jn.docs)==null?void 0:Xn.source}}};var kn,$n,Rn;O.parameters={...O.parameters,docs:{...(kn=O.parameters)==null?void 0:kn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -413,7 +413,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...($e=(ke=O.parameters)==null?void 0:ke.docs)==null?void 0:$e.source}}};var Re,Be,Fe;M.parameters={...M.parameters,docs:{...(Re=M.parameters)==null?void 0:Re.docs,source:{originalSource:`function () {
+}`,...(Rn=($n=O.parameters)==null?void 0:$n.docs)==null?void 0:Rn.source}}};var Bn,Fn,Yn;M.parameters={...M.parameters,docs:{...(Bn=M.parameters)==null?void 0:Bn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -440,7 +440,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Fe=(Be=M.parameters)==null?void 0:Be.docs)==null?void 0:Fe.source}}};var Ye,Pe,We;A.parameters={...A.parameters,docs:{...(Ye=A.parameters)==null?void 0:Ye.docs,source:{originalSource:`function () {
+}`,...(Yn=(Fn=M.parameters)==null?void 0:Fn.docs)==null?void 0:Yn.source}}};var Pn,Wn,_n;A.parameters={...A.parameters,docs:{...(Pn=A.parameters)==null?void 0:Pn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -461,7 +461,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(We=(Pe=A.parameters)==null?void 0:Pe.docs)==null?void 0:We.source}}};var _e,je,Ge;L.parameters={...L.parameters,docs:{...(_e=L.parameters)==null?void 0:_e.docs,source:{originalSource:`function () {
+}`,...(_n=(Wn=A.parameters)==null?void 0:Wn.docs)==null?void 0:_n.source}}};var jn,Gn,Kn;L.parameters={...L.parameters,docs:{...(jn=L.parameters)==null?void 0:jn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -488,7 +488,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Ge=(je=L.parameters)==null?void 0:je.docs)==null?void 0:Ge.source}}};var Ke,Ne,Qe;q.parameters={...q.parameters,docs:{...(Ke=q.parameters)==null?void 0:Ke.docs,source:{originalSource:`function () {
+}`,...(Kn=(Gn=L.parameters)==null?void 0:Gn.docs)==null?void 0:Kn.source}}};var Nn,Qn,Un;q.parameters={...q.parameters,docs:{...(Nn=q.parameters)==null?void 0:Nn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -509,5 +509,4 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Qe=(Ne=q.parameters)==null?void 0:Ne.docs)==null?void 0:Qe.source}}};const fn=["Empty","EmptyManyOptions","Placeholder","Filled","FilledManyOptions","Focused","Disabled","OptionDisabled","OptionText","Icon","TextIcon","OnValueChange","TopLeft","TopLeftManyOptions","TopRight","TopRightManyOptions","MiddleLeft","MiddleLeftManyOptions","MiddleRight","MiddleRightManyOptions","BottomLeft","BottomLeftManyOptions","BottomRight","BottomRightManyOptions"];export{M as BottomLeft,A as BottomLeftManyOptions,L as BottomRight,q as BottomRightManyOptions,f as Disabled,c as Empty,d as EmptyManyOptions,v as Filled,g as FilledManyOptions,h as Focused,V as Icon,D as MiddleLeft,H as MiddleLeftManyOptions,E as MiddleRight,O as MiddleRightManyOptions,y as OnValueChange,m as OptionDisabled,w as OptionText,p as Placeholder,x as TextIcon,b as TopLeft,C as TopLeftManyOptions,T as TopRight,S as TopRightManyOptions,fn as __namedExportsOrder,hn as default};
-//# sourceMappingURL=dropdown-border.stories-5b886f31.js.map
+}`,...(Un=(Qn=q.parameters)==null?void 0:Qn.docs)==null?void 0:Un.source}}};const fe=["Empty","EmptyManyOptions","Placeholder","Filled","FilledManyOptions","Focused","Disabled","OptionDisabled","OptionText","Icon","TextIcon","OnValueChange","TopLeft","TopLeftManyOptions","TopRight","TopRightManyOptions","MiddleLeft","MiddleLeftManyOptions","MiddleRight","MiddleRightManyOptions","BottomLeft","BottomLeftManyOptions","BottomRight","BottomRightManyOptions"];export{M as BottomLeft,A as BottomLeftManyOptions,L as BottomRight,q as BottomRightManyOptions,f as Disabled,c as Empty,d as EmptyManyOptions,v as Filled,g as FilledManyOptions,h as Focused,V as Icon,D as MiddleLeft,H as MiddleLeftManyOptions,E as MiddleRight,O as MiddleRightManyOptions,y as OnValueChange,m as OptionDisabled,w as OptionText,p as Placeholder,x as TextIcon,b as TopLeft,C as TopLeftManyOptions,T as TopRight,S as TopRightManyOptions,fe as __namedExportsOrder,he as default};
diff --git a/storybook/assets/dropdown-default.stories-63307882.js.map b/storybook/assets/dropdown-default.stories-63307882.js.map
deleted file mode 100644
index 809cfbb04..000000000
--- a/storybook/assets/dropdown-default.stories-63307882.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-default.stories-63307882.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/dropdown-default.stories-63307882.js b/storybook/assets/dropdown-default.stories-PVoIwWk5.js
similarity index 67%
rename from storybook/assets/dropdown-default.stories-63307882.js
rename to storybook/assets/dropdown-default.stories-PVoIwWk5.js
index bbc01ec18..e0e9b7d57 100644
--- a/storybook/assets/dropdown-default.stories-63307882.js
+++ b/storybook/assets/dropdown-default.stories-PVoIwWk5.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-initial-focus-57bdde46.js";import{I as Ze}from"./icon-layer-frame-16-89e1c06f.js";import{D as s}from"./dropdown-b1c572a4.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./use-mouse-down-outside-bb94ce97.js";import"./get-current-from-ref-47f174f6.js";import"./icon-control-chevron-down-8-c2f32eaf.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./constants-4a59d305.js";const hn={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Dropdown/Default"},i=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l("div",{children:l(s,{onChange:a,options:t,value:n})})},p=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{onChange:a,options:t,value:n})},d=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{onChange:a,options:t,placeholder:"Placeholder",value:n})},v=function(){const[n,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{onChange:a,options:t,value:n})},g=function(){const[n,o]=c("42"),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{onChange:a,options:t,value:n})},h=function(){const[n,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{...Ue(),onChange:a,options:t,value:n})},f=function(){const n=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:o,options:n,value:"foo"})},m=function(){const[n,o]=c("foo"),t=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{onChange:a,options:t,value:n})},w=function(){const[n,o]=c("a"),t=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{onChange:a,options:t,value:n})},V=function(){const[n,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{icon:l(Ze,{}),onChange:a,options:t,value:n})},x=function(){const[n,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const e=r.currentTarget.value;console.log(e),o(e)}return l(s,{icon:"W",onChange:a,options:t,value:n})},y=function(){const[n,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){console.log(r),o(r)}return l(s,{onValueChange:a,options:t,value:n})},C=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},T=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},b=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},S=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},D=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},H=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},E=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},O=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},M=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},A=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},L=function(){const[n,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})},q=function(){const[n,o]=c(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function a(e){const u=e.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:n})})};var z,I,J;i.parameters={...i.parameters,docs:{...(z=i.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+import{h as c}from"./create-component-a83A1_Pu.js";import{u as Zn}from"./use-initial-focus-xmfxIugy.js";import{I as ne}from"./icon-layer-frame-16-sVAwYanE.js";import{D as s}from"./dropdown-i_U1MUKd.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./use-mouse-down-outside-sDCyQFx-.js";import"./get-current-from-ref-KzY6_NOj.js";import"./icon-control-chevron-down-8-WIusIu4s.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./constants-TQdAxsXB.js";const he={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Dropdown/Default"},i=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l("div",{children:l(s,{onChange:a,options:t,value:e})})},p=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{onChange:a,options:t,value:e})},d=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{onChange:a,options:t,placeholder:"Placeholder",value:e})},v=function(){const[e,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{onChange:a,options:t,value:e})},g=function(){const[e,o]=c("42"),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{onChange:a,options:t,value:e})},h=function(){const[e,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{...Zn(),onChange:a,options:t,value:e})},f=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:o,options:e,value:"foo"})},m=function(){const[e,o]=c("foo"),t=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{onChange:a,options:t,value:e})},w=function(){const[e,o]=c("a"),t=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{onChange:a,options:t,value:e})},V=function(){const[e,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{icon:l(ne,{}),onChange:a,options:t,value:e})},x=function(){const[e,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){const n=r.currentTarget.value;console.log(n),o(n)}return l(s,{icon:"W",onChange:a,options:t,value:e})},y=function(){const[e,o]=c("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(r){console.log(r),o(r)}return l(s,{onValueChange:a,options:t,value:e})},C=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},T=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},b=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},S=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},D=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},H=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},E=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},O=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},M=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},A=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},L=function(){const[e,o]=c(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})},q=function(){const[e,o]=c(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function a(n){const u=n.currentTarget.value;console.log(u),o(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:a,options:t,value:e})})};var z,I,J;i.parameters={...i.parameters,docs:{...(z=i.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -102,7 +102,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(Q=(N=h.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var U,Z,ee;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.docs,source:{originalSource:`function () {
+}`,...(Q=(N=h.parameters)==null?void 0:N.docs)==null?void 0:Q.source}}};var U,Z,nn;f.parameters={...f.parameters,docs:{...(U=f.parameters)==null?void 0:U.docs,source:{originalSource:`function () {
   const options: Array = [{
     value: 'foo'
   }, {
@@ -118,7 +118,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     throw new Error('This function should not be called');
   }
   return ;
-}`,...(ee=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ne,oe,te;m.parameters={...m.parameters,docs:{...(ne=m.parameters)==null?void 0:ne.docs,source:{originalSource:`function () {
+}`,...(nn=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:nn.source}}};var en,on,tn;m.parameters={...m.parameters,docs:{...(en=m.parameters)==null?void 0:en.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -138,7 +138,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(te=(oe=m.parameters)==null?void 0:oe.docs)==null?void 0:te.source}}};var ae,re,le;w.parameters={...w.parameters,docs:{...(ae=w.parameters)==null?void 0:ae.docs,source:{originalSource:`function () {
+}`,...(tn=(on=m.parameters)==null?void 0:on.docs)==null?void 0:tn.source}}};var an,rn,ln;w.parameters={...w.parameters,docs:{...(an=w.parameters)==null?void 0:an.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('a');
   const options: Array = [{
     text: 'foo',
@@ -161,7 +161,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(le=(re=w.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};var ue,se,ce;V.parameters={...V.parameters,docs:{...(ue=V.parameters)==null?void 0:ue.docs,source:{originalSource:`function () {
+}`,...(ln=(rn=w.parameters)==null?void 0:rn.docs)==null?void 0:ln.source}}};var un,sn,cn;V.parameters={...V.parameters,docs:{...(un=V.parameters)==null?void 0:un.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -180,7 +180,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return } onChange={handleChange} options={options} value={value} />;
-}`,...(ce=(se=V.parameters)==null?void 0:se.docs)==null?void 0:ce.source}}};var ie,pe,de;x.parameters={...x.parameters,docs:{...(ie=x.parameters)==null?void 0:ie.docs,source:{originalSource:`function () {
+}`,...(cn=(sn=V.parameters)==null?void 0:sn.docs)==null?void 0:cn.source}}};var pn,dn,vn;x.parameters={...x.parameters,docs:{...(pn=x.parameters)==null?void 0:pn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -199,7 +199,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(de=(pe=x.parameters)==null?void 0:pe.docs)==null?void 0:de.source}}};var ve,ge,he;y.parameters={...y.parameters,docs:{...(ve=y.parameters)==null?void 0:ve.docs,source:{originalSource:`function () {
+}`,...(vn=(dn=x.parameters)==null?void 0:dn.docs)==null?void 0:vn.source}}};var gn,hn,fn;y.parameters={...y.parameters,docs:{...(gn=y.parameters)==null?void 0:gn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -217,7 +217,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(he=(ge=y.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var fe,me,we;C.parameters={...C.parameters,docs:{...(fe=C.parameters)==null?void 0:fe.docs,source:{originalSource:`function () {
+}`,...(fn=(hn=y.parameters)==null?void 0:hn.docs)==null?void 0:fn.source}}};var mn,wn,Vn;C.parameters={...C.parameters,docs:{...(mn=C.parameters)==null?void 0:mn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -244,7 +244,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(we=(me=C.parameters)==null?void 0:me.docs)==null?void 0:we.source}}};var Ve,xe,ye;T.parameters={...T.parameters,docs:{...(Ve=T.parameters)==null?void 0:Ve.docs,source:{originalSource:`function () {
+}`,...(Vn=(wn=C.parameters)==null?void 0:wn.docs)==null?void 0:Vn.source}}};var xn,yn,Cn;T.parameters={...T.parameters,docs:{...(xn=T.parameters)==null?void 0:xn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -265,7 +265,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(ye=(xe=T.parameters)==null?void 0:xe.docs)==null?void 0:ye.source}}};var Ce,Te,be;b.parameters={...b.parameters,docs:{...(Ce=b.parameters)==null?void 0:Ce.docs,source:{originalSource:`function () {
+}`,...(Cn=(yn=T.parameters)==null?void 0:yn.docs)==null?void 0:Cn.source}}};var Tn,bn,Sn;b.parameters={...b.parameters,docs:{...(Tn=b.parameters)==null?void 0:Tn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -292,7 +292,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(be=(Te=b.parameters)==null?void 0:Te.docs)==null?void 0:be.source}}};var Se,De,He;S.parameters={...S.parameters,docs:{...(Se=S.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
+}`,...(Sn=(bn=b.parameters)==null?void 0:bn.docs)==null?void 0:Sn.source}}};var Dn,Hn,En;S.parameters={...S.parameters,docs:{...(Dn=S.parameters)==null?void 0:Dn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -313,7 +313,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(He=(De=S.parameters)==null?void 0:De.docs)==null?void 0:He.source}}};var Ee,Oe,Me;D.parameters={...D.parameters,docs:{...(Ee=D.parameters)==null?void 0:Ee.docs,source:{originalSource:`function () {
+}`,...(En=(Hn=S.parameters)==null?void 0:Hn.docs)==null?void 0:En.source}}};var On,Mn,An;D.parameters={...D.parameters,docs:{...(On=D.parameters)==null?void 0:On.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -341,7 +341,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Me=(Oe=D.parameters)==null?void 0:Oe.docs)==null?void 0:Me.source}}};var Ae,Le,qe;H.parameters={...H.parameters,docs:{...(Ae=H.parameters)==null?void 0:Ae.docs,source:{originalSource:`function () {
+}`,...(An=(Mn=D.parameters)==null?void 0:Mn.docs)==null?void 0:An.source}}};var Ln,qn,zn;H.parameters={...H.parameters,docs:{...(Ln=H.parameters)==null?void 0:Ln.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -363,7 +363,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(qe=(Le=H.parameters)==null?void 0:Le.docs)==null?void 0:qe.source}}};var ze,Ie,Je;E.parameters={...E.parameters,docs:{...(ze=E.parameters)==null?void 0:ze.docs,source:{originalSource:`function () {
+}`,...(zn=(qn=H.parameters)==null?void 0:qn.docs)==null?void 0:zn.source}}};var In,Jn,Xn;E.parameters={...E.parameters,docs:{...(In=E.parameters)==null?void 0:In.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -391,7 +391,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Je=(Ie=E.parameters)==null?void 0:Ie.docs)==null?void 0:Je.source}}};var Xe,ke,$e;O.parameters={...O.parameters,docs:{...(Xe=O.parameters)==null?void 0:Xe.docs,source:{originalSource:`function () {
+}`,...(Xn=(Jn=E.parameters)==null?void 0:Jn.docs)==null?void 0:Xn.source}}};var kn,$n,Rn;O.parameters={...O.parameters,docs:{...(kn=O.parameters)==null?void 0:kn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -413,7 +413,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...($e=(ke=O.parameters)==null?void 0:ke.docs)==null?void 0:$e.source}}};var Re,Fe,Be;M.parameters={...M.parameters,docs:{...(Re=M.parameters)==null?void 0:Re.docs,source:{originalSource:`function () {
+}`,...(Rn=($n=O.parameters)==null?void 0:$n.docs)==null?void 0:Rn.source}}};var Fn,Bn,Yn;M.parameters={...M.parameters,docs:{...(Fn=M.parameters)==null?void 0:Fn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -440,7 +440,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Be=(Fe=M.parameters)==null?void 0:Fe.docs)==null?void 0:Be.source}}};var Ye,Pe,We;A.parameters={...A.parameters,docs:{...(Ye=A.parameters)==null?void 0:Ye.docs,source:{originalSource:`function () {
+}`,...(Yn=(Bn=M.parameters)==null?void 0:Bn.docs)==null?void 0:Yn.source}}};var Pn,Wn,_n;A.parameters={...A.parameters,docs:{...(Pn=A.parameters)==null?void 0:Pn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -461,7 +461,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(We=(Pe=A.parameters)==null?void 0:Pe.docs)==null?void 0:We.source}}};var _e,je,Ge;L.parameters={...L.parameters,docs:{...(_e=L.parameters)==null?void 0:_e.docs,source:{originalSource:`function () {
+}`,...(_n=(Wn=A.parameters)==null?void 0:Wn.docs)==null?void 0:_n.source}}};var jn,Gn,Kn;L.parameters={...L.parameters,docs:{...(jn=L.parameters)==null?void 0:jn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -488,7 +488,7 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Ge=(je=L.parameters)==null?void 0:je.docs)==null?void 0:Ge.source}}};var Ke,Ne,Qe;q.parameters={...q.parameters,docs:{...(Ke=q.parameters)==null?void 0:Ke.docs,source:{originalSource:`function () {
+}`,...(Kn=(Gn=L.parameters)==null?void 0:Gn.docs)==null?void 0:Kn.source}}};var Nn,Qn,Un;q.parameters={...q.parameters,docs:{...(Nn=q.parameters)==null?void 0:Nn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -509,5 +509,4 @@ import{h as c}from"./create-component-b0512abd.js";import{u as Ue}from"./use-ini
   return 

       
     
;
-}`,...(Qe=(Ne=q.parameters)==null?void 0:Ne.docs)==null?void 0:Qe.source}}};const fn=["Empty","EmptyManyOptions","Placeholder","Filled","FilledManyOptions","Focused","Disabled","OptionDisabled","OptionText","Icon","TextIcon","OnValueChange","TopLeft","TopLeftManyOptions","TopRight","TopRightManyOptions","MiddleLeft","MiddleLeftManyOptions","MiddleRight","MiddleRightManyOptions","BottomLeft","BottomLeftManyOptions","BottomRight","BottomRightManyOptions"];export{M as BottomLeft,A as BottomLeftManyOptions,L as BottomRight,q as BottomRightManyOptions,f as Disabled,i as Empty,p as EmptyManyOptions,v as Filled,g as FilledManyOptions,h as Focused,V as Icon,D as MiddleLeft,H as MiddleLeftManyOptions,E as MiddleRight,O as MiddleRightManyOptions,y as OnValueChange,m as OptionDisabled,w as OptionText,d as Placeholder,x as TextIcon,C as TopLeft,T as TopLeftManyOptions,b as TopRight,S as TopRightManyOptions,fn as __namedExportsOrder,hn as default};
-//# sourceMappingURL=dropdown-default.stories-63307882.js.map
+}`,...(Un=(Qn=q.parameters)==null?void 0:Qn.docs)==null?void 0:Un.source}}};const fe=["Empty","EmptyManyOptions","Placeholder","Filled","FilledManyOptions","Focused","Disabled","OptionDisabled","OptionText","Icon","TextIcon","OnValueChange","TopLeft","TopLeftManyOptions","TopRight","TopRightManyOptions","MiddleLeft","MiddleLeftManyOptions","MiddleRight","MiddleRightManyOptions","BottomLeft","BottomLeftManyOptions","BottomRight","BottomRightManyOptions"];export{M as BottomLeft,A as BottomLeftManyOptions,L as BottomRight,q as BottomRightManyOptions,f as Disabled,i as Empty,p as EmptyManyOptions,v as Filled,g as FilledManyOptions,h as Focused,V as Icon,D as MiddleLeft,H as MiddleLeftManyOptions,E as MiddleRight,O as MiddleRightManyOptions,y as OnValueChange,m as OptionDisabled,w as OptionText,d as Placeholder,x as TextIcon,C as TopLeft,T as TopLeftManyOptions,b as TopRight,S as TopRightManyOptions,fe as __namedExportsOrder,he as default};
diff --git a/storybook/assets/dropdown-b1c572a4.js b/storybook/assets/dropdown-i_U1MUKd.js
similarity index 87%
rename from storybook/assets/dropdown-b1c572a4.js
rename to storybook/assets/dropdown-i_U1MUKd.js
index 31fbbf23e..74c7e208a 100644
--- a/storybook/assets/dropdown-b1c572a4.js
+++ b/storybook/assets/dropdown-i_U1MUKd.js
@@ -1,2 +1 @@
-import{T as f,c as Z,_ as P,h as U,p as ee,z as te}from"./create-component-b0512abd.js";import{u as ne,m as M}from"./use-mouse-down-outside-bb94ce97.js";import{g as x}from"./get-current-from-ref-47f174f6.js";import{I as oe}from"./icon-control-chevron-down-8-c2f32eaf.js";import{I as re}from"./icon-menu-checkmark-checked-16-11f1d34a.js";import{c as C}from"./create-class-name-71c46838.js";import{n as B}from"./no-op-cb277961.js";import{a as V,I as H,V as b}from"./constants-4a59d305.js";import{o as m}from"./jsxRuntime.module-632ba37d.js";function le(n){const{itemIdDataAttributeName:e,menuElementRef:o,selectedId:r,setSelectedId:g}=n,p=f(function(){return Array.from(x(o).querySelectorAll(`[${e}]`)).filter(function(d){return d.hasAttribute("disabled")===!1})},[e,o]),i=f(function(d){if(d===null)return-1;const a=p().findIndex(function(h){return h.getAttribute(e)===d});if(a===-1)throw new Error("`index` is `-1`");return a},[p,e]),_=f(function(d){const a=p(),h=i(d),l=a[h],w=l.getBoundingClientRect().top,c=x(o),v=c.getBoundingClientRect().top;if(wv+c.offsetHeight&&l.scrollIntoView()},[i,p,o]),T=f(function(d){const a=d.key;if(a==="ArrowDown"||a==="ArrowUp"){const h=p(),l=i(r);let w;a==="ArrowDown"?w=l===-1||l===h.length-1?0:l+1:w=l===-1||l===0?h.length-1:l-1;const v=h[w].getAttribute(e);g(v),_(v)}},[p,i,e,g,r,_]);return{handleScrollableMenuItemMouseMove:f(function(d){const a=d.currentTarget.getAttribute(e);a!==r&&g(a)},[e,r,g]),handleScrollableMenuKeyDown:T}}const ie="_dropdown_l9ibg_1",ce="_disabled_l9ibg_12",se="_menu_l9ibg_17",ue="_icon_l9ibg_25",de="_empty_l9ibg_37",ae="_value_l9ibg_41",fe="_hasIcon_l9ibg_55",he="_placeholder_l9ibg_59",me="_chevronIcon_l9ibg_63",pe="_border_l9ibg_74",ge="_hasBorder_l9ibg_83",we="_underline_l9ibg_94",I={dropdown:ie,disabled:ce,menu:se,icon:ue,empty:de,value:ae,hasIcon:fe,placeholder:he,chevronIcon:me,border:pe,hasBorder:ge,underline:we};function be(n,e,o){const r=n.getBoundingClientRect(),g=n.offsetWidth,p=n.offsetHeight,i=r.left,_=r.top;e.style.minWidth=`${g}px`;const T=window.innerWidth-2*b;e.style.maxWidth=`${T}px`;const u=window.innerHeight-2*b;e.style.maxHeight=`${u}px`;const d=e.offsetWidth,a=e.offsetHeight,h=e.scrollHeight,l=parseInt(window.getComputedStyle(e).paddingTop,10),w=Ie(e,o),c=_e({menuWidth:d,rootLeft:i});e.style.left=`${c}px`;const v=ye({menuHeight:a,rootTop:_,selectedTop:w.offsetTop});e.style.top=`${v}px`,h>a!==!1&&(e.scrollTop=ve({menuHeight:a,menuPaddingTop:l,menuScrollHeight:h,rootHeight:p,rootTop:_,selectedTop:w.offsetTop}))}function Ie(n,e){const o=n.querySelector(e===V?`[${H}]`:`[${H}='${e}']`);if(o===null)throw new Error("`inputElement` is `null`");const r=o.parentElement;if(r===null)throw new Error("`labelElement` is `null`");return r}function _e(n){const{menuWidth:e,rootLeft:o}=n;if(o<=b)return b;const r=window.innerWidth;return o+e>r-b?r-b-e:o}function ye(n){const{menuHeight:e,rootTop:o,selectedTop:r}=n,g=window.innerHeight;if(o<=b||e===g-2*b)return b;const p=o-r,i=b,_=g-b-e;return L(p,i,_)}function ve(n){const{menuHeight:e,menuPaddingTop:o,menuScrollHeight:r,rootHeight:g,rootTop:p,selectedTop:i}=n,_=L(p,b,window.innerHeight-b-g+o/2),T=i-(_-b),u=0,d=r-e;return L(T,u,d)}function L(n,e,o){return Math.min(Math.max(n,e),o)}const Ce=Z(function({disabled:n=!1,icon:e,onChange:o=B,onKeyDown:r=B,onMouseDown:g=B,onValueChange:p=B,options:i,placeholder:_,propagateEscapeKeyDown:T=!0,value:u,variant:d,...a},h){if(typeof e=="string"&&e.length!==1)throw new Error(`String \`icon\` must be a single character: "${e}"`);const l=P(null),w=P(null),[c,v]=U(!1),E=q(i,u);if(u!==null&&E===-1)throw new Error(`Invalid \`value\`: ${u}`);const[S,k]=U(E===-1?V:`${E}`),F=typeof i[E]>"u"?"":Me(i[E]),{handleScrollableMenuKeyDown:N,handleScrollableMenuItemMouseMove:K}=le({itemIdDataAttributeName:H,menuElementRef:w,selectedId:S,setSelectedId:k}),R=f(function(){x(l).blur()},[]),D=f(function(){x(l).focus()},[]),W=f(function(t){const s=x(l),A=x(w);be(s,A,t)},[]),y=f(function(){v(!1),k(V)},[]),$=f(function(){if(c===!0)return;if(v(!0),u===null){W(S);return}const t=q(i,u);if(t===-1)throw new Error(`Invalid \`value\`: ${u}`);const s=`${t}`;k(s),W(s)},[c,i,S,W,u]),z=f(function(t){r(t);const s=t.key;if(s==="ArrowUp"||s==="ArrowDown"){if(t.preventDefault(),c===!1){$();return}N(t);return}if(s==="Escape"){if(t.preventDefault(),T===!1&&t.stopPropagation(),c===!0){y();return}R();return}if(s==="Enter"){if(t.preventDefault(),c===!1){$();return}if(S!==V){const A=x(w).querySelector(`[${H}='${S}']`);if(A===null)throw new Error("`selectedElement` is `null`");A.checked=!0;const O=new window.Event("change",{bubbles:!0,cancelable:!0});A.dispatchEvent(O)}y();return}if(s==="Tab"){y();return}},[N,c,r,T,S,y,$,R]),G=f(function(t){g(t),c===!1&&$()},[c,g,$]),j=f(function(t){t.stopPropagation()},[]),J=f(function(t){o(t);const s=t.currentTarget.getAttribute(H);if(s===null)throw new Error("`id` is `null`");const O=i[parseInt(s,10)].value;p(O),D(),y()},[o,p,i,y,D]),Q=f(function(){D(),y()},[y,D]),X=f(function(){c!==!1&&(y(),R())},[c,R,y]);ne({onMouseDownOutside:X,ref:l}),ee(function(){function t(){c!==!1&&(D(),y())}return window.addEventListener("scroll",t),function(){window.removeEventListener("scroll",t)}},[c,y,D]);const Y=f(function(t){if(l.current=t,h!==null){if(typeof h=="function"){h(t);return}h.current=t}},[h,l]);return m("div",{...a,ref:Y,class:C([I.dropdown,d==="border"?I.hasBorder:null,typeof e<"u"?I.hasIcon:null,n===!0?I.disabled:null]),onKeyDown:n===!0?void 0:z,onMouseDown:G,tabIndex:0,children:[typeof e>"u"?null:m("div",{class:I.icon,children:e}),u===null?typeof _>"u"?m("div",{class:I.empty}):m("div",{class:C([I.value,I.placeholder]),children:_}):m("div",{class:I.value,children:F}),m("div",{class:I.chevronIcon,children:m(oe,{})}),d==="underline"?m("div",{class:I.underline}):null,m("div",{class:I.border}),te(m("div",{ref:w,class:C([M.menu,I.menu,n===!0||c===!1?M.hidden:null]),onMouseDown:j,children:i.map(function(t,s){return typeof t=="string"?m("hr",{class:M.optionSeparator},s):"header"in t?m("h1",{class:M.optionHeader,children:t.header},s):m("label",{class:C([M.optionValue,t.disabled===!0?M.optionValueDisabled:null,t.disabled!==!0&&`${s}`===S?M.optionValueSelected:null]),children:[m("input",{checked:u===t.value,class:M.input,disabled:t.disabled===!0,onChange:u===t.value?void 0:J,onClick:u===t.value?Q:void 0,onMouseMove:K,tabIndex:-1,type:"radio",value:`${t.value}`,[H]:`${s}`}),t.value===u?m("div",{class:M.checkIcon,children:m(re,{})}):null,typeof t.text>"u"?t.value:t.text]},s)})}),document.body)]})});function Me(n){if(typeof n!="string"){if("text"in n)return n.text;if("value"in n)return n.value}throw new Error("Invariant violation")}function q(n,e){if(e===null)return-1;let o=0;for(const r of n){if(typeof r!="string"&&"value"in r&&r.value===e)return o;o+=1}return-1}export{Ce as D};
-//# sourceMappingURL=dropdown-b1c572a4.js.map
+import{T as f,c as Z,_ as P,h as U,p as ee,j as te}from"./create-component-a83A1_Pu.js";import{u as ne,m as M}from"./use-mouse-down-outside-sDCyQFx-.js";import{g as x}from"./get-current-from-ref-KzY6_NOj.js";import{I as oe}from"./icon-control-chevron-down-8-WIusIu4s.js";import{I as re}from"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import{c as C}from"./create-class-name-gq91Tlk7.js";import{n as B}from"./no-op-Uu3q6ZSj.js";import{I as V,a as H,V as b}from"./constants-TQdAxsXB.js";import{u as m}from"./jsxRuntime.module-mP9ZGqev.js";function le(n){const{itemIdDataAttributeName:e,menuElementRef:o,selectedId:r,setSelectedId:g}=n,p=f(function(){return Array.from(x(o).querySelectorAll(`[${e}]`)).filter(function(d){return d.hasAttribute("disabled")===!1})},[e,o]),i=f(function(d){if(d===null)return-1;const a=p().findIndex(function(h){return h.getAttribute(e)===d});if(a===-1)throw new Error("`index` is `-1`");return a},[p,e]),_=f(function(d){const a=p(),h=i(d),l=a[h],w=l.getBoundingClientRect().top,c=x(o),v=c.getBoundingClientRect().top;if(wv+c.offsetHeight&&l.scrollIntoView()},[i,p,o]),T=f(function(d){const a=d.key;if(a==="ArrowDown"||a==="ArrowUp"){const h=p(),l=i(r);let w;a==="ArrowDown"?w=l===-1||l===h.length-1?0:l+1:w=l===-1||l===0?h.length-1:l-1;const v=h[w].getAttribute(e);g(v),_(v)}},[p,i,e,g,r,_]);return{handleScrollableMenuItemMouseMove:f(function(d){const a=d.currentTarget.getAttribute(e);a!==r&&g(a)},[e,r,g]),handleScrollableMenuKeyDown:T}}const ie="_dropdown_l9ibg_1",ce="_disabled_l9ibg_12",se="_menu_l9ibg_17",ue="_icon_l9ibg_25",de="_empty_l9ibg_37",ae="_value_l9ibg_41",fe="_hasIcon_l9ibg_55",he="_placeholder_l9ibg_59",me="_chevronIcon_l9ibg_63",pe="_border_l9ibg_74",ge="_hasBorder_l9ibg_83",we="_underline_l9ibg_94",I={dropdown:ie,disabled:ce,menu:se,icon:ue,empty:de,value:ae,hasIcon:fe,placeholder:he,chevronIcon:me,border:pe,hasBorder:ge,underline:we};function be(n,e,o){const r=n.getBoundingClientRect(),g=n.offsetWidth,p=n.offsetHeight,i=r.left,_=r.top;e.style.minWidth=`${g}px`;const T=window.innerWidth-2*b;e.style.maxWidth=`${T}px`;const u=window.innerHeight-2*b;e.style.maxHeight=`${u}px`;const d=e.offsetWidth,a=e.offsetHeight,h=e.scrollHeight,l=parseInt(window.getComputedStyle(e).paddingTop,10),w=Ie(e,o),c=_e({menuWidth:d,rootLeft:i});e.style.left=`${c}px`;const v=ye({menuHeight:a,rootTop:_,selectedTop:w.offsetTop});e.style.top=`${v}px`,h>a!==!1&&(e.scrollTop=ve({menuHeight:a,menuPaddingTop:l,menuScrollHeight:h,rootHeight:p,rootTop:_,selectedTop:w.offsetTop}))}function Ie(n,e){const o=n.querySelector(e===V?`[${H}]`:`[${H}='${e}']`);if(o===null)throw new Error("`inputElement` is `null`");const r=o.parentElement;if(r===null)throw new Error("`labelElement` is `null`");return r}function _e(n){const{menuWidth:e,rootLeft:o}=n;if(o<=b)return b;const r=window.innerWidth;return o+e>r-b?r-b-e:o}function ye(n){const{menuHeight:e,rootTop:o,selectedTop:r}=n,g=window.innerHeight;if(o<=b||e===g-2*b)return b;const p=o-r,i=b,_=g-b-e;return L(p,i,_)}function ve(n){const{menuHeight:e,menuPaddingTop:o,menuScrollHeight:r,rootHeight:g,rootTop:p,selectedTop:i}=n,_=L(p,b,window.innerHeight-b-g+o/2),T=i-(_-b),u=0,d=r-e;return L(T,u,d)}function L(n,e,o){return Math.min(Math.max(n,e),o)}const Ce=Z(function({disabled:n=!1,icon:e,onChange:o=B,onKeyDown:r=B,onMouseDown:g=B,onValueChange:p=B,options:i,placeholder:_,propagateEscapeKeyDown:T=!0,value:u,variant:d,...a},h){if(typeof e=="string"&&e.length!==1)throw new Error(`String \`icon\` must be a single character: "${e}"`);const l=P(null),w=P(null),[c,v]=U(!1),E=q(i,u);if(u!==null&&E===-1)throw new Error(`Invalid \`value\`: ${u}`);const[S,k]=U(E===-1?V:`${E}`),F=typeof i[E]>"u"?"":Me(i[E]),{handleScrollableMenuKeyDown:N,handleScrollableMenuItemMouseMove:K}=le({itemIdDataAttributeName:H,menuElementRef:w,selectedId:S,setSelectedId:k}),R=f(function(){x(l).blur()},[]),D=f(function(){x(l).focus()},[]),W=f(function(t){const s=x(l),A=x(w);be(s,A,t)},[]),y=f(function(){v(!1),k(V)},[]),$=f(function(){if(c===!0)return;if(v(!0),u===null){W(S);return}const t=q(i,u);if(t===-1)throw new Error(`Invalid \`value\`: ${u}`);const s=`${t}`;k(s),W(s)},[c,i,S,W,u]),j=f(function(t){r(t);const s=t.key;if(s==="ArrowUp"||s==="ArrowDown"){if(t.preventDefault(),c===!1){$();return}N(t);return}if(s==="Escape"){if(t.preventDefault(),T===!1&&t.stopPropagation(),c===!0){y();return}R();return}if(s==="Enter"){if(t.preventDefault(),c===!1){$();return}if(S!==V){const A=x(w).querySelector(`[${H}='${S}']`);if(A===null)throw new Error("`selectedElement` is `null`");A.checked=!0;const O=new window.Event("change",{bubbles:!0,cancelable:!0});A.dispatchEvent(O)}y();return}if(s==="Tab"){y();return}},[N,c,r,T,S,y,$,R]),G=f(function(t){g(t),c===!1&&$()},[c,g,$]),z=f(function(t){t.stopPropagation()},[]),J=f(function(t){o(t);const s=t.currentTarget.getAttribute(H);if(s===null)throw new Error("`id` is `null`");const O=i[parseInt(s,10)].value;p(O),D(),y()},[o,p,i,y,D]),Q=f(function(){D(),y()},[y,D]),X=f(function(){c!==!1&&(y(),R())},[c,R,y]);ne({onMouseDownOutside:X,ref:l}),ee(function(){function t(){c!==!1&&(D(),y())}return window.addEventListener("scroll",t),function(){window.removeEventListener("scroll",t)}},[c,y,D]);const Y=f(function(t){if(l.current=t,h!==null){if(typeof h=="function"){h(t);return}h.current=t}},[h,l]);return m("div",{...a,ref:Y,class:C([I.dropdown,d==="border"?I.hasBorder:null,typeof e<"u"?I.hasIcon:null,n===!0?I.disabled:null]),onKeyDown:n===!0?void 0:j,onMouseDown:G,tabIndex:0,children:[typeof e>"u"?null:m("div",{class:I.icon,children:e}),u===null?typeof _>"u"?m("div",{class:I.empty}):m("div",{class:C([I.value,I.placeholder]),children:_}):m("div",{class:I.value,children:F}),m("div",{class:I.chevronIcon,children:m(oe,{})}),d==="underline"?m("div",{class:I.underline}):null,m("div",{class:I.border}),te(m("div",{ref:w,class:C([M.menu,I.menu,n===!0||c===!1?M.hidden:null]),onMouseDown:z,children:i.map(function(t,s){return typeof t=="string"?m("hr",{class:M.optionSeparator},s):"header"in t?m("h1",{class:M.optionHeader,children:t.header},s):m("label",{class:C([M.optionValue,t.disabled===!0?M.optionValueDisabled:null,t.disabled!==!0&&`${s}`===S?M.optionValueSelected:null]),children:[m("input",{checked:u===t.value,class:M.input,disabled:t.disabled===!0,onChange:u===t.value?void 0:J,onClick:u===t.value?Q:void 0,onMouseMove:K,tabIndex:-1,type:"radio",value:`${t.value}`,[H]:`${s}`}),t.value===u?m("div",{class:M.checkIcon,children:m(re,{})}):null,typeof t.text>"u"?t.value:t.text]},s)})}),document.body)]})});function Me(n){if(typeof n!="string"){if("text"in n)return n.text;if("value"in n)return n.value}throw new Error("Invariant violation")}function q(n,e){if(e===null)return-1;let o=0;for(const r of n){if(typeof r!="string"&&"value"in r&&r.value===e)return o;o+=1}return-1}export{Ce as D};
diff --git a/storybook/assets/dropdown-underline.stories-e6dc4cf6.js b/storybook/assets/dropdown-underline.stories-NVjQGAGM.js
similarity index 67%
rename from storybook/assets/dropdown-underline.stories-e6dc4cf6.js
rename to storybook/assets/dropdown-underline.stories-NVjQGAGM.js
index e5dac9b46..8d85f9eb3 100644
--- a/storybook/assets/dropdown-underline.stories-e6dc4cf6.js
+++ b/storybook/assets/dropdown-underline.stories-NVjQGAGM.js
@@ -1,4 +1,4 @@
-import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-initial-focus-57bdde46.js";import{I as Ze}from"./icon-layer-frame-16-89e1c06f.js";import{D as s}from"./dropdown-b1c572a4.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./use-mouse-down-outside-bb94ce97.js";import"./get-current-from-ref-47f174f6.js";import"./icon-control-chevron-down-8-c2f32eaf.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./constants-4a59d305.js";const hn={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Dropdown/Underline"},c=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l("div",{children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},d=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},p=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,placeholder:"Placeholder",value:n,variant:"underline"})},v=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},g=function(){const[n,a]=i("42"),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},h=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{...Qe(),onChange:o,options:t,value:n,variant:"underline"})},f=function(){const n=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:n,value:"foo",variant:"underline"})},m=function(){const[n,a]=i("foo"),t=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},w=function(){const[n,a]=i("a"),t=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{onChange:o,options:t,value:n,variant:"underline"})},V=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:l(Ze,{}),onChange:o,options:t,value:n,variant:"underline"})},x=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const e=r.currentTarget.value;console.log(e),a(e)}return l(s,{icon:"W",onChange:o,options:t,value:n,variant:"underline"})},y=function(){const[n,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){console.log(r),a(r)}return l(s,{onValueChange:o,options:t,value:n,variant:"underline"})},C=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},T=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},b=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},S=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},D=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},H=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},E=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},O=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},M=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},A=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},L=function(){const[n,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})},q=function(){const[n,a]=i(null),t=[...Array(100).keys()].map(function(e){return{value:`${e+1}`}});function o(e){const u=e.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:n,variant:"underline"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+import{h as i}from"./create-component-a83A1_Pu.js";import{u as Zn}from"./use-initial-focus-xmfxIugy.js";import{I as ne}from"./icon-layer-frame-16-sVAwYanE.js";import{D as s}from"./dropdown-i_U1MUKd.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./use-mouse-down-outside-sDCyQFx-.js";import"./get-current-from-ref-KzY6_NOj.js";import"./icon-control-chevron-down-8-WIusIu4s.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./constants-TQdAxsXB.js";const he={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Dropdown/Underline"},c=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l("div",{children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},d=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},p=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,placeholder:"Placeholder",value:e,variant:"underline"})},v=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},g=function(){const[e,a]=i("42"),t=[...Array(100).keys()].map(function(r){return{value:`${r+1}`}});function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},h=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{...Zn(),onChange:o,options:t,value:e,variant:"underline"})},f=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function a(){throw new Error("This function should not be called")}return l(s,{disabled:!0,onChange:a,options:e,value:"foo",variant:"underline"})},m=function(){const[e,a]=i("foo"),t=[{value:"foo"},{disabled:!0,value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},w=function(){const[e,a]=i("a"),t=[{text:"foo",value:"a"},{text:"bar",value:"b"},{text:"baz",value:"c"},"-",{header:"Header"},{text:"qux",value:"d"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{onChange:o,options:t,value:e,variant:"underline"})},V=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:l(ne,{}),onChange:o,options:t,value:e,variant:"underline"})},x=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){const n=r.currentTarget.value;console.log(n),a(n)}return l(s,{icon:"W",onChange:o,options:t,value:e,variant:"underline"})},y=function(){const[e,a]=i("foo"),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(r){console.log(r),a(r)}return l(s,{onValueChange:o,options:t,value:e,variant:"underline"})},C=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},T=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},b=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},S=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},D=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},H=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{left:"-8px",position:"fixed",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},E=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},O=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{position:"fixed",right:"-8px",top:"50%",transform:"translateY(-50%)",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},M=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},A=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",left:"-8px",position:"fixed",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},L=function(){const[e,a]=i(null),t=[{value:"foo"},{value:"bar"},{value:"baz"},"-",{header:"Header"},{value:"qux"}];function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})},q=function(){const[e,a]=i(null),t=[...Array(100).keys()].map(function(n){return{value:`${n+1}`}});function o(n){const u=n.currentTarget.value;console.log(u),a(u)}return l("div",{style:{bottom:"-8px",position:"fixed",right:"-8px",width:"240px"},children:l(s,{onChange:o,options:t,value:e,variant:"underline"})})};var z,I,J;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -102,7 +102,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(N=(K=h.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,Z,ee;f.parameters={...f.parameters,docs:{...(Q=f.parameters)==null?void 0:Q.docs,source:{originalSource:`function () {
+}`,...(N=(K=h.parameters)==null?void 0:K.docs)==null?void 0:N.source}}};var Q,Z,nn;f.parameters={...f.parameters,docs:{...(Q=f.parameters)==null?void 0:Q.docs,source:{originalSource:`function () {
   const options: Array = [{
     value: 'foo'
   }, {
@@ -118,7 +118,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     throw new Error('This function should not be called');
   }
   return ;
-}`,...(ee=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var ne,ae,te;m.parameters={...m.parameters,docs:{...(ne=m.parameters)==null?void 0:ne.docs,source:{originalSource:`function () {
+}`,...(nn=(Z=f.parameters)==null?void 0:Z.docs)==null?void 0:nn.source}}};var en,an,tn;m.parameters={...m.parameters,docs:{...(en=m.parameters)==null?void 0:en.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -138,7 +138,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(te=(ae=m.parameters)==null?void 0:ae.docs)==null?void 0:te.source}}};var oe,re,le;w.parameters={...w.parameters,docs:{...(oe=w.parameters)==null?void 0:oe.docs,source:{originalSource:`function () {
+}`,...(tn=(an=m.parameters)==null?void 0:an.docs)==null?void 0:tn.source}}};var on,rn,ln;w.parameters={...w.parameters,docs:{...(on=w.parameters)==null?void 0:on.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('a');
   const options: Array = [{
     text: 'foo',
@@ -161,7 +161,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(le=(re=w.parameters)==null?void 0:re.docs)==null?void 0:le.source}}};var ue,se,ie;V.parameters={...V.parameters,docs:{...(ue=V.parameters)==null?void 0:ue.docs,source:{originalSource:`function () {
+}`,...(ln=(rn=w.parameters)==null?void 0:rn.docs)==null?void 0:ln.source}}};var un,sn,cn;V.parameters={...V.parameters,docs:{...(un=V.parameters)==null?void 0:un.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -180,7 +180,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     setValue(newValue);
   }
   return } onChange={handleChange} options={options} value={value} variant="underline" />;
-}`,...(ie=(se=V.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var ce,de,pe;x.parameters={...x.parameters,docs:{...(ce=x.parameters)==null?void 0:ce.docs,source:{originalSource:`function () {
+}`,...(cn=(sn=V.parameters)==null?void 0:sn.docs)==null?void 0:cn.source}}};var dn,pn,vn;x.parameters={...x.parameters,docs:{...(dn=x.parameters)==null?void 0:dn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -199,7 +199,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(pe=(de=x.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var ve,ge,he;y.parameters={...y.parameters,docs:{...(ve=y.parameters)==null?void 0:ve.docs,source:{originalSource:`function () {
+}`,...(vn=(pn=x.parameters)==null?void 0:pn.docs)==null?void 0:vn.source}}};var gn,hn,fn;y.parameters={...y.parameters,docs:{...(gn=y.parameters)==null?void 0:gn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState('foo');
   const options: Array = [{
     value: 'foo'
@@ -217,7 +217,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
     setValue(newValue);
   }
   return ;
-}`,...(he=(ge=y.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var fe,me,we;C.parameters={...C.parameters,docs:{...(fe=C.parameters)==null?void 0:fe.docs,source:{originalSource:`function () {
+}`,...(fn=(hn=y.parameters)==null?void 0:hn.docs)==null?void 0:fn.source}}};var mn,wn,Vn;C.parameters={...C.parameters,docs:{...(mn=C.parameters)==null?void 0:mn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -244,7 +244,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(we=(me=C.parameters)==null?void 0:me.docs)==null?void 0:we.source}}};var Ve,xe,ye;T.parameters={...T.parameters,docs:{...(Ve=T.parameters)==null?void 0:Ve.docs,source:{originalSource:`function () {
+}`,...(Vn=(wn=C.parameters)==null?void 0:wn.docs)==null?void 0:Vn.source}}};var xn,yn,Cn;T.parameters={...T.parameters,docs:{...(xn=T.parameters)==null?void 0:xn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -265,7 +265,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(ye=(xe=T.parameters)==null?void 0:xe.docs)==null?void 0:ye.source}}};var Ce,Te,be;b.parameters={...b.parameters,docs:{...(Ce=b.parameters)==null?void 0:Ce.docs,source:{originalSource:`function () {
+}`,...(Cn=(yn=T.parameters)==null?void 0:yn.docs)==null?void 0:Cn.source}}};var Tn,bn,Sn;b.parameters={...b.parameters,docs:{...(Tn=b.parameters)==null?void 0:Tn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -292,7 +292,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(be=(Te=b.parameters)==null?void 0:Te.docs)==null?void 0:be.source}}};var Se,De,He;S.parameters={...S.parameters,docs:{...(Se=S.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
+}`,...(Sn=(bn=b.parameters)==null?void 0:bn.docs)==null?void 0:Sn.source}}};var Dn,Hn,En;S.parameters={...S.parameters,docs:{...(Dn=S.parameters)==null?void 0:Dn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -313,7 +313,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(He=(De=S.parameters)==null?void 0:De.docs)==null?void 0:He.source}}};var Ee,Oe,Me;D.parameters={...D.parameters,docs:{...(Ee=D.parameters)==null?void 0:Ee.docs,source:{originalSource:`function () {
+}`,...(En=(Hn=S.parameters)==null?void 0:Hn.docs)==null?void 0:En.source}}};var On,Mn,An;D.parameters={...D.parameters,docs:{...(On=D.parameters)==null?void 0:On.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -341,7 +341,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(Me=(Oe=D.parameters)==null?void 0:Oe.docs)==null?void 0:Me.source}}};var Ae,Le,qe;H.parameters={...H.parameters,docs:{...(Ae=H.parameters)==null?void 0:Ae.docs,source:{originalSource:`function () {
+}`,...(An=(Mn=D.parameters)==null?void 0:Mn.docs)==null?void 0:An.source}}};var Ln,qn,zn;H.parameters={...H.parameters,docs:{...(Ln=H.parameters)==null?void 0:Ln.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -363,7 +363,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(qe=(Le=H.parameters)==null?void 0:Le.docs)==null?void 0:qe.source}}};var ze,Ie,Je;E.parameters={...E.parameters,docs:{...(ze=E.parameters)==null?void 0:ze.docs,source:{originalSource:`function () {
+}`,...(zn=(qn=H.parameters)==null?void 0:qn.docs)==null?void 0:zn.source}}};var In,Jn,Xn;E.parameters={...E.parameters,docs:{...(In=E.parameters)==null?void 0:In.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -391,7 +391,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(Je=(Ie=E.parameters)==null?void 0:Ie.docs)==null?void 0:Je.source}}};var Xe,ke,$e;O.parameters={...O.parameters,docs:{...(Xe=O.parameters)==null?void 0:Xe.docs,source:{originalSource:`function () {
+}`,...(Xn=(Jn=E.parameters)==null?void 0:Jn.docs)==null?void 0:Xn.source}}};var kn,$n,Rn;O.parameters={...O.parameters,docs:{...(kn=O.parameters)==null?void 0:kn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -413,7 +413,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...($e=(ke=O.parameters)==null?void 0:ke.docs)==null?void 0:$e.source}}};var Re,Fe,Be;M.parameters={...M.parameters,docs:{...(Re=M.parameters)==null?void 0:Re.docs,source:{originalSource:`function () {
+}`,...(Rn=($n=O.parameters)==null?void 0:$n.docs)==null?void 0:Rn.source}}};var Fn,Bn,Yn;M.parameters={...M.parameters,docs:{...(Fn=M.parameters)==null?void 0:Fn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -440,7 +440,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(Be=(Fe=M.parameters)==null?void 0:Fe.docs)==null?void 0:Be.source}}};var Ye,Pe,We;A.parameters={...A.parameters,docs:{...(Ye=A.parameters)==null?void 0:Ye.docs,source:{originalSource:`function () {
+}`,...(Yn=(Bn=M.parameters)==null?void 0:Bn.docs)==null?void 0:Yn.source}}};var Pn,Wn,_n;A.parameters={...A.parameters,docs:{...(Pn=A.parameters)==null?void 0:Pn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -461,7 +461,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(We=(Pe=A.parameters)==null?void 0:Pe.docs)==null?void 0:We.source}}};var _e,Ue,je;L.parameters={...L.parameters,docs:{...(_e=L.parameters)==null?void 0:_e.docs,source:{originalSource:`function () {
+}`,...(_n=(Wn=A.parameters)==null?void 0:Wn.docs)==null?void 0:_n.source}}};var Un,jn,Gn;L.parameters={...L.parameters,docs:{...(Un=L.parameters)==null?void 0:Un.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [{
     value: 'foo'
@@ -488,7 +488,7 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(je=(Ue=L.parameters)==null?void 0:Ue.docs)==null?void 0:je.source}}};var Ge,Ke,Ne;q.parameters={...q.parameters,docs:{...(Ge=q.parameters)==null?void 0:Ge.docs,source:{originalSource:`function () {
+}`,...(Gn=(jn=L.parameters)==null?void 0:jn.docs)==null?void 0:Gn.source}}};var Kn,Nn,Qn;q.parameters={...q.parameters,docs:{...(Kn=q.parameters)==null?void 0:Kn.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(null);
   const options: Array = [...Array(100).keys()].map(function (index) {
     return {
@@ -509,5 +509,4 @@ import{h as i}from"./create-component-b0512abd.js";import{u as Qe}from"./use-ini
   return 

       
     
;
-}`,...(Ne=(Ke=q.parameters)==null?void 0:Ke.docs)==null?void 0:Ne.source}}};const fn=["Empty","EmptyManyOptions","Placeholder","Filled","FilledManyOptions","Focused","Disabled","OptionDisabled","OptionText","Icon","TextIcon","OnValueChange","TopLeft","TopLeftManyOptions","TopRight","TopRightManyOptions","MiddleLeft","MiddleLeftManyOptions","MiddleRight","MiddleRightManyOptions","BottomLeft","BottomLeftManyOptions","BottomRight","BottomRightManyOptions"];export{M as BottomLeft,A as BottomLeftManyOptions,L as BottomRight,q as BottomRightManyOptions,f as Disabled,c as Empty,d as EmptyManyOptions,v as Filled,g as FilledManyOptions,h as Focused,V as Icon,D as MiddleLeft,H as MiddleLeftManyOptions,E as MiddleRight,O as MiddleRightManyOptions,y as OnValueChange,m as OptionDisabled,w as OptionText,p as Placeholder,x as TextIcon,C as TopLeft,T as TopLeftManyOptions,b as TopRight,S as TopRightManyOptions,fn as __namedExportsOrder,hn as default};
-//# sourceMappingURL=dropdown-underline.stories-e6dc4cf6.js.map
+}`,...(Qn=(Nn=q.parameters)==null?void 0:Nn.docs)==null?void 0:Qn.source}}};const fe=["Empty","EmptyManyOptions","Placeholder","Filled","FilledManyOptions","Focused","Disabled","OptionDisabled","OptionText","Icon","TextIcon","OnValueChange","TopLeft","TopLeftManyOptions","TopRight","TopRightManyOptions","MiddleLeft","MiddleLeftManyOptions","MiddleRight","MiddleRightManyOptions","BottomLeft","BottomLeftManyOptions","BottomRight","BottomRightManyOptions"];export{M as BottomLeft,A as BottomLeftManyOptions,L as BottomRight,q as BottomRightManyOptions,f as Disabled,c as Empty,d as EmptyManyOptions,v as Filled,g as FilledManyOptions,h as Focused,V as Icon,D as MiddleLeft,H as MiddleLeftManyOptions,E as MiddleRight,O as MiddleRightManyOptions,y as OnValueChange,m as OptionDisabled,w as OptionText,p as Placeholder,x as TextIcon,C as TopLeft,T as TopLeftManyOptions,b as TopRight,S as TopRightManyOptions,fe as __namedExportsOrder,he as default};
diff --git a/storybook/assets/dropdown-underline.stories-e6dc4cf6.js.map b/storybook/assets/dropdown-underline.stories-e6dc4cf6.js.map
deleted file mode 100644
index 14d90deb9..000000000
--- a/storybook/assets/dropdown-underline.stories-e6dc4cf6.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-underline.stories-e6dc4cf6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/entry-preview-ESHCePHL.js b/storybook/assets/entry-preview-ESHCePHL.js
new file mode 100644
index 000000000..8443a1507
--- /dev/null
+++ b/storybook/assets/entry-preview-ESHCePHL.js
@@ -0,0 +1,9 @@
+import{y as m,p as y,g as $,q as h}from"./preact.module-pS-_M4k6.js";function w(r){for(var e=[],t=1;t{let{id:t,component:n}=e;if(!n)throw new Error(`Unable to render story ${t} as the component annotation is missing from the default export`);return x(n,{...r})},l;function g(r,e){$?h(r,e):l=h(r,e,l)}var C=({showError:r,name:e,title:t,storyFn:n,canvasElement:u})=>m(n,null)||(r({title:`Expecting a Preact element from the story: "${e}" of "${t}".`,description:w`
+        Did you forget to return the Preact element from the story?
+        Use "() => ()" or "() => { return ; }" when defining the story.
+      `}),null);function b({storyFn:r,title:e,name:t,showMain:n,showError:u,forceRemount:d},a){d&&g(null,a),n(),g(m(C,{name:t,title:e,showError:u,storyFn:r,canvasElement:a}),a)}var E={renderer:"preact"};export{E as parameters,S as render,b as renderToCanvas};
diff --git a/storybook/assets/file-comparator-3bc6e99f.js.map b/storybook/assets/file-comparator-3bc6e99f.js.map
deleted file mode 100644
index 4daa7ad1c..000000000
--- a/storybook/assets/file-comparator-3bc6e99f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-comparator-3bc6e99f.js","sources":["../../src/components/file-upload/private/file-comparator.ts"],"sourcesContent":["export function fileComparator(a: File, b: File): number {\n  const aName = a.name.toLowerCase()\n  const bName = b.name.toLowerCase()\n  if (aName !== bName) {\n    return aName.localeCompare(bName)\n  }\n  return a.lastModified - b.lastModified\n}\n"],"names":["fileComparator","a","b","aName","name","toLowerCase","bName","localeCompare","lastModified"],"mappings":"AAAgBA,SAAAA,EAAeC,EAASC,EAAiB,CACjDC,MAAAA,EAAQF,EAAEG,KAAKC,YAAY,EAC3BC,EAAQJ,EAAEE,KAAKC,YAAY,EACjC,OAAIF,IAAUG,EACLH,EAAMI,cAAcD,CAAK,EAE3BL,EAAEO,aAAeN,EAAEM,YAC5B"}
\ No newline at end of file
diff --git a/storybook/assets/file-comparator-3bc6e99f.js b/storybook/assets/file-comparator-J4lx6xNz.js
similarity index 73%
rename from storybook/assets/file-comparator-3bc6e99f.js
rename to storybook/assets/file-comparator-J4lx6xNz.js
index a0bd2ab5d..09da0ea15 100644
--- a/storybook/assets/file-comparator-3bc6e99f.js
+++ b/storybook/assets/file-comparator-J4lx6xNz.js
@@ -1,2 +1 @@
 function r(e,o){const a=e.name.toLowerCase(),t=o.name.toLowerCase();return a!==t?a.localeCompare(t):e.lastModified-o.lastModified}export{r as f};
-//# sourceMappingURL=file-comparator-3bc6e99f.js.map
diff --git a/storybook/assets/file-upload-button-ff119540.js b/storybook/assets/file-upload-button-RaAkgiqe.js
similarity index 74%
rename from storybook/assets/file-upload-button-ff119540.js
rename to storybook/assets/file-upload-button-RaAkgiqe.js
index 310295116..44d8ffda1 100644
--- a/storybook/assets/file-upload-button-ff119540.js
+++ b/storybook/assets/file-upload-button-RaAkgiqe.js
@@ -1,2 +1 @@
-import{c as x,T as s}from"./create-component-b0512abd.js";import{c as B}from"./create-class-name-71c46838.js";import{n as e}from"./no-op-cb277961.js";import{b as n}from"./button.module-2bfe3ef2.js";import{L as D}from"./loading-indicator-a4a1d996.js";import{f as U}from"./file-comparator-3bc6e99f.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";const A="_input_1hjkt_1",E="_disabled_1hjkt_11",F="_secondary_1hjkt_15",i={input:A,default:"_default_1hjkt_11",disabled:E,secondary:F},G=x(function({acceptedFileTypes:o=[],children:y,disabled:l=!1,fullWidth:g=!1,loading:a=!1,multiple:k=!1,onChange:u=e,onClick:c=e,onKeyDown:f=e,onMouseDown:d=e,onSelectedFiles:p=e,propagateEscapeKeyDown:h=!0,secondary:m=!1,...j},C){const I=s(function(t){u(t);const _=t.currentTarget.files;if(_===null)throw new Error("`event.currentTarget.files` is `null`");const b=M(_);b.length>0&&p(b)},[u,p]),L=s(function(t){c(t),a===!0&&t.preventDefault()},[c,a]),T=s(function(t){d(t),t.currentTarget.focus()},[d]),w=s(function(t){f(t),t.key==="Escape"&&(h===!1&&t.stopPropagation(),t.currentTarget.blur())},[f,h]);return r("div",{class:B([n.button,m===!0?n.secondary:n.default,m===!0?i.secondary:i.default,g===!0?n.fullWidth:null,l===!0?n.disabled:null,l===!0?i.disabled:null,a===!0?n.loading:null]),children:[a===!0?r("div",{class:n.loadingIndicator,children:r(D,{})}):null,r("input",{...j,ref:C,accept:o.length===0?void 0:o.join(","),class:i.input,disabled:l===!0,multiple:k,onChange:I,onClick:L,onKeyDown:w,onMouseDown:T,tabIndex:0,title:"",type:"file"}),r("button",{disabled:l===!0,tabIndex:-1,children:r("div",{class:n.children,children:y})})]})});function M(o){return Array.prototype.slice.call(o).sort(U)}export{G as F};
-//# sourceMappingURL=file-upload-button-ff119540.js.map
+import{c as x,T as s}from"./create-component-a83A1_Pu.js";import{c as B}from"./create-class-name-gq91Tlk7.js";import{n as e}from"./no-op-Uu3q6ZSj.js";import{b as n}from"./button.module-7LHM3uxw.js";import{L as D}from"./loading-indicator-NeprGR7l.js";import{f as U}from"./file-comparator-J4lx6xNz.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const A="_input_1hjkt_1",E="_disabled_1hjkt_11",F="_secondary_1hjkt_15",i={input:A,default:"_default_1hjkt_11",disabled:E,secondary:F},G=x(function({acceptedFileTypes:o=[],children:y,disabled:l=!1,fullWidth:g=!1,loading:a=!1,multiple:k=!1,onChange:u=e,onClick:c=e,onKeyDown:f=e,onMouseDown:d=e,onSelectedFiles:p=e,propagateEscapeKeyDown:h=!0,secondary:m=!1,...j},C){const I=s(function(t){u(t);const _=t.currentTarget.files;if(_===null)throw new Error("`event.currentTarget.files` is `null`");const b=M(_);b.length>0&&p(b)},[u,p]),L=s(function(t){c(t),a===!0&&t.preventDefault()},[c,a]),T=s(function(t){d(t),t.currentTarget.focus()},[d]),w=s(function(t){f(t),t.key==="Escape"&&(h===!1&&t.stopPropagation(),t.currentTarget.blur())},[f,h]);return r("div",{class:B([n.button,m===!0?n.secondary:n.default,m===!0?i.secondary:i.default,g===!0?n.fullWidth:null,l===!0?n.disabled:null,l===!0?i.disabled:null,a===!0?n.loading:null]),children:[a===!0?r("div",{class:n.loadingIndicator,children:r(D,{})}):null,r("input",{...j,ref:C,accept:o.length===0?void 0:o.join(","),class:i.input,disabled:l===!0,multiple:k,onChange:I,onClick:L,onKeyDown:w,onMouseDown:T,tabIndex:0,title:"",type:"file"}),r("button",{disabled:l===!0,tabIndex:-1,children:r("div",{class:n.children,children:y})})]})});function M(o){return Array.prototype.slice.call(o).sort(U)}export{G as F};
diff --git a/storybook/assets/file-upload-button-de7a1991.css b/storybook/assets/file-upload-button-SeNiXi9q.css
similarity index 100%
rename from storybook/assets/file-upload-button-de7a1991.css
rename to storybook/assets/file-upload-button-SeNiXi9q.css
diff --git a/storybook/assets/file-upload-button-default.stories-7fe0bffe.js b/storybook/assets/file-upload-button-default.stories-4aJFcX-s.js
similarity index 67%
rename from storybook/assets/file-upload-button-default.stories-7fe0bffe.js
rename to storybook/assets/file-upload-button-default.stories-4aJFcX-s.js
index 99722ffec..9253e19b3 100644
--- a/storybook/assets/file-upload-button-default.stories-7fe0bffe.js
+++ b/storybook/assets/file-upload-button-default.stories-4aJFcX-s.js
@@ -1,4 +1,4 @@
-import{u as q}from"./use-initial-focus-57bdde46.js";import{F as l}from"./file-upload-button-ff119540.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./button.module-2bfe3ef2.js";import"./loading-indicator-a4a1d996.js";import"./file-comparator-3bc6e99f.js";const Z={tags:["1"],title:"Components/File Upload Button/Default"},i=function(){function e(n){console.log(n)}return o(l,{onSelectedFiles:e,children:"Text"})},r=function(){function e(n){console.log(n)}return o(l,{...q(),onSelectedFiles:e,children:"Text"})},s=function(){function e(){throw new Error("This function should not be called")}return o(l,{disabled:!0,onSelectedFiles:e,children:"Text"})},c=function(){function e(){throw new Error("This function should not be called")}return o(l,{loading:!0,onSelectedFiles:e,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return o(l,{...q(),loading:!0,onSelectedFiles:e,children:"Text"})},a=function(){function e(){throw new Error("This function should not be called")}return o(l,{disabled:!0,loading:!0,onSelectedFiles:e,children:"Text"})},t=function(){function e(n){console.log(n)}return o(l,{fullWidth:!0,onSelectedFiles:e,children:"Text"})};t.parameters={fixedWidth:!0};const u=function(){const e=["image/x-png","image/gif","image/jpeg"];function n(z){console.log(z)}return o(l,{acceptedFileTypes:e,onSelectedFiles:n,children:"Text"})},p=function(){function e(n){console.log(n)}return o(l,{multiple:!0,onSelectedFiles:e,children:"Text"})};var F,f,h;i.parameters={...i.parameters,docs:{...(F=i.parameters)==null?void 0:F.docs,source:{originalSource:`function () {
+import{u as q}from"./use-initial-focus-xmfxIugy.js";import{F as l}from"./file-upload-button-RaAkgiqe.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./button.module-7LHM3uxw.js";import"./loading-indicator-NeprGR7l.js";import"./file-comparator-J4lx6xNz.js";const Z={tags:["1"],title:"Components/File Upload Button/Default"},i=function(){function e(n){console.log(n)}return o(l,{onSelectedFiles:e,children:"Text"})},r=function(){function e(n){console.log(n)}return o(l,{...q(),onSelectedFiles:e,children:"Text"})},s=function(){function e(){throw new Error("This function should not be called")}return o(l,{disabled:!0,onSelectedFiles:e,children:"Text"})},c=function(){function e(){throw new Error("This function should not be called")}return o(l,{loading:!0,onSelectedFiles:e,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return o(l,{...q(),loading:!0,onSelectedFiles:e,children:"Text"})},a=function(){function e(){throw new Error("This function should not be called")}return o(l,{disabled:!0,loading:!0,onSelectedFiles:e,children:"Text"})},t=function(){function e(n){console.log(n)}return o(l,{fullWidth:!0,onSelectedFiles:e,children:"Text"})};t.parameters={fixedWidth:!0};const u=function(){const e=["image/x-png","image/gif","image/jpeg"];function n(z){console.log(z)}return o(l,{acceptedFileTypes:e,onSelectedFiles:n,children:"Text"})},p=function(){function e(n){console.log(n)}return o(l,{multiple:!0,onSelectedFiles:e,children:"Text"})};var F,f,h;i.parameters={...i.parameters,docs:{...(F=i.parameters)==null?void 0:F.docs,source:{originalSource:`function () {
   function handleSelectedFiles(files: Array) {
     console.log(files);
   }
@@ -63,4 +63,3 @@ import{u as q}from"./use-initial-focus-57bdde46.js";import{F as l}from"./file-up
       Text
     ;
 }`,...(k=(O=p.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};const $=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth","AcceptedFileTypes","MultipleFiles"];export{u as AcceptedFileTypes,s as Disabled,r as Focused,t as FullWidth,c as Loading,a as LoadingDisabled,d as LoadingFocused,p as MultipleFiles,i as Passive,$ as __namedExportsOrder,Z as default};
-//# sourceMappingURL=file-upload-button-default.stories-7fe0bffe.js.map
diff --git a/storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map b/storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map
deleted file mode 100644
index ca10ad780..000000000
--- a/storybook/assets/file-upload-button-default.stories-7fe0bffe.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-button-default.stories-7fe0bffe.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-button-ff119540.js.map b/storybook/assets/file-upload-button-ff119540.js.map
deleted file mode 100644
index 0d43e7288..000000000
--- a/storybook/assets/file-upload-button-ff119540.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-button-ff119540.js","sources":["../../src/components/file-upload/file-upload-button/file-upload-button.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../../types/focusable-component-props.js'\nimport { createClassName } from '../../../utilities/create-class-name.js'\nimport { createComponent } from '../../../utilities/create-component.js'\nimport { noop } from '../../../utilities/no-op.js'\nimport buttonStyles from '../../button/button.module.css'\nimport { LoadingIndicator } from '../../loading-indicator/loading-indicator.js'\nimport { fileComparator } from '../private/file-comparator.js'\nimport fileUploadButtonStyles from './file-upload-button.module.css'\n\nexport interface FileUploadButtonProps\n  extends FocusableComponentProps {\n  acceptedFileTypes?: Array\n  children: ComponentChildren\n  disabled?: boolean\n  fullWidth?: boolean\n  loading?: boolean\n  multiple?: boolean\n  onChange?: EventHandler.onChange\n  onClick?: EventHandler.onClick\n  onMouseDown?: EventHandler.onMouseDown\n  onSelectedFiles?: EventHandler.onSelectedFiles\n  secondary?: boolean\n}\n\nexport const FileUploadButton = createComponent<\n  HTMLInputElement,\n  FileUploadButtonProps\n>(function (\n  {\n    acceptedFileTypes = [],\n    children,\n    disabled = false,\n    fullWidth = false,\n    loading = false,\n    multiple = false,\n    onChange = noop,\n    onClick = noop,\n    onKeyDown = noop,\n    onMouseDown = noop,\n    onSelectedFiles = noop,\n    propagateEscapeKeyDown = true,\n    secondary = false,\n    ...rest\n  },\n  ref\n) {\n  const handleChange = useCallback(\n    function (event: Event.onChange) {\n      onChange(event)\n      const fileList = event.currentTarget.files\n      if (fileList === null) {\n        throw new Error('`event.currentTarget.files` is `null`')\n      }\n      const files = parseFileList(fileList)\n      if (files.length > 0) {\n        onSelectedFiles(files)\n      }\n    },\n    [onChange, onSelectedFiles]\n  )\n\n  const handleClick = useCallback(\n    function (event: Event.onClick) {\n      onClick(event)\n      if (loading === true) {\n        event.preventDefault()\n      }\n    },\n    [onClick, loading]\n  )\n\n  const handleMouseDown = useCallback(\n    function (event: Event.onClick) {\n      onMouseDown(event)\n      event.currentTarget.focus()\n    },\n    [onMouseDown]\n  )\n\n  const handleKeyDown = useCallback(\n    function (event: Event.onKeyDown) {\n      onKeyDown(event)\n      if (event.key === 'Escape') {\n        if (propagateEscapeKeyDown === false) {\n          event.stopPropagation()\n        }\n        event.currentTarget.blur()\n      }\n    },\n    [onKeyDown, propagateEscapeKeyDown]\n  )\n\n  return (\n    \n      {loading === true ? (\n        
\n          \n        
\n      ) : null}\n      \n      \n    
\n  )\n})\n\nfunction parseFileList(fileList: FileList): Array {\n  return Array.prototype.slice.call(fileList).sort(fileComparator)\n}\n"],"names":["FileUploadButton","createComponent","acceptedFileTypes","children","disabled","fullWidth","loading","multiple","onChange","noop","onClick","onKeyDown","onMouseDown","onSelectedFiles","propagateEscapeKeyDown","secondary","rest","ref","handleChange","useCallback","event","fileList","currentTarget","files","Error","parseFileList","length","handleClick","preventDefault","handleMouseDown","focus","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","buttonStyles","button","default","fileUploadButtonStyles","_jsx","loadingIndicator","LoadingIndicator","accept","undefined","join","input","tabIndex","title","type","Array","prototype","slice","call","sort","fileComparator"],"mappings":"ueA4BaA,EAAmBC,EAG9B,SACA,CACEC,kBAAAA,EAAoB,CAAE,EACtBC,SAAAA,EACAC,SAAAA,EAAW,GACXC,UAAAA,EAAY,GACZC,QAAAA,EAAU,GACVC,SAAAA,EAAW,GACXC,SAAAA,EAAWC,EACXC,QAAAA,EAAUD,EACVE,UAAAA,EAAYF,EACZG,YAAAA,EAAcH,EACdI,gBAAAA,EAAkBJ,EAClBK,uBAAAA,EAAyB,GACzBC,UAAAA,EAAY,GACZ,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDZ,EAASY,CAAK,EACRC,MAAAA,EAAWD,EAAME,cAAcC,MACrC,GAAIF,IAAa,KACT,MAAA,IAAIG,MAAM,uCAAuC,EAEnDD,MAAAA,EAAQE,EAAcJ,CAAQ,EAChCE,EAAMG,OAAS,GACjBb,EAAgBU,CAAK,CACvB,EAEF,CAACf,EAAUK,CAAe,CAC5B,EAEMc,EAAcR,EAClB,SAAUC,EAAwC,CAChDV,EAAQU,CAAK,EACTd,IAAY,IACdc,EAAMQ,eAAe,CACvB,EAEF,CAAClB,EAASJ,CAAO,CACnB,EAEMuB,EAAkBV,EACtB,SAAUC,EAAwC,CAChDR,EAAYQ,CAAK,EACjBA,EAAME,cAAcQ,OAAM,EAE5B,CAAClB,CAAW,CACd,EAEMmB,EAAgBZ,EACpB,SAAUC,EAA0C,CAClDT,EAAUS,CAAK,EACXA,EAAMY,MAAQ,WACZlB,IAA2B,IAC7BM,EAAMa,gBAAgB,EAExBb,EAAME,cAAcY,OACtB,EAEF,CAACvB,EAAWG,CAAsB,CACpC,EAEA,OACEqB,EAAA,MAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAaC,OACbxB,IAAc,GAAOuB,EAAavB,UAAYuB,EAAaE,QAC3DzB,IAAc,GACV0B,EAAuB1B,UACvB0B,EAAuBD,QAC3BnC,IAAc,GAAOiC,EAAajC,UAAY,KAC9CD,IAAa,GAAOkC,EAAalC,SAAW,KAC5CA,IAAa,GAAOqC,EAAuBrC,SAAW,KACtDE,IAAY,GAAOgC,EAAahC,QAAU,IAAI,CAC/C,EAAEH,SAEFG,CAAAA,IAAY,GACXoC,EAAA,MAAA,CAAKN,MAAOE,EAAaK,iBAAiBxC,SACxCuC,EAACE,EAAkB,EAAA,CAAA,CAChB,EACH,KACJF,EAAA,QAAA,CAAA,GACM1B,EACJC,IAAAA,EACA4B,OACE3C,EAAkBwB,SAAW,EACzBoB,OACA5C,EAAkB6C,KAAK,GAAG,EAEhCX,MAAOK,EAAuBO,MAC9B5C,SAAUA,IAAa,GACvBG,SAAAA,EACAC,SAAUU,EACVR,QAASiB,EACThB,UAAWoB,EACXnB,YAAaiB,EACboB,SAAU,EACVC,MAAM,GACNC,KAAK,MAAA,CACN,EACDT,EAAA,SAAA,CAAQtC,SAAUA,IAAa,GAAM6C,SAAU,GAAG9C,SAChDuC,EAAA,MAAA,CAAKN,MAAOE,EAAanC,SAASA,SAAAA,CAAAA,CAAgB,CAAA,CAC5C,CAAC,CAAA,CACN,CAET,CAAC,EAED,SAASsB,EAAcJ,EAAiC,CACtD,OAAO+B,MAAMC,UAAUC,MAAMC,KAAKlC,CAAQ,EAAEmC,KAAKC,CAAc,CACjE"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map b/storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map
deleted file mode 100644
index a55d53896..000000000
--- a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-button-secondary.stories-2b0091be.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js b/storybook/assets/file-upload-button-secondary.stories-H4wo7EAP.js
similarity index 91%
rename from storybook/assets/file-upload-button-secondary.stories-2b0091be.js
rename to storybook/assets/file-upload-button-secondary.stories-H4wo7EAP.js
index 328bea665..204205260 100644
--- a/storybook/assets/file-upload-button-secondary.stories-2b0091be.js
+++ b/storybook/assets/file-upload-button-secondary.stories-H4wo7EAP.js
@@ -1,4 +1,4 @@
-import{u as q}from"./use-initial-focus-57bdde46.js";import{F as o}from"./file-upload-button-ff119540.js";import{o as t}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./button.module-2bfe3ef2.js";import"./loading-indicator-a4a1d996.js";import"./file-comparator-3bc6e99f.js";const Z={tags:["2"],title:"Components/File Upload Button/Secondary"},r=function(){function e(n){console.log(n)}return t(o,{onSelectedFiles:e,secondary:!0,children:"Text"})},s=function(){function e(n){console.log(n)}return t(o,{...q(),onSelectedFiles:e,secondary:!0,children:"Text"})},i=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},c=function(){function e(){throw new Error("This function should not be called")}return t(o,{loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return t(o,{...q(),loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},a=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},l=function(){function e(n){console.log(n)}return t(o,{fullWidth:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};l.parameters={fixedWidth:!0};const u=function(){const e=["image/x-png","image/gif","image/jpeg"];function n(z){console.log(z)}return t(o,{acceptedFileTypes:e,onSelectedFiles:n,secondary:!0,children:"Text"})},p=function(){function e(n){console.log(n)}return t(o,{multiple:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};var F,h,f;r.parameters={...r.parameters,docs:{...(F=r.parameters)==null?void 0:F.docs,source:{originalSource:`function () {
+import{u as q}from"./use-initial-focus-xmfxIugy.js";import{F as o}from"./file-upload-button-RaAkgiqe.js";import{u as t}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./button.module-7LHM3uxw.js";import"./loading-indicator-NeprGR7l.js";import"./file-comparator-J4lx6xNz.js";const Z={tags:["2"],title:"Components/File Upload Button/Secondary"},r=function(){function e(n){console.log(n)}return t(o,{onSelectedFiles:e,secondary:!0,children:"Text"})},s=function(){function e(n){console.log(n)}return t(o,{...q(),onSelectedFiles:e,secondary:!0,children:"Text"})},i=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},c=function(){function e(){throw new Error("This function should not be called")}return t(o,{loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return t(o,{...q(),loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},a=function(){function e(){throw new Error("This function should not be called")}return t(o,{disabled:!0,loading:!0,onSelectedFiles:e,secondary:!0,children:"Text"})},l=function(){function e(n){console.log(n)}return t(o,{fullWidth:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};l.parameters={fixedWidth:!0};const u=function(){const e=["image/x-png","image/gif","image/jpeg"];function n(z){console.log(z)}return t(o,{acceptedFileTypes:e,onSelectedFiles:n,secondary:!0,children:"Text"})},p=function(){function e(n){console.log(n)}return t(o,{multiple:!0,onSelectedFiles:e,secondary:!0,children:"Text"})};var F,h,f;r.parameters={...r.parameters,docs:{...(F=r.parameters)==null?void 0:F.docs,source:{originalSource:`function () {
   function handleSelectedFiles(files: Array) {
     console.log(files);
   }
@@ -63,4 +63,3 @@ import{u as q}from"./use-initial-focus-57bdde46.js";import{F as o}from"./file-up
       Text
     ;
 }`,...(k=(O=p.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};const $=["Passive","Focused","Disabled","Loading","LoadingFocused","LoadingDisabled","FullWidth","AcceptedFileTypes","MultipleFiles"];export{u as AcceptedFileTypes,i as Disabled,s as Focused,l as FullWidth,c as Loading,a as LoadingDisabled,d as LoadingFocused,p as MultipleFiles,r as Passive,$ as __namedExportsOrder,Z as default};
-//# sourceMappingURL=file-upload-button-secondary.stories-2b0091be.js.map
diff --git a/storybook/assets/file-upload-dropzone-66f5398d.js.map b/storybook/assets/file-upload-dropzone-66f5398d.js.map
deleted file mode 100644
index f996e9290..000000000
--- a/storybook/assets/file-upload-dropzone-66f5398d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-dropzone-66f5398d.js","sources":["../../src/components/file-upload/file-upload-dropzone/file-upload-dropzone.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback, useState } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../../types/focusable-component-props.js'\nimport { createClassName } from '../../../utilities/create-class-name.js'\nimport { createComponent } from '../../../utilities/create-component.js'\nimport { noop } from '../../../utilities/no-op.js'\nimport { fileComparator } from '../private/file-comparator.js'\nimport styles from './file-upload-dropzone.module.css'\n\nexport interface FileUploadDropzoneProps\n  extends FocusableComponentProps {\n  acceptedFileTypes?: Array\n  children: ComponentChildren\n  multiple?: boolean\n  onBlur?: EventHandler.onBlur\n  onChange?: EventHandler.onChange\n  onDragEnd?: EventHandler.onDragEnd\n  onDragEnter?: EventHandler.onDragEnter\n  onDragOver?: EventHandler.onDragOver\n  onDrop?: EventHandler.onDrop\n  onSelectedFiles?: EventHandler.onSelectedFiles\n}\n\nexport const FileUploadDropzone = createComponent<\n  HTMLInputElement,\n  FileUploadDropzoneProps\n>(function (\n  {\n    acceptedFileTypes = [],\n    children,\n    multiple = false,\n    onBlur = noop,\n    onChange = noop,\n    onDragEnd = noop,\n    onDragEnter = noop,\n    onDragOver = noop,\n    onDrop = noop,\n    onKeyDown = noop,\n    onSelectedFiles = noop,\n    propagateEscapeKeyDown = true,\n    ...rest\n  },\n  ref\n) {\n  const [isDropActive, setIsDropActive] = useState(false)\n\n  const handleBlur = useCallback(\n    function (event: Event.onBlur) {\n      onBlur(event)\n      setIsDropActive(false)\n    },\n    [onBlur]\n  )\n\n  const handleChange = useCallback(\n    function (event: Event.onChange) {\n      onChange(event)\n      const fileList = event.currentTarget.files\n      if (fileList === null) {\n        throw new Error('`event.currentTarget.files` is `null`')\n      }\n      const files = parseFileList({ acceptedFileTypes, fileList })\n      if (files.length > 0) {\n        onSelectedFiles(files)\n      }\n    },\n    [acceptedFileTypes, onChange, onSelectedFiles]\n  )\n\n  const handleDragEnter = useCallback(\n    function (event: Event.onDragEnter) {\n      onDragEnter(event)\n      event.preventDefault()\n    },\n    [onDragEnter]\n  )\n\n  const handleDragOver = useCallback(\n    function (event: Event.onDragOver) {\n      onDragOver(event)\n      event.preventDefault()\n      setIsDropActive(true)\n    },\n    [onDragOver]\n  )\n\n  const handleDragEnd = useCallback(\n    function (event: Event.onDragEnd) {\n      onDragEnd(event)\n      event.preventDefault()\n      setIsDropActive(false)\n    },\n    [onDragEnd]\n  )\n\n  const handleDrop = useCallback(\n    function (event: Event.onDrop) {\n      onDrop(event)\n      if (event.dataTransfer === null) {\n        throw new Error('`event.dataTransfer` is `null`')\n      }\n      event.preventDefault()\n      const fileList = event.dataTransfer.files\n      const files = parseFileList({ acceptedFileTypes, fileList })\n      if (files.length > 0) {\n        onSelectedFiles(files)\n      }\n      setIsDropActive(false)\n    },\n    [acceptedFileTypes, onDrop, onSelectedFiles]\n  )\n\n  const handleKeyDown = useCallback(\n    function (event: Event.onKeyDown) {\n      onKeyDown(event)\n      if (event.key === 'Escape') {\n        if (propagateEscapeKeyDown === false) {\n          event.stopPropagation()\n        }\n        event.currentTarget.blur()\n      }\n    },\n    [onKeyDown, propagateEscapeKeyDown]\n  )\n\n  return (\n    \n      \n      
\n      
\n      
{children}
\n    
\n  )\n})\n\nfunction parseFileList(options: {\n  fileList: FileList\n  acceptedFileTypes: Array\n}): Array {\n  const { fileList, acceptedFileTypes } = options\n  const result = Array.prototype.slice.call(fileList).sort(fileComparator)\n  if (acceptedFileTypes.length === 0) {\n    return result\n  }\n  return result.filter(function (file): boolean {\n    return acceptedFileTypes.indexOf(file.type) !== -1\n  })\n}\n"],"names":["FileUploadDropzone","createComponent","acceptedFileTypes","children","multiple","onBlur","noop","onChange","onDragEnd","onDragEnter","onDragOver","onDrop","onKeyDown","onSelectedFiles","propagateEscapeKeyDown","rest","ref","isDropActive","setIsDropActive","useState","handleBlur","useCallback","event","handleChange","fileList","currentTarget","files","Error","parseFileList","length","handleDragEnter","preventDefault","handleDragOver","handleDragEnd","handleDrop","dataTransfer","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","fileUploadDropzone","_jsx","accept","undefined","join","input","tabIndex","title","type","fill","border","options","result","Array","prototype","slice","call","sort","fileComparator","filter","file","indexOf"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-dropzone-66f5398d.js b/storybook/assets/file-upload-dropzone-URJ26_Ps.js
similarity index 84%
rename from storybook/assets/file-upload-dropzone-66f5398d.js
rename to storybook/assets/file-upload-dropzone-URJ26_Ps.js
index 45cc9de20..2cff642cb 100644
--- a/storybook/assets/file-upload-dropzone-66f5398d.js
+++ b/storybook/assets/file-upload-dropzone-URJ26_Ps.js
@@ -1,2 +1 @@
-import{c as I,h as O,T as o}from"./create-component-b0512abd.js";import{c as j}from"./create-class-name-71c46838.js";import{n}from"./no-op-cb277961.js";import{f as k}from"./file-comparator-3bc6e99f.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";const B="_fileUploadDropzone_111vt_1",N="_isDropActive_111vt_8",P="_input_111vt_12",q="_border_111vt_13",G="_children_111vt_38",i={fileUploadDropzone:B,isDropActive:N,input:P,border:q,children:G},R=I(function({acceptedFileTypes:t=[],children:d,multiple:a=!1,onBlur:s=n,onChange:f=n,onDragEnd:h=n,onDragEnter:D=n,onDragOver:_=n,onDrop:m=n,onKeyDown:v=n,onSelectedFiles:c=n,propagateEscapeKeyDown:g=!0,...b},z){const[U,u]=O(!1),w=o(function(r){s(r),u(!1)},[s]),C=o(function(r){f(r);const p=r.currentTarget.files;if(p===null)throw new Error("`event.currentTarget.files` is `null`");const l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l)},[t,f,c]),E=o(function(r){D(r),r.preventDefault()},[D]),L=o(function(r){_(r),r.preventDefault(),u(!0)},[_]),x=o(function(r){h(r),r.preventDefault(),u(!1)},[h]),T=o(function(r){if(m(r),r.dataTransfer===null)throw new Error("`event.dataTransfer` is `null`");r.preventDefault();const p=r.dataTransfer.files,l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l),u(!1)},[t,m,c]),y=o(function(r){v(r),r.key==="Escape"&&(g===!1&&r.stopPropagation(),r.currentTarget.blur())},[v,g]);return e("div",{class:j([i.fileUploadDropzone,U===!0?i.isDropActive:null]),children:[e("input",{...b,ref:z,accept:t.length===0?void 0:t.join(","),class:i.input,multiple:a,onBlur:w,onChange:C,onDragEnd:x,onDragEnter:E,onDragOver:L,onDrop:T,onKeyDown:y,tabIndex:0,title:"",type:"file"}),e("div",{class:i.fill}),e("div",{class:i.border}),e("div",{class:i.children,children:d})]})});function A(t){const{fileList:d,acceptedFileTypes:a}=t,s=Array.prototype.slice.call(d).sort(k);return a.length===0?s:s.filter(function(f){return a.indexOf(f.type)!==-1})}export{R as F};
-//# sourceMappingURL=file-upload-dropzone-66f5398d.js.map
+import{c as I,h as O,T as o}from"./create-component-a83A1_Pu.js";import{c as j}from"./create-class-name-gq91Tlk7.js";import{n}from"./no-op-Uu3q6ZSj.js";import{f as k}from"./file-comparator-J4lx6xNz.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";const B="_fileUploadDropzone_111vt_1",N="_isDropActive_111vt_8",P="_input_111vt_12",q="_border_111vt_13",G="_children_111vt_38",i={fileUploadDropzone:B,isDropActive:N,input:P,border:q,children:G},R=I(function({acceptedFileTypes:t=[],children:d,multiple:a=!1,onBlur:s=n,onChange:f=n,onDragEnd:h=n,onDragEnter:D=n,onDragOver:_=n,onDrop:m=n,onKeyDown:v=n,onSelectedFiles:c=n,propagateEscapeKeyDown:g=!0,...b},z){const[U,u]=O(!1),w=o(function(r){s(r),u(!1)},[s]),C=o(function(r){f(r);const p=r.currentTarget.files;if(p===null)throw new Error("`event.currentTarget.files` is `null`");const l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l)},[t,f,c]),E=o(function(r){D(r),r.preventDefault()},[D]),L=o(function(r){_(r),r.preventDefault(),u(!0)},[_]),x=o(function(r){h(r),r.preventDefault(),u(!1)},[h]),T=o(function(r){if(m(r),r.dataTransfer===null)throw new Error("`event.dataTransfer` is `null`");r.preventDefault();const p=r.dataTransfer.files,l=A({acceptedFileTypes:t,fileList:p});l.length>0&&c(l),u(!1)},[t,m,c]),y=o(function(r){v(r),r.key==="Escape"&&(g===!1&&r.stopPropagation(),r.currentTarget.blur())},[v,g]);return e("div",{class:j([i.fileUploadDropzone,U===!0?i.isDropActive:null]),children:[e("input",{...b,ref:z,accept:t.length===0?void 0:t.join(","),class:i.input,multiple:a,onBlur:w,onChange:C,onDragEnd:x,onDragEnter:E,onDragOver:L,onDrop:T,onKeyDown:y,tabIndex:0,title:"",type:"file"}),e("div",{class:i.fill}),e("div",{class:i.border}),e("div",{class:i.children,children:d})]})});function A(t){const{fileList:d,acceptedFileTypes:a}=t,s=Array.prototype.slice.call(d).sort(k);return a.length===0?s:s.filter(function(f){return a.indexOf(f.type)!==-1})}export{R as F};
diff --git a/storybook/assets/file-upload-dropzone-63bdf16e.css b/storybook/assets/file-upload-dropzone-uTRHkxG-.css
similarity index 100%
rename from storybook/assets/file-upload-dropzone-63bdf16e.css
rename to storybook/assets/file-upload-dropzone-uTRHkxG-.css
diff --git a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map b/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map
deleted file mode 100644
index 06fe67225..000000000
--- a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-dropzone.stories-2f3f47d4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js b/storybook/assets/file-upload-dropzone.stories-OsAqkA9U.js
similarity index 84%
rename from storybook/assets/file-upload-dropzone.stories-2f3f47d4.js
rename to storybook/assets/file-upload-dropzone.stories-OsAqkA9U.js
index 377ff1c1e..5250dc405 100644
--- a/storybook/assets/file-upload-dropzone.stories-2f3f47d4.js
+++ b/storybook/assets/file-upload-dropzone.stories-OsAqkA9U.js
@@ -1,4 +1,4 @@
-import{u as D}from"./use-initial-focus-57bdde46.js";import{M as c}from"./muted-c4f74b69.js";import{T as s}from"./text-72c2365d.js";import{F as a}from"./file-upload-dropzone-66f5398d.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./file-comparator-3bc6e99f.js";const O={parameters:{fixedWidth:!0},title:"Components/File Upload Dropzone"},o=function(){function n(l){console.log(l)}return e(a,{onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},t=function(){function n(l){console.log(l)}return e(a,{...D(),onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},i=function(){const n=["image/x-png","image/gif","image/jpeg"];function l(z){console.log(z)}return e(a,{acceptedFileTypes:n,onSelectedFiles:l,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},r=function(){function n(l){console.log(l)}return e(a,{multiple:!0,onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})};var d,p,u;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
+import{u as D}from"./use-initial-focus-xmfxIugy.js";import{M as c}from"./muted-FAkxyWMe.js";import{T as s}from"./text-SssoFudj.js";import{F as a}from"./file-upload-dropzone-URJ26_Ps.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./file-comparator-J4lx6xNz.js";const O={parameters:{fixedWidth:!0},title:"Components/File Upload Dropzone"},o=function(){function n(l){console.log(l)}return e(a,{onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},t=function(){function n(l){console.log(l)}return e(a,{...D(),onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},i=function(){const n=["image/x-png","image/gif","image/jpeg"];function l(z){console.log(z)}return e(a,{acceptedFileTypes:n,onSelectedFiles:l,children:e(s,{align:"center",children:e(c,{children:"Text"})})})},r=function(){function n(l){console.log(l)}return e(a,{multiple:!0,onSelectedFiles:n,children:e(s,{align:"center",children:e(c,{children:"Text"})})})};var d,p,u;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`function () {
   function handleSelectedFiles(files: Array) {
     console.log(files);
   }
@@ -36,4 +36,3 @@ import{u as D}from"./use-initial-focus-57bdde46.js";import{M as c}from"./muted-c
       
     ;
 }`,...(M=(x=r.parameters)==null?void 0:x.docs)==null?void 0:M.source}}};const W=["Passive","Focused","AcceptedFileTypes","MultipleFiles"];export{i as AcceptedFileTypes,t as Focused,r as MultipleFiles,o as Passive,W as __namedExportsOrder,O as default};
-//# sourceMappingURL=file-upload-dropzone.stories-2f3f47d4.js.map
diff --git a/storybook/assets/get-current-from-ref-47f174f6.js.map b/storybook/assets/get-current-from-ref-47f174f6.js.map
deleted file mode 100644
index 648956674..000000000
--- a/storybook/assets/get-current-from-ref-47f174f6.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"get-current-from-ref-47f174f6.js","sources":["../../src/utilities/get-current-from-ref.ts"],"sourcesContent":["import { RefObject } from 'preact'\n\nexport function getCurrentFromRef(ref: RefObject): R {\n  if (ref.current === null) {\n    throw new Error('`ref.current` is `undefined`')\n  }\n  return ref.current\n}\n"],"names":["getCurrentFromRef","ref","current","Error"],"mappings":"AAEO,SAASA,EAAqBC,EAAsB,CACrDA,GAAAA,EAAIC,UAAY,KACZ,MAAA,IAAIC,MAAM,8BAA8B,EAEhD,OAAOF,EAAIC,OACb"}
\ No newline at end of file
diff --git a/storybook/assets/get-current-from-ref-47f174f6.js b/storybook/assets/get-current-from-ref-KzY6_NOj.js
similarity index 66%
rename from storybook/assets/get-current-from-ref-47f174f6.js
rename to storybook/assets/get-current-from-ref-KzY6_NOj.js
index 3413b716e..f1b490583 100644
--- a/storybook/assets/get-current-from-ref-47f174f6.js
+++ b/storybook/assets/get-current-from-ref-KzY6_NOj.js
@@ -1,2 +1 @@
 function e(r){if(r.current===null)throw new Error("`ref.current` is `undefined`");return r.current}export{e as g};
-//# sourceMappingURL=get-current-from-ref-47f174f6.js.map
diff --git a/storybook/assets/icon-12.stories-246a554b.js b/storybook/assets/icon-12.stories-246a554b.js
deleted file mode 100644
index a09f9791c..000000000
--- a/storybook/assets/icon-12.stories-246a554b.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import{I as d}from"./icon-control-checkbox-checked-12-fd838326.js";import{c as C}from"./create-icon-59b2c318.js";import{o as i}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const m=C("M9 7H3V5h6v2Z",{height:12,width:12}),k={parameters:{fixedWidth:!1},title:"Icons/Size 12"},o=function(){return i(d,{})},e=function(){return i(m,{})};var r,t,c;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`function () {
-  return ;
-}`,...(c=(t=o.parameters)==null?void 0:t.docs)==null?void 0:c.source}}};var n,s,a;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
-  return ;
-}`,...(a=(s=e.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const f=["ControlCheckboxChecked","ControlCheckboxMixed"];export{o as ControlCheckboxChecked,e as ControlCheckboxMixed,f as __namedExportsOrder,k as default};
-//# sourceMappingURL=icon-12.stories-246a554b.js.map
diff --git a/storybook/assets/icon-12.stories-246a554b.js.map b/storybook/assets/icon-12.stories-246a554b.js.map
deleted file mode 100644
index 682051924..000000000
--- a/storybook/assets/icon-12.stories-246a554b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-12.stories-246a554b.js","sources":["../../src/icons/icon-12/icon-control-checkbox-mixed-12.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconControlCheckboxMixed12 = createIcon('M9 7H3V5h6v2Z', {\n  height: 12,\n  width: 12\n})\n"],"names":["IconControlCheckboxMixed12","createIcon","height","width"],"mappings":"gPAGaA,MAAAA,EAA6BC,EAAW,gBAAiB,CACpEC,OAAQ,GACRC,MAAO,EACT,CAAC;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/icon-12.stories-YvPSCqL5.js b/storybook/assets/icon-12.stories-YvPSCqL5.js
new file mode 100644
index 000000000..da3e1da88
--- /dev/null
+++ b/storybook/assets/icon-12.stories-YvPSCqL5.js
@@ -0,0 +1,5 @@
+import{I as d}from"./icon-control-checkbox-checked-12-1nQT_nAV.js";import{c as C}from"./create-icon-prVyFgUx.js";import{u as i}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const m=C("M9 7H3V5h6z",{height:12,width:12}),k={parameters:{fixedWidth:!1},title:"Icons/Size 12"},o=function(){return i(d,{})},e=function(){return i(m,{})};var r,t,c;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`function () {
+  return ;
+}`,...(c=(t=o.parameters)==null?void 0:t.docs)==null?void 0:c.source}}};var n,s,a;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
+  return ;
+}`,...(a=(s=e.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const f=["ControlCheckboxChecked","ControlCheckboxMixed"];export{o as ControlCheckboxChecked,e as ControlCheckboxMixed,f as __namedExportsOrder,k as default};
diff --git a/storybook/assets/icon-16.stories-dff3ba7c.js b/storybook/assets/icon-16.stories-dff3ba7c.js
deleted file mode 100644
index c8f1157a1..000000000
--- a/storybook/assets/icon-16.stories-dff3ba7c.js
+++ /dev/null
@@ -1,152 +0,0 @@
-import{c as e}from"./create-icon-59b2c318.js";import{I as zo}from"./icon-caret-right-16-f2a2bc99.js";import{I as Ro}from"./icon-layer-component-16-f7ee7cd7.js";import{I as Uo}from"./icon-layer-frame-16-89e1c06f.js";import{I as Fo}from"./icon-menu-checkmark-checked-16-11f1d34a.js";import{I as bo}from"./icon-space-horizontal-16-8c2b3927.js";import{I as Oo,a as Bo,b as Po}from"./icon-text-align-right-16-51b4aacc.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const Wo=e("M8.35355 12.3536 8 12.7071l-.35355-.3535-3-3.00005.7071-.7071L7.5 10.7929V3h1v7.7929l2.1464-2.14645.7072.7071-3.00005 3.00005ZM15 14v1H1v-1h14Z",{height:16,width:16}),Eo=e("m8 6.20711.35355-.35356 2.00005-2-.70715-.7071L8.5 4.29289V0h-1v4.29289L6.35355 3.14645l-.7071.7071 2 2L8 6.20711Zm0 3.58578.35355.35351 2.00005 2-.70715.7072L8.5 11.7071V16h-1v-4.2929l-1.14645 1.1465-.7071-.7072 2-2L8 9.79289ZM1 8.5h14v-1H1v1Z",{height:16,width:16}),Go=e("M15 1H1v1h14V1ZM8.35355 3.64645 8 3.29289l-.35355.35356-3 3 .7071.7071L7.5 5.20711V13h1V5.20711l2.1464 2.14644.7072-.7071-3.00005-3Z",{height:16,width:16}),Jo=e("M3.50021 7.49987v-2h-1V10.4999h1V8.49987h8.99999v2.00003h1V5.49987h-1v2H3.50021Z",{height:16,width:16}),_o=e("M5.50006 2.50018h5.00004v1H8.50006v9.00002h2.00004v1H5.50006v-1h2V3.50018h-2v-1Z",{height:16,width:16}),jo=e("m7.99998 12.7071-.35356-.3535-3-3.00005.70711-.7071 2.14645 2.14645V2.5h1v8.2929l2.14642-2.14645.7071.7071-2.99997 3.00005-.35355.3535Z",{height:16,width:16}),qo=e("m2.29291 8.00001.35355-.35356 3-3 .70711.70711-2.14645 2.14645H12.5v1H4.20712l2.14645 2.14649-.70711.7071-3-3.00004-.35355-.35355Z",{height:16,width:16}),Ko=e("m10.8534 4.64651 3 3.00001.3536.35355-.3536.35355-3 2.99998-.7071-.7071 2.1464-2.1464-8.58576.00019 2.14648 2.14651-.70711.7071-3-3.00003-.35355-.35356.35355-.35355 3-3 .70711.70711L3.707 7.50029l8.5858-.00019-2.1465-2.14648.7071-.70711Z",{height:16,width:16}),No=e("m12.7071 8.00001-.3535-.35356-3.00005-3-.7071.70711 2.14645 2.14645H2.5v1h8.2929L8.64645 10.6465l.7071.7071 3.00005-3.00004.3535-.35355Z",{height:16,width:16}),Qo=e("m7.99998 2.29289-.35356.35356-3 3 .70711.7071 2.14645-2.14644V12.5h1V4.20711l2.14642 2.14644.7071-.7071-2.99997-3-.35355-.35356Z",{height:16,width:16}),Xo=e("m7.99979 1.79308.35356.35355 2.99995 3-.7071.70711-2.14638-2.14642.00019 8.58578 2.14649-2.1465.7071.7071-3.00001 3-.35355.3536-.35356-.3536-3-3 .70711-.7071 2.14642 2.1464-.00019-8.58574-2.14647 2.14648-.70711-.70711 3-3 .35355-.35355Z",{height:16,width:16}),Yo=e("M7 13h2V3H7v10Zm-4 0h2V5H3v8Zm10 0h-2V7h2v6Z",{height:16,width:16}),$o=e("M7 13h2V3H7v10Zm-4-1h2V4H3v8Zm10-1h-2V5h2v6Z",{height:16,width:16}),rt=e("M3 11h2V3H3v8Zm4 2h2V3H7v10Zm6-4h-2V3h2v6Z",{height:16,width:16}),et=e("M4 3v2h8V3H4ZM3 7v2h10V7H3Zm2 6v-2h6v2H5Z",{height:16,width:16}),ot=e("M3 3v2h8V3H3Zm0 4v2h10V7H3Zm0 6v-2h6v2H3Z",{height:16,width:16}),tt=e("M5 3v2h8V3H5ZM3 7v2h10V7H3Zm4 6v-2h6v2H7Z",{height:16,width:16}),nt=e("m8 10 3-4H5l3 4Z",{height:16,width:16}),ct=e("m4 8 4 3V5L4 8Z",{height:16,width:16}),at=e("m8 6 3 4H5l3-4Z",{height:16,width:16}),st=e("m7.646 9.708-3-3L5.354 6 8 8.647 10.646 6l.708.708-3 3-.354.353-.354-.353Z",{height:16,width:16}),it=e("m8.354 6.292 3 3-.708.708L8 7.35299 5.354 10l-.708-.708 3-3L8 5.939l.354.353Z",{height:16,width:16}),ut=e("M13 8c0 2.761-2.239 5-5 5s-5-2.239-5-5 2.239-5 5-5 5 2.239 5 5Zm1 0c0 3.313-2.686 6-6 6s-6-2.687-6-6 2.686-6 6-6 6 2.687 6 6Zm-6.512.383c-.088.216-.133.506-.133.87h1l.016-.237c.029-.256.142-.478.34-.668l.316-.301c.248-.24.421-.457.52-.652.099-.198.148-.408.148-.63 0-.486-.152-.863-.457-1.128-.304-.268-.733-.403-1.285-.403-.547 0-.98.141-1.297.422-.315.281-.475.67-.48 1.168h1.133c.003-.147.035-.272.093-.374.024-.042.053-.08.086-.114.062-.063.134-.11.217-.14.075-.027.157-.04.248-.04.406 0 .61.22.61.66 0 .075-.01.148-.031.22-.02.067-.048.133-.087.198-.078.13-.235.301-.472.512-.235.209-.396.42-.485.637Zm-.07 1.64c-.117.112-.176.256-.176.43 0 .172.058.314.172.426.117.112.27.168.461.168.12 0 .227-.023.317-.068.052-.026.098-.06.14-.1.117-.112.176-.254.176-.426 0-.174-.06-.318-.18-.43-.117-.114-.268-.171-.453-.171-.094 0-.18.015-.258.044-.074.029-.14.071-.199.127Z",{height:16,width:16}),mt=e("M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6Zm0-1c-2.946 0-5-2.054-5-5s2.054-5 5-5 5 2.054 5 5-2.054 5-5 5Zm-.5-5.667h1v4h-1v-4Zm-.166-2c0-.368.298-.666.667-.666.368 0 .666.298.666.666 0 .369-.298.667-.666.667-.369 0-.667-.298-.667-.667Z",{height:16,width:16}),ht=e("m2.46405 8.242 3.89-3.889-.708-.707-4.242 4.243-.354.353.354.354 4.242 4.242.707-.707-3.889-3.889ZM10.354 3.646l4.242 4.243.354.353-.354.354-4.243 4.242-.70695-.707L13.536 8.242 9.64605 4.353l.70695-.707h.001Z",{height:16,width:16}),dt=e("m11.1464 2.85365 1.4981 1.49808c-1.7359-.10233-2.92093.18287-3.73546.77525C7.88 5.87537 7.573 7.02265 7.38356 8.03295c-.03829.20421-.07091.39751-.10247.58449l-.00001.00005v.00002c-.05134.30415-.09986.59158-.16533.88202-.10226.45369-.23085.83277-.42639 1.13557-.18831.2915-.44708.5257-.84261.6808-.2387.0936-.5358.1616-.90831.1899C4.7184 10.6403 3.93396 10.0001 3 10.0001c-1.10457 0-2 .8954-2 2s.89543 2 2 2c.92894 0 1.70996-.6333 1.93484-1.4917.48828-.0302.91098-.118 1.277-.2616.60057-.2355 1.02148-.6108 1.31755-1.0692.28884-.4472.44931-.9587.56189-1.45818.07023-.31158.12803-.65231.18348-.97918l.00001-.00001v-.00001c.0307-.18101.06069-.35777.09167-.52298.18556-.9897.44106-1.77992 1.13077-2.28152.59539-.43302 1.60889-.7169 3.42159-.56157l-1.7724 1.7724.7072.7071 2.5-2.5.3535-.35355-.3535-.35355-2.5-2.5-.7072.7071ZM4 12.0001c0-.5523-.44772-1-1-1s-1 .4477-1 1 .44772 1 1 1c.50341 0 .91994-.372.98972-.8561L4 12.0001Z",{height:16,width:16}),pt=e("m5.52512 13.6568 2.65165-2.6516.70711.7071-2.65165 2.6517c-1.26921 1.2692-3.32699 1.2692-4.5962 0-1.2692-1.2692-1.2692-3.327 0-4.59624l2.65165-2.65165.70711.70711-2.65165 2.65168c-.87868.8786-.87868 2.3033 0 3.1819.87868.8787 2.3033.8787 3.18198 0Zm6.18718-4.77292-.7071-.70711 2.6516-2.65165c.8787-.87868.8787-2.3033 0-3.18198-.8786-.87868-2.3033-.87868-3.1819 0L7.82322 4.99479l-.70711-.70711 2.65165-2.65165c1.26924-1.2692 3.32704-1.2692 4.59624 0 1.2692 1.26921 1.2692 3.32699 0 4.5962l-2.6517 2.65165ZM6.26169 10.5043l4.24261-4.24261-.766-.76603L5.49566 9.7383l.76603.766Z",{height:16,width:16}),lt=e("M3 3h10v10H3V3ZM2 3c0-.55228.44772-1 1-1h10c.5523 0 1 .44772 1 1v10c0 .5523-.4477 1-1 1H3c-.55228 0-1-.4477-1-1V3Zm8.5 5L6.00003 5.5v5L10.5 8Z",{height:16,width:16}),gt=e("M8 12c2.2091 0 4-1.7909 4-4 0-2.20914-1.7909-4-4-4-2.20914 0-4 1.79086-4 4 0 2.2091 1.79086 4 4 4Zm0 1c2.7614 0 5-2.2386 5-5 0-2.76142-2.2386-5-5-5-2.76142 0-5 2.23858-5 5 0 2.7614 2.23858 5 5 5Z",{height:16,width:16}),ft=e("M5 4h6c.5523 0 1 .44772 1 1v4H4V5c0-.55228.44772-1 1-1Zm-1 6v1c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-1H4ZM3 5c0-1.10457.89543-2 2-2h6c1.1046 0 2 .89543 2 2v6c0 1.1046-.8954 2-2 2H5c-1.10457 0-2-.8954-2-2V5Z",{height:16,width:16}),Lt=e("m8.35357 2.6464-.35356-.35355-.35355.35355-2 2 .70711.70711 1.14644-1.14645v3.29289H4.20712l1.14645-1.14644-.70711-.70711-2 2-.35355.35355.35355.35356 2 1.99999.70711-.7071-1.14645-1.14645h3.29289v3.29285l-1.14644-1.1464-.70711.7071 2 2 .35355.3536.35356-.3536 2.00003-2-.70714-.7071-1.14645 1.1464V8.49995h3.29289L10.6465 9.6464l.7071.7071 2-1.99999.3535-.35356-.3535-.35355-2-2-.7071.70711 1.1464 1.14644H8.50001V4.20706l1.14645 1.14645.70714-.70711-2.00003-2Z",{height:16,width:16}),vt=e("M12 4H3V3h10v1h-1Zm0 8h1v1H3v-1h9Zm.3536-4.35355-2-2-.70715.7071L10.7929 7.5H5.20711l1.14644-1.14645-.7071-.7071-2 2L3.29289 8l.35356.35355 2 2.00005.7071-.70715L5.20711 8.5h5.58579L9.64645 9.64645l.70715.70715 2-2.00005L12.7071 8l-.3535-.35355Z",{height:16,width:16}),It=e("M4 4v9H3V3h1v1Zm8 9h1V3h-1v10ZM8.35355 3.64645 8 3.29289l-.35355.35356-2 2 .7071.7071L7.5 5.20711v5.58579L6.35355 9.64645l-.7071.70715 2 2L8 12.7071l.35355-.3535 2.00005-2-.70715-.70715L8.5 10.7929V5.20711l1.14645 1.14644.70715-.7071-2.00005-2Z",{height:16,width:16}),Zt=e("M9 3H7v1h2V3Zm2.5 9h.5v-.5h1V13h-1.5v-1ZM4 7v2H3V7h1Zm8-2.5V4h-.5V3H13v1.5h-1ZM12 7v2h1V7h-1ZM4 4.5V4h.5V3H3v1.5h1ZM3 12v-.5h1v.5h.5v1H3v-1Zm6 0H7v1h2v-1Z",{height:16,width:16}),Ht=e("M13 3H3v6.29289l2.14645-2.14644L5.5 6.79289l.35355.35356L11.7071 13H13V3ZM3 13v-2.2929l2.5-2.49999L10.2929 13H3ZM3 2c-.55228 0-1 .44772-1 1v10c0 .5523.44772 1 1 1h10c.5523 0 1-.4477 1-1V3c0-.55228-.4477-1-1-1H3Zm8 4c0 .55228-.4477 1-1 1-.55228 0-1-.44772-1-1s.44772-1 1-1c.5523 0 1 .44772 1 1Zm1 0c0 1.10457-.8954 2-2 2-1.10457 0-2-.89543-2-2s.89543-2 2-2c1.1046 0 2 .89543 2 2Z",{height:16,width:16}),Vt=e("m1.82825 8 .33587-.33588 5.5-5.5L8 1.82825l.33587.33587 5.50003 5.5L14.1717 8l-.3358.33587-5.50003 5.50003L8 14.1717l-.33588-.3358-5.5-5.50003L1.82825 8ZM8 12.8282 12.8282 8 8 3.17175 3.17175 8 8 12.8282Z",{height:16,width:16}),St=e("M3.5 7.5h9v1h-9v-1Z",{height:16,width:16}),wt=e("M6.86036 3.64556C7.22433 3.55057 7.60626 3.5 8 3.5c2.4853 0 4.5 2.01472 4.5 4.5 0 2.4853-2.0147 4.5-4.5 4.5-.39375 0-.7757-.0506-1.13969-.1456C8.16184 11.3486 9 9.77215 9 7.99998c0-1.77215-.83814-3.34855-2.13964-4.35442ZM8 2.5C4.96243 2.5 2.5 4.96243 2.5 8c0 3.0376 2.46243 5.5 5.5 5.5 3.0376 0 5.5-2.4624 5.5-5.5 0-3.03757-2.4624-5.5-5.5-5.5Z",{height:16,width:16}),Mt=e("M12 4H4v8h8V4ZM4 3H3v10h10V3H4Z",{height:16,width:16}),Ct=e("M10 3H6v1h4V3ZM4 4V3H3v1h1ZM3 6h1v4H3V6Zm9 0h1v4h-1V6Zm1-2h-1V3h1v1Zm-7 8h4v1H6v-1Zm-2 0H3v1h1v-1Zm8 1v-1h1v1h-1Z",{height:16,width:16}),yt=e("M3 3h10v3h-1V4H8.5v8H10v1H6v-1h1.5V4H4v2H3V3Z",{height:16,width:16}),At=e("m4.315 6.336-.479-.143-.15.503.479.143.15-.503Zm.3-1.006-.479-.143-.15.503.479.143.15-.503Zm-.328-.646.479.143.15-.503-.479-.143-.15.503Zm.93-1.365-.479-.143-.15.503.479.143.15-.503Zm5.566 9.393.479.143.15-.503-.479-.143-.15.503Zm.93-1.365-.479-.143-.15.503.479.143.15-.503Zm-.328-.646.479.143.15-.503-.479-.143-.15.503Zm.3-1.006.479.143.15-.503-.479-.143-.15.503ZM5.5 3.25c.69 0 1.25-.56 1.25-1.25S6.19.75 5.5.75 4.25 1.31 4.25 2s.56 1.25 1.25 1.25Zm0-2c.414 0 .75.336.75.75s-.336.75-.75.75-.75-.336-.75-.75.336-.75.75-.75Zm5 11.5c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25Zm0 2c-.414 0-.75-.336-.75-.75s.336-.75.75-.75.75.336.75.75-.336.75-.75.75ZM13.5 3c-.828 0-1.5.672-1.5 1.5 0 .455.206.857.526 1.132-.011-.009-.025-.013-.036-.023-.248.556-.568 1.231-.93 1.904C10.068 10.285 9.223 10.5 9 10.5c-.093 0-.266 0-.387-.546C8.5 9.445 8.5 8.711 8.5 8c0-.764 0-1.555-.137-2.171C8.119 4.731 7.487 4.5 7 4.5c-.934 0-1.935.93-3.049 2.823l-.416-.125-.15.503.301.09c-.042.076-.083.143-.126.222-.046.085-.083.165-.127.25l-.198-.059-.15.503.106.032c-.081.163-.162.321-.236.477l-.02-.006-.041.139c-.106.225-.216.456-.305.655.016.001.03.009.045.011C2.588 10.009 2.546 10 2.5 10c-.828 0-1.5.672-1.5 1.5S1.672 13 2.5 13 4 12.328 4 11.5c0-.455-.207-.857-.526-1.132.011.009.026.014.036.023.248-.556.568-1.231.93-1.904C5.932 5.715 6.777 5.5 7 5.5c.093 0 .266 0 .387.546C7.5 6.555 7.5 7.29 7.5 8c0 .764 0 1.555.137 2.171C7.881 11.269 8.513 11.5 9 11.5c.93 0 1.926-.921 3.034-2.796l.432.129.15-.503-.316-.095c.047-.085.093-.16.141-.249.041-.076.074-.147.114-.223l.212.063.15-.503-.12-.036c.081-.162.163-.321.237-.477l.033.01.068-.226c.096-.205.197-.417.279-.599-.016-.001-.029-.009-.045-.011.043.007.086.016.131.016.828 0 1.5-.672 1.5-1.5S14.328 3 13.5 3Zm-10 8.5c0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1 .551 0 1 .449 1 1Zm10-6c-.551 0-1-.449-1-1 0-.551.449-1 1-1 .551 0 1 .449 1 1 0 .551-.449 1-1 1Z",{height:16,width:16}),kt=e("M9.5 5.5V7h-3V5.5C6.5 4.67157 7.17157 4 8 4s1.5.67157 1.5 1.5ZM5.5 7V5.5C5.5 4.11929 6.61929 3 8 3s2.5 1.11929 2.5 2.5V7h.5c.2761 0 .5.22386.5.5v5c0 .2761-.2239.5-.5.5H5c-.27614 0-.5-.2239-.5-.5v-5c0-.27614.22386-.5.5-.5h.5Z",{height:16,width:16}),Tt=e("M10 6v1h.5c.2761 0 .5.22386.5.5v5c0 .2761-.2239.5-.5.5h-6c-.27614 0-.5-.2239-.5-.5v-5c0-.27614.22386-.5.5-.5H9V4.5C9 3.11929 10.1193 2 11.5 2S14 3.11929 14 4.5V6h-1V4.5c0-.82843-.6716-1.5-1.5-1.5S10 3.67157 10 4.5V6Z",{height:16,width:16}),xt=e("M10 8c0 1.10457-.89543 2-2 2s-2-.89543-2-2 .89543-2 2-2 2 .89543 2 2Z",{height:16,width:16}),Dt=e("M12 9H4.00003V7H12v2Z",{height:16,width:16}),zt=e("M7.49998 3.5H4v1h3.49998v7.2929L5.35353 9.64645l-.70711.70715 3 3 .35356.3535.35355-.3535 2.99997-3-.7071-.70715-2.14642 2.14645V4.5H12v-1H7.49998Z",{height:16,width:16}),Rt=e("M4.5 4h-1v8h1V8.50004h7.2929L9.64645 10.6465l.70715.7071 3-3.00001.3535-.35355-.3535-.35356-3-3-.70715.70711 2.14645 2.14645H4.5V4Z",{height:16,width:16}),Ut=e("M12.654 5.40701 7 11.061 3.646 7.70701l.708-.707L7 9.64601l4.947-4.946.707.707Z",{height:16,width:16}),Ft=e("M10 9H6V8h4v1Z",{height:16,width:16}),bt=e("M2 5v6h12V5H2Zm-1 6v1h14V4H1v7Z",{height:16,width:16}),Ot=e("M11 2H5v12h6V2ZM5 1H4v14h8V1H5Z",{height:16,width:16}),Bt=e("M3 3v10h1V3H3Zm2 10V3h1v10H5Zm5-10v10h1V3h-1Zm2 0v10h1V3h-1Z",{height:16,width:16}),Pt=e("M13 3H3v1h10V3ZM3 5h10v1H3V5Zm10 5H3v1h10v-1Zm0 2H3v1h10v-1Z",{height:16,width:16}),Wt=e("M2 2v3h12V2h-1v2H3V2H2Zm9 7H5V8h6v1Zm-9 3h12v3h-1v-2H3v2H2v-3Z",{height:16,width:16}),Et=e("M10 5.5 8.53851 1.84629 7.99999.5l-.53851 1.34629L6 5.5H1l1.18159 1L5 8.88525 3.93641 12.5599 3.5 14.0676l1.29695-.8841L8 11l3.195 2.13L12.5 14l-.4507-1.5023L11 9l2.8571-2.5L15 5.5h-5Zm2.3386 1H9.32297l-.25145-.62861-1.07153-2.67881-1.07151 2.67881L6.67703 6.5H3.72955l1.91646 1.62193.49478.41873-.18022.62263-.72721 2.51251 2.20337-1.5021.55704-.3797.56093.3739 2.1896 1.4598-.7021-2.34035-.1849-.61625.4842-.42368L12.3386 6.5Z",{height:16,width:16}),Gt=e("M7.99999.5 10 5.5h5L11 9l1.5 5L8 11l-4.5 3.0676L5 8.88525 1 5.5h5l1.99999-5Z",{height:16,width:16}),Jt=e("m14.6096 5.68765-1.1747 1.46838A5.45572 5.45572 0 0 0 13.4083 7a5.50008 5.50008 0 0 0-3.80761-4.26192 5.49996 5.49996 0 0 0-6.16897 2.1991l.00014.0001.83045.55678.00014.0001a4.49984 4.49984 0 0 1 5.04715-1.7992 4.49969 4.49969 0 0 1 2.3057 1.62592 4.49893 4.49893 0 0 1 .862 2.22975l-2.2-1.46665-.55466.83205 2.99996 2 .3815.25427.2863-.35795 2-2.5-.7808-.6247Zm-12.00004 1.5-2 2.5.78087.62465 1.1747-1.46833a5.50004 5.50004 0 0 0 7.28165 4.33673 5.50141 5.50141 0 0 0 2.08852-1.3383c.2326-.2383.4443-.4984.6318-.7778l.0012-.0018-.0002-.0001-.8304-.5568-.0002-.0001-.001.0016a4.5 4.5 0 0 1-2.22555 1.7312 4.50006 4.50006 0 0 1-2.82057.0664 4.49895 4.49895 0 0 1-2.30574-1.6259 4.49964 4.49964 0 0 1-.86199-2.22973l2.19999 1.46666.5547-.83205-3-2-.38142-.25428-.28636.35795Z",{height:16,width:16}),_t=e("M8.5 3.02469V1.5h-1v1.52469C5.13779 3.25922 3.25922 5.13779 3.02469 7.5H1.5v1h1.52469c.23453 2.3622 2.1131 4.2408 4.47531 4.4753V14.5h1v-1.5247c2.3622-.2345 4.2408-2.1131 4.4753-4.4753H14.5v-1h-1.5247C12.7408 5.13779 10.8622 3.25922 8.5 3.02469Zm-1 1.00626V6.5h1V4.03095c1.8094.22562 3.2434 1.65969 3.4691 3.46905H9.5v1h2.4691c-.2257 1.8094-1.6597 3.2434-3.4691 3.4691V9.5h-1v2.4691C5.69064 11.7434 4.25657 10.3094 4.03095 8.5H6.5v-1H4.03095C4.25657 5.69064 5.69064 4.25657 7.5 4.03095Z",{height:16,width:16}),jt=e("M1 3h14v1H1V3Zm0 4h14v1H1V7Zm14 4H1v1h14v-1Z",{height:16,width:16}),qt=e("M5.90385 3.29714C6.55586 2.76942 7.42764 2.5 8.34865 2.5c.90705 0 1.75585.22833 2.40705.74249.6614.52221 1.0693 1.30081 1.1492 2.2943l-.9968.08021c-.0603-.74929-.3535-1.25915-.7721-1.58968C9.70715 3.68872 9.09715 3.5 8.34865 3.5c-.73456 0-1.37218.21549-1.81567.57444-.43411.35136-.70313.85443-.70313 1.50245 0 .61536.28495 1.0132.63919 1.29239.06.04729.12155.09075.18355.13072H5.2422c-.24551-.37335-.41235-.84224-.41235-1.42311 0-.95906.4126-1.74443 1.074-2.27975ZM10.8235 10h1.0695c.0686.2406.107.507.107.8014 0 .9711-.3731 1.7923-1.0647 2.3611-.6804.5595-1.62217.8375-2.70735.8375-1.10045 0-1.98643-.3107-2.62807-.8789-.6402-.5669-.98918-1.3476-1.09599-2.1992l.99222-.1245c.08281.6603.34282 1.1997.7667 1.575.42244.3741 1.05562.6276 1.96514.6276.92479 0 1.61902-.2372 2.07215-.6099.442-.3635.6999-.8916.6999-1.5887 0-.3243-.0663-.586-.1765-.8014ZM2 9h12V8H2v1Z",{height:16,width:16}),Kt=e("M5.5 8.5V3h-1v5.5C4.5 10.433 6.067 12 8 12s3.5-1.567 3.5-3.5V3h-1v5.5C10.5 9.88071 9.38071 11 8 11S5.5 9.88071 5.5 8.5ZM2 14v1h12v-1H2Z",{height:16,width:16}),Nt=e("M8.35355 1.64631 8 1.29276l-.35355.35355-3 3 .7071.70711L7.5 3.20697v7.79293h1V3.20697l2.1464 2.14645.7072-.70711-3.00005-3ZM2 11.9998H1v3.0001h14v-3.0001h-1v2.0001H2v-2.0001Z",{height:16,width:16}),Qt=e("M13.5085 7.80119c.5554-.52755 1.0351-1.13396 1.421-1.80119h-1.1842c-1.2655 1.81421-3.3673 3-5.74544 3s-4.47994-1.18579-5.7454-3H1.07022c.38597.66728.86567 1.27373 1.42112 1.80131L.89648 9.39623l.70712.70707 1.65734-1.65738c.71072.52339 1.51119.93212 2.37412 1.19877L5.01804 11.866l.96352.2676.62619-2.25431C7.05984 9.95862 7.52501 10 7.99986 10c.47481 0 .93994-.04137 1.39199-.12069l.62615 2.25429.9636-.2676-.617-2.22127c.863-.26667 1.6635-.67545 2.3743-1.19891l1.6576 1.65748.7071-.70709-1.5951-1.59502Z",{height:16,width:16}),Xt=e("M8.00007 11C5.70021 11 3.67791 9.80581 2.5217 8c1.15621-1.80581 3.17851-3 5.47837-3 2.29983 0 4.32213 1.19419 5.47833 3-1.1562 1.80581-3.1785 3-5.47833 3Zm0-7C10.8781 4 13.3775 5.6211 14.635 8c-1.2575 2.3789-3.7569 4-6.63493 4-2.87805 0-5.37746-1.6211-6.63496-4 1.2575-2.3789 3.75691-4 6.63496-4Zm.0003 6c1.10457 0 2.00003-.89543 2.00003-2s-.89546-2-2.00003-2c-1.10457 0-2 .89543-2 2s.89543 2 2 2Z",{height:16,width:16}),Yt=e("m8 0 8 14.5H0L8 0Zm0 4.38174c.49706 0 .9.40294.9.9v3.0878c0 .49706-.40294.9-.9.9s-.9-.40294-.9-.9v-3.0878c0-.49706.40294-.9.9-.9Zm1.10007 7.37506c0-.6075-.49248-1.1-1.1-1.1-.60751 0-1.1.4925-1.1 1.1v.0686c0 .6075.49249 1.1 1.1 1.1.60752 0 1.1-.4925 1.1-1.1v-.0686Z",{height:16,width:16}),$t=e("M12.252 10.632C11.3703 12.0534 9.79568 13 8 13c-2.76142 0-5-2.2386-5-5 0-.43275.05498-.85266.15833-1.25313l1.04308.39116c.17215.06455.27211.24439.23605.42467l-.25129 1.25643c-.03545.17726.06061.35458.22845.42172l1.39677.55871a.375.375 0 0 1 .22845.27464l.31289 1.5645a.37514.37514 0 0 0 .10256.1916l.28708.2871c.18514.1851.4982.1283.60655-.11l1.46481-3.2226c.09692-.21324-.0232-.46217-.25044-.51898l-.96252-.24063a.37497.37497 0 0 1-.17422-.09864l-.94172-.94172a.375.375 0 0 0-.26516-.10983h-.73791a.375.375 0 0 1-.33541-.20729l-.46007-.92014c-.09956-.19913-.00472-.44066.20374-.51883l2.28603-.85726c.18298-.06862.28259-.26624.2289-.45414l-.24215-.84756C7.43502 3.02389 7.71472 3 8 3c.14661 0 .29176.00631.43517.01867l-.02726.21806a.37499.37499 0 0 0 .2044.38192l.35061.17531a.37498.37498 0 0 0 .32629.00441l.675-.315a.39535.39535 0 0 0 .07869-.04835c.7322.32818 1.3711.82736 1.8659 1.44673l-1.1416-.22832a.37505.37505 0 0 0-.2665.04616l-1.45293.87175c-.16802.10081-.2301.314-.14247.48926l.86605 1.73211A.37501.37501 0 0 0 10.1068 8h1.1103c.1675 0 .3146.11099.3606.27198l.6743 2.36002ZM14 8c0 3.3137-2.6863 6-6 6-3.31371 0-6-2.6863-6-6 0-3.31371 2.68629-6 6-6 3.3137 0 6 2.68629 6 6Z",{height:16,width:16}),hn={parameters:{fixedWidth:!1},title:"Icons/Size 16"},o=function(){return r(Wo,{})},t=function(){return r(Eo,{})},n=function(){return r(Go,{})},c=function(){return r(Jo,{})},a=function(){return r(_o,{})},s=function(){return r(jo,{})},i=function(){return r(Ko,{})},u=function(){return r(qo,{})},m=function(){return r(No,{})},h=function(){return r(Xo,{})},d=function(){return r(Qo,{})},p=function(){return r(Yo,{})},l=function(){return r($o,{})},g=function(){return r(rt,{})},f=function(){return r(et,{})},L=function(){return r(ot,{})},v=function(){return r(tt,{})},I=function(){return r(nt,{})},Z=function(){return r(ct,{})},H=function(){return r(zo,{})},V=function(){return r(at,{})},S=function(){return r(st,{})},w=function(){return r(it,{})},M=function(){return r(ut,{})},C=function(){return r(mt,{})},y=function(){return r(ht,{})},A=function(){return r(dt,{})},k=function(){return r(pt,{})},T=function(){return r(lt,{})},x=function(){return r(Ro,{})},D=function(){return r(gt,{})},z=function(){return r(ft,{})},R=function(){return r(vt,{})},U=function(){return r(It,{})},F=function(){return r(Lt,{})},b=function(){return r(Uo,{})},O=function(){return r(Zt,{})},B=function(){return r(Ht,{})},P=function(){return r(Vt,{})},W=function(){return r(St,{})},E=function(){return r(wt,{})},G=function(){return r(Mt,{})},J=function(){return r(Ct,{})},_=function(){return r(yt,{})},j=function(){return r(At,{})},q=function(){return r(kt,{})},K=function(){return r(Tt,{})},N=function(){return r(xt,{})},Q=function(){return r(Fo,{})},X=function(){return r(Dt,{})},Y=function(){return r(zt,{})},$=function(){return r(Rt,{})},r1=function(){return r(Ut,{})},e1=function(){return r(Ft,{})},o1=function(){return r(bt,{})},t1=function(){return r(Ot,{})},n1=function(){return r(Bt,{})},c1=function(){return r(Pt,{})},a1=function(){return r(bo,{})},s1=function(){return r(Wt,{})},i1=function(){return r(Gt,{})},u1=function(){return r(Et,{})},m1=function(){return r(Jt,{})},h1=function(){return r(_t,{})},d1=function(){return r(Oo,{})},p1=function(){return r(jt,{})},l1=function(){return r(Bo,{})},g1=function(){return r(Po,{})},f1=function(){return r(qt,{})},L1=function(){return r(Kt,{})},v1=function(){return r(Nt,{})},I1=function(){return r(Qt,{})},Z1=function(){return r(Xt,{})},H1=function(){return r(Yt,{})},V1=function(){return r($t,{})};var S1,w1,M1;o.parameters={...o.parameters,docs:{...(S1=o.parameters)==null?void 0:S1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(M1=(w1=o.parameters)==null?void 0:w1.docs)==null?void 0:M1.source}}};var C1,y1,A1;t.parameters={...t.parameters,docs:{...(C1=t.parameters)==null?void 0:C1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(A1=(y1=t.parameters)==null?void 0:y1.docs)==null?void 0:A1.source}}};var k1,T1,x1;n.parameters={...n.parameters,docs:{...(k1=n.parameters)==null?void 0:k1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(x1=(T1=n.parameters)==null?void 0:T1.docs)==null?void 0:x1.source}}};var D1,z1,R1;c.parameters={...c.parameters,docs:{...(D1=c.parameters)==null?void 0:D1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(R1=(z1=c.parameters)==null?void 0:z1.docs)==null?void 0:R1.source}}};var U1,F1,b1;a.parameters={...a.parameters,docs:{...(U1=a.parameters)==null?void 0:U1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(b1=(F1=a.parameters)==null?void 0:F1.docs)==null?void 0:b1.source}}};var O1,B1,P1;s.parameters={...s.parameters,docs:{...(O1=s.parameters)==null?void 0:O1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(P1=(B1=s.parameters)==null?void 0:B1.docs)==null?void 0:P1.source}}};var W1,E1,G1;i.parameters={...i.parameters,docs:{...(W1=i.parameters)==null?void 0:W1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(G1=(E1=i.parameters)==null?void 0:E1.docs)==null?void 0:G1.source}}};var J1,_1,j1;u.parameters={...u.parameters,docs:{...(J1=u.parameters)==null?void 0:J1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(j1=(_1=u.parameters)==null?void 0:_1.docs)==null?void 0:j1.source}}};var q1,K1,N1;m.parameters={...m.parameters,docs:{...(q1=m.parameters)==null?void 0:q1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(N1=(K1=m.parameters)==null?void 0:K1.docs)==null?void 0:N1.source}}};var Q1,X1,Y1;h.parameters={...h.parameters,docs:{...(Q1=h.parameters)==null?void 0:Q1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Y1=(X1=h.parameters)==null?void 0:X1.docs)==null?void 0:Y1.source}}};var $1,rr,er;d.parameters={...d.parameters,docs:{...($1=d.parameters)==null?void 0:$1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(er=(rr=d.parameters)==null?void 0:rr.docs)==null?void 0:er.source}}};var or,tr,nr;p.parameters={...p.parameters,docs:{...(or=p.parameters)==null?void 0:or.docs,source:{originalSource:`function () {
-  return ;
-}`,...(nr=(tr=p.parameters)==null?void 0:tr.docs)==null?void 0:nr.source}}};var cr,ar,sr;l.parameters={...l.parameters,docs:{...(cr=l.parameters)==null?void 0:cr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(sr=(ar=l.parameters)==null?void 0:ar.docs)==null?void 0:sr.source}}};var ir,ur,mr;g.parameters={...g.parameters,docs:{...(ir=g.parameters)==null?void 0:ir.docs,source:{originalSource:`function () {
-  return ;
-}`,...(mr=(ur=g.parameters)==null?void 0:ur.docs)==null?void 0:mr.source}}};var hr,dr,pr;f.parameters={...f.parameters,docs:{...(hr=f.parameters)==null?void 0:hr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(pr=(dr=f.parameters)==null?void 0:dr.docs)==null?void 0:pr.source}}};var lr,gr,fr;L.parameters={...L.parameters,docs:{...(lr=L.parameters)==null?void 0:lr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(fr=(gr=L.parameters)==null?void 0:gr.docs)==null?void 0:fr.source}}};var Lr,vr,Ir;v.parameters={...v.parameters,docs:{...(Lr=v.parameters)==null?void 0:Lr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ir=(vr=v.parameters)==null?void 0:vr.docs)==null?void 0:Ir.source}}};var Zr,Hr,Vr;I.parameters={...I.parameters,docs:{...(Zr=I.parameters)==null?void 0:Zr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Vr=(Hr=I.parameters)==null?void 0:Hr.docs)==null?void 0:Vr.source}}};var Sr,wr,Mr;Z.parameters={...Z.parameters,docs:{...(Sr=Z.parameters)==null?void 0:Sr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Mr=(wr=Z.parameters)==null?void 0:wr.docs)==null?void 0:Mr.source}}};var Cr,yr,Ar;H.parameters={...H.parameters,docs:{...(Cr=H.parameters)==null?void 0:Cr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ar=(yr=H.parameters)==null?void 0:yr.docs)==null?void 0:Ar.source}}};var kr,Tr,xr;V.parameters={...V.parameters,docs:{...(kr=V.parameters)==null?void 0:kr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(xr=(Tr=V.parameters)==null?void 0:Tr.docs)==null?void 0:xr.source}}};var Dr,zr,Rr;S.parameters={...S.parameters,docs:{...(Dr=S.parameters)==null?void 0:Dr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Rr=(zr=S.parameters)==null?void 0:zr.docs)==null?void 0:Rr.source}}};var Ur,Fr,br;w.parameters={...w.parameters,docs:{...(Ur=w.parameters)==null?void 0:Ur.docs,source:{originalSource:`function () {
-  return ;
-}`,...(br=(Fr=w.parameters)==null?void 0:Fr.docs)==null?void 0:br.source}}};var Or,Br,Pr;M.parameters={...M.parameters,docs:{...(Or=M.parameters)==null?void 0:Or.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Pr=(Br=M.parameters)==null?void 0:Br.docs)==null?void 0:Pr.source}}};var Wr,Er,Gr;C.parameters={...C.parameters,docs:{...(Wr=C.parameters)==null?void 0:Wr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Gr=(Er=C.parameters)==null?void 0:Er.docs)==null?void 0:Gr.source}}};var Jr,_r,jr;y.parameters={...y.parameters,docs:{...(Jr=y.parameters)==null?void 0:Jr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(jr=(_r=y.parameters)==null?void 0:_r.docs)==null?void 0:jr.source}}};var qr,Kr,Nr;A.parameters={...A.parameters,docs:{...(qr=A.parameters)==null?void 0:qr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Nr=(Kr=A.parameters)==null?void 0:Kr.docs)==null?void 0:Nr.source}}};var Qr,Xr,Yr;k.parameters={...k.parameters,docs:{...(Qr=k.parameters)==null?void 0:Qr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Yr=(Xr=k.parameters)==null?void 0:Xr.docs)==null?void 0:Yr.source}}};var $r,re,ee;T.parameters={...T.parameters,docs:{...($r=T.parameters)==null?void 0:$r.docs,source:{originalSource:`function () {
-  return ;
-}`,...(ee=(re=T.parameters)==null?void 0:re.docs)==null?void 0:ee.source}}};var oe,te,ne;x.parameters={...x.parameters,docs:{...(oe=x.parameters)==null?void 0:oe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(ne=(te=x.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var ce,ae,se;D.parameters={...D.parameters,docs:{...(ce=D.parameters)==null?void 0:ce.docs,source:{originalSource:`function () {
-  return ;
-}`,...(se=(ae=D.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var ie,ue,me;z.parameters={...z.parameters,docs:{...(ie=z.parameters)==null?void 0:ie.docs,source:{originalSource:`function () {
-  return ;
-}`,...(me=(ue=z.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var he,de,pe;R.parameters={...R.parameters,docs:{...(he=R.parameters)==null?void 0:he.docs,source:{originalSource:`function () {
-  return ;
-}`,...(pe=(de=R.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var le,ge,fe;U.parameters={...U.parameters,docs:{...(le=U.parameters)==null?void 0:le.docs,source:{originalSource:`function () {
-  return ;
-}`,...(fe=(ge=U.parameters)==null?void 0:ge.docs)==null?void 0:fe.source}}};var Le,ve,Ie;F.parameters={...F.parameters,docs:{...(Le=F.parameters)==null?void 0:Le.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ie=(ve=F.parameters)==null?void 0:ve.docs)==null?void 0:Ie.source}}};var Ze,He,Ve;b.parameters={...b.parameters,docs:{...(Ze=b.parameters)==null?void 0:Ze.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ve=(He=b.parameters)==null?void 0:He.docs)==null?void 0:Ve.source}}};var Se,we,Me;O.parameters={...O.parameters,docs:{...(Se=O.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Me=(we=O.parameters)==null?void 0:we.docs)==null?void 0:Me.source}}};var Ce,ye,Ae;B.parameters={...B.parameters,docs:{...(Ce=B.parameters)==null?void 0:Ce.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ae=(ye=B.parameters)==null?void 0:ye.docs)==null?void 0:Ae.source}}};var ke,Te,xe;P.parameters={...P.parameters,docs:{...(ke=P.parameters)==null?void 0:ke.docs,source:{originalSource:`function () {
-  return ;
-}`,...(xe=(Te=P.parameters)==null?void 0:Te.docs)==null?void 0:xe.source}}};var De,ze,Re;W.parameters={...W.parameters,docs:{...(De=W.parameters)==null?void 0:De.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Re=(ze=W.parameters)==null?void 0:ze.docs)==null?void 0:Re.source}}};var Ue,Fe,be;E.parameters={...E.parameters,docs:{...(Ue=E.parameters)==null?void 0:Ue.docs,source:{originalSource:`function () {
-  return ;
-}`,...(be=(Fe=E.parameters)==null?void 0:Fe.docs)==null?void 0:be.source}}};var Oe,Be,Pe;G.parameters={...G.parameters,docs:{...(Oe=G.parameters)==null?void 0:Oe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Pe=(Be=G.parameters)==null?void 0:Be.docs)==null?void 0:Pe.source}}};var We,Ee,Ge;J.parameters={...J.parameters,docs:{...(We=J.parameters)==null?void 0:We.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ge=(Ee=J.parameters)==null?void 0:Ee.docs)==null?void 0:Ge.source}}};var Je,_e,je;_.parameters={..._.parameters,docs:{...(Je=_.parameters)==null?void 0:Je.docs,source:{originalSource:`function () {
-  return ;
-}`,...(je=(_e=_.parameters)==null?void 0:_e.docs)==null?void 0:je.source}}};var qe,Ke,Ne;j.parameters={...j.parameters,docs:{...(qe=j.parameters)==null?void 0:qe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ne=(Ke=j.parameters)==null?void 0:Ke.docs)==null?void 0:Ne.source}}};var Qe,Xe,Ye;q.parameters={...q.parameters,docs:{...(Qe=q.parameters)==null?void 0:Qe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ye=(Xe=q.parameters)==null?void 0:Xe.docs)==null?void 0:Ye.source}}};var $e,r5,e5;K.parameters={...K.parameters,docs:{...($e=K.parameters)==null?void 0:$e.docs,source:{originalSource:`function () {
-  return ;
-}`,...(e5=(r5=K.parameters)==null?void 0:r5.docs)==null?void 0:e5.source}}};var o5,t5,n5;N.parameters={...N.parameters,docs:{...(o5=N.parameters)==null?void 0:o5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(n5=(t5=N.parameters)==null?void 0:t5.docs)==null?void 0:n5.source}}};var c5,a5,s5;Q.parameters={...Q.parameters,docs:{...(c5=Q.parameters)==null?void 0:c5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(s5=(a5=Q.parameters)==null?void 0:a5.docs)==null?void 0:s5.source}}};var i5,u5,m5;X.parameters={...X.parameters,docs:{...(i5=X.parameters)==null?void 0:i5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(m5=(u5=X.parameters)==null?void 0:u5.docs)==null?void 0:m5.source}}};var h5,d5,p5;Y.parameters={...Y.parameters,docs:{...(h5=Y.parameters)==null?void 0:h5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(p5=(d5=Y.parameters)==null?void 0:d5.docs)==null?void 0:p5.source}}};var l5,g5,f5;$.parameters={...$.parameters,docs:{...(l5=$.parameters)==null?void 0:l5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(f5=(g5=$.parameters)==null?void 0:g5.docs)==null?void 0:f5.source}}};var L5,v5,I5;r1.parameters={...r1.parameters,docs:{...(L5=r1.parameters)==null?void 0:L5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(I5=(v5=r1.parameters)==null?void 0:v5.docs)==null?void 0:I5.source}}};var Z5,H5,V5;e1.parameters={...e1.parameters,docs:{...(Z5=e1.parameters)==null?void 0:Z5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(V5=(H5=e1.parameters)==null?void 0:H5.docs)==null?void 0:V5.source}}};var S5,w5,M5;o1.parameters={...o1.parameters,docs:{...(S5=o1.parameters)==null?void 0:S5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(M5=(w5=o1.parameters)==null?void 0:w5.docs)==null?void 0:M5.source}}};var C5,y5,A5;t1.parameters={...t1.parameters,docs:{...(C5=t1.parameters)==null?void 0:C5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(A5=(y5=t1.parameters)==null?void 0:y5.docs)==null?void 0:A5.source}}};var k5,T5,x5;n1.parameters={...n1.parameters,docs:{...(k5=n1.parameters)==null?void 0:k5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(x5=(T5=n1.parameters)==null?void 0:T5.docs)==null?void 0:x5.source}}};var D5,z5,R5;c1.parameters={...c1.parameters,docs:{...(D5=c1.parameters)==null?void 0:D5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(R5=(z5=c1.parameters)==null?void 0:z5.docs)==null?void 0:R5.source}}};var U5,F5,b5;a1.parameters={...a1.parameters,docs:{...(U5=a1.parameters)==null?void 0:U5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(b5=(F5=a1.parameters)==null?void 0:F5.docs)==null?void 0:b5.source}}};var O5,B5,P5;s1.parameters={...s1.parameters,docs:{...(O5=s1.parameters)==null?void 0:O5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(P5=(B5=s1.parameters)==null?void 0:B5.docs)==null?void 0:P5.source}}};var W5,E5,G5;i1.parameters={...i1.parameters,docs:{...(W5=i1.parameters)==null?void 0:W5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(G5=(E5=i1.parameters)==null?void 0:E5.docs)==null?void 0:G5.source}}};var J5,_5,j5;u1.parameters={...u1.parameters,docs:{...(J5=u1.parameters)==null?void 0:J5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(j5=(_5=u1.parameters)==null?void 0:_5.docs)==null?void 0:j5.source}}};var q5,K5,N5;m1.parameters={...m1.parameters,docs:{...(q5=m1.parameters)==null?void 0:q5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(N5=(K5=m1.parameters)==null?void 0:K5.docs)==null?void 0:N5.source}}};var Q5,X5,Y5;h1.parameters={...h1.parameters,docs:{...(Q5=h1.parameters)==null?void 0:Q5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Y5=(X5=h1.parameters)==null?void 0:X5.docs)==null?void 0:Y5.source}}};var $5,ro,eo;d1.parameters={...d1.parameters,docs:{...($5=d1.parameters)==null?void 0:$5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(eo=(ro=d1.parameters)==null?void 0:ro.docs)==null?void 0:eo.source}}};var oo,to,no;p1.parameters={...p1.parameters,docs:{...(oo=p1.parameters)==null?void 0:oo.docs,source:{originalSource:`function () {
-  return ;
-}`,...(no=(to=p1.parameters)==null?void 0:to.docs)==null?void 0:no.source}}};var co,ao,so;l1.parameters={...l1.parameters,docs:{...(co=l1.parameters)==null?void 0:co.docs,source:{originalSource:`function () {
-  return ;
-}`,...(so=(ao=l1.parameters)==null?void 0:ao.docs)==null?void 0:so.source}}};var io,uo,mo;g1.parameters={...g1.parameters,docs:{...(io=g1.parameters)==null?void 0:io.docs,source:{originalSource:`function () {
-  return ;
-}`,...(mo=(uo=g1.parameters)==null?void 0:uo.docs)==null?void 0:mo.source}}};var ho,po,lo;f1.parameters={...f1.parameters,docs:{...(ho=f1.parameters)==null?void 0:ho.docs,source:{originalSource:`function () {
-  return ;
-}`,...(lo=(po=f1.parameters)==null?void 0:po.docs)==null?void 0:lo.source}}};var go,fo,Lo;L1.parameters={...L1.parameters,docs:{...(go=L1.parameters)==null?void 0:go.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Lo=(fo=L1.parameters)==null?void 0:fo.docs)==null?void 0:Lo.source}}};var vo,Io,Zo;v1.parameters={...v1.parameters,docs:{...(vo=v1.parameters)==null?void 0:vo.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Zo=(Io=v1.parameters)==null?void 0:Io.docs)==null?void 0:Zo.source}}};var Ho,Vo,So;I1.parameters={...I1.parameters,docs:{...(Ho=I1.parameters)==null?void 0:Ho.docs,source:{originalSource:`function () {
-  return ;
-}`,...(So=(Vo=I1.parameters)==null?void 0:Vo.docs)==null?void 0:So.source}}};var wo,Mo,Co;Z1.parameters={...Z1.parameters,docs:{...(wo=Z1.parameters)==null?void 0:wo.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Co=(Mo=Z1.parameters)==null?void 0:Mo.docs)==null?void 0:Co.source}}};var yo,Ao,ko;H1.parameters={...H1.parameters,docs:{...(yo=H1.parameters)==null?void 0:yo.docs,source:{originalSource:`function () {
-  return ;
-}`,...(ko=(Ao=H1.parameters)==null?void 0:Ao.docs)==null?void 0:ko.source}}};var To,xo,Do;V1.parameters={...V1.parameters,docs:{...(To=V1.parameters)==null?void 0:To.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Do=(xo=V1.parameters)==null?void 0:xo.docs)==null?void 0:Do.source}}};const dn=["AlignBottom","AlignMiddle","AlignTop","AnchorHorizontal","AnchorVertical","ArrowDown","ArrowLeftRight","ArrowLeft","ArrowRight","ArrowUpDown","ArrowUp","AutoLayoutHorizontalBottom","AutoLayoutHorizontalCenter","AutoLayoutHorizontalTop","AutoLayoutVerticalCenter","AutoLayoutVerticalLeft","AutoLayoutVerticalRight","CaretDown","CaretLeft","CaretRight","CaretUp","ChevronDown","ChevronUp","CircleHelp","CircleInfo","Code","Connector","Hyperlink","LayerAnimated","LayerComponent","LayerEllipse","LayerFrameCoverArt","LayerFrameScrollingHorizontal","LayerFrameScrollingVertical","LayerFrameScrolling","LayerFrame","LayerGroup","LayerImage","LayerInstance","LayerLine","LayerMask","LayerRectangle","LayerSlice","LayerText","LayerVector","LockLocked","LockUnlocked","MenuCheckmarkBreadcrumb","MenuCheckmarkChecked","MenuCheckmarkMixed","MoveDown","MoveRight","OptionCheck","OptionDisabled","OrientationLandscape","OrientationPortrait","PaddingHorizontal","PaddingVertical","SpaceHorizontal","SpaceVertical","StarFilled","Star","Swap","Target","TextAlignCenter","TextAlignJustified","TextAlignLeft","TextAlignRight","TextDecorationStrikethrough","TextDecorationUnderline","Upload","VisibilityHidden","VisibilityVisible","Warning","World"];export{o as AlignBottom,t as AlignMiddle,n as AlignTop,c as AnchorHorizontal,a as AnchorVertical,s as ArrowDown,u as ArrowLeft,i as ArrowLeftRight,m as ArrowRight,d as ArrowUp,h as ArrowUpDown,p as AutoLayoutHorizontalBottom,l as AutoLayoutHorizontalCenter,g as AutoLayoutHorizontalTop,f as AutoLayoutVerticalCenter,L as AutoLayoutVerticalLeft,v as AutoLayoutVerticalRight,I as CaretDown,Z as CaretLeft,H as CaretRight,V as CaretUp,S as ChevronDown,w as ChevronUp,M as CircleHelp,C as CircleInfo,y as Code,A as Connector,k as Hyperlink,T as LayerAnimated,x as LayerComponent,D as LayerEllipse,b as LayerFrame,z as LayerFrameCoverArt,F as LayerFrameScrolling,R as LayerFrameScrollingHorizontal,U as LayerFrameScrollingVertical,O as LayerGroup,B as LayerImage,P as LayerInstance,W as LayerLine,E as LayerMask,G as LayerRectangle,J as LayerSlice,_ as LayerText,j as LayerVector,q as LockLocked,K as LockUnlocked,N as MenuCheckmarkBreadcrumb,Q as MenuCheckmarkChecked,X as MenuCheckmarkMixed,Y as MoveDown,$ as MoveRight,r1 as OptionCheck,e1 as OptionDisabled,o1 as OrientationLandscape,t1 as OrientationPortrait,n1 as PaddingHorizontal,c1 as PaddingVertical,a1 as SpaceHorizontal,s1 as SpaceVertical,u1 as Star,i1 as StarFilled,m1 as Swap,h1 as Target,d1 as TextAlignCenter,p1 as TextAlignJustified,l1 as TextAlignLeft,g1 as TextAlignRight,f1 as TextDecorationStrikethrough,L1 as TextDecorationUnderline,v1 as Upload,I1 as VisibilityHidden,Z1 as VisibilityVisible,H1 as Warning,V1 as World,dn as __namedExportsOrder,hn as default};
-//# sourceMappingURL=icon-16.stories-dff3ba7c.js.map
diff --git a/storybook/assets/icon-16.stories-dff3ba7c.js.map b/storybook/assets/icon-16.stories-dff3ba7c.js.map
deleted file mode 100644
index 3bd6e9099..000000000
--- a/storybook/assets/icon-16.stories-dff3ba7c.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-16.stories-dff3ba7c.js","sources":["../../src/icons/icon-16/icon-align-bottom-16.ts","../../src/icons/icon-16/icon-align-middle-16.ts","../../src/icons/icon-16/icon-align-top-16.ts","../../src/icons/icon-16/icon-anchor-horizontal-16.ts","../../src/icons/icon-16/icon-anchor-vertical-16.ts","../../src/icons/icon-16/icon-arrow-down-16.ts","../../src/icons/icon-16/icon-arrow-left-16.ts","../../src/icons/icon-16/icon-arrow-left-right-16.ts","../../src/icons/icon-16/icon-arrow-right-16.ts","../../src/icons/icon-16/icon-arrow-up-16.ts","../../src/icons/icon-16/icon-arrow-up-down-16.ts","../../src/icons/icon-16/icon-auto-layout-horizontal-bottom-16.ts","../../src/icons/icon-16/icon-auto-layout-horizontal-center-16.ts","../../src/icons/icon-16/icon-auto-layout-horizontal-top-16.ts","../../src/icons/icon-16/icon-auto-layout-vertical-center-16.ts","../../src/icons/icon-16/icon-auto-layout-vertical-left-16.ts","../../src/icons/icon-16/icon-auto-layout-vertical-right-16.ts","../../src/icons/icon-16/icon-caret-down-16.ts","../../src/icons/icon-16/icon-caret-left-16.ts","../../src/icons/icon-16/icon-caret-up-16.ts","../../src/icons/icon-16/icon-chevron-down-16.ts","../../src/icons/icon-16/icon-chevron-up-16.ts","../../src/icons/icon-16/icon-circle-help-16.ts","../../src/icons/icon-16/icon-circle-info-16.ts","../../src/icons/icon-16/icon-code-16.ts","../../src/icons/icon-16/icon-connector-16.ts","../../src/icons/icon-16/icon-hyperlink-16.ts","../../src/icons/icon-16/icon-layer-animated-16.ts","../../src/icons/icon-16/icon-layer-ellipse-16.ts","../../src/icons/icon-16/icon-layer-frame-cover-art-16.ts","../../src/icons/icon-16/icon-layer-frame-scrolling-16.ts","../../src/icons/icon-16/icon-layer-frame-scrolling-horizontal-16.ts","../../src/icons/icon-16/icon-layer-frame-scrolling-vertical-16.ts","../../src/icons/icon-16/icon-layer-group-16.ts","../../src/icons/icon-16/icon-layer-image-16.ts","../../src/icons/icon-16/icon-layer-instance-16.ts","../../src/icons/icon-16/icon-layer-line-16.ts","../../src/icons/icon-16/icon-layer-mask-16.ts","../../src/icons/icon-16/icon-layer-rectangle-16.ts","../../src/icons/icon-16/icon-layer-slice-16.ts","../../src/icons/icon-16/icon-layer-text-16.ts","../../src/icons/icon-16/icon-layer-vector-16.ts","../../src/icons/icon-16/icon-lock-locked-16.ts","../../src/icons/icon-16/icon-lock-unlocked-16.ts","../../src/icons/icon-16/icon-menu-checkmark-breadcrumb-16.ts","../../src/icons/icon-16/icon-menu-checkmark-mixed-16.ts","../../src/icons/icon-16/icon-move-down-16.ts","../../src/icons/icon-16/icon-move-right-16.ts","../../src/icons/icon-16/icon-option-check-16.ts","../../src/icons/icon-16/icon-option-disabled-16.ts","../../src/icons/icon-16/icon-orientation-landscape-16.ts","../../src/icons/icon-16/icon-orientation-portrait-16.ts","../../src/icons/icon-16/icon-padding-horizontal-16.ts","../../src/icons/icon-16/icon-padding-vertical-16.ts","../../src/icons/icon-16/icon-space-vertical-16.ts","../../src/icons/icon-16/icon-star-16.ts","../../src/icons/icon-16/icon-star-filled-16.ts","../../src/icons/icon-16/icon-swap-16.ts","../../src/icons/icon-16/icon-target-16.ts","../../src/icons/icon-16/icon-text-align-justified-16.ts","../../src/icons/icon-16/icon-text-decoration-strikethrough-16.ts","../../src/icons/icon-16/icon-text-decoration-underline-16.ts","../../src/icons/icon-16/icon-upload-16.ts","../../src/icons/icon-16/icon-visibility-hidden-16.ts","../../src/icons/icon-16/icon-visibility-visible-16.ts","../../src/icons/icon-16/icon-warning-16.ts","../../src/icons/icon-16/icon-world-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAlignBottom16 = createIcon(\n  'M8.35355 12.3536 8 12.7071l-.35355-.3535-3-3.00005.7071-.7071L7.5 10.7929V3h1v7.7929l2.1464-2.14645.7072.7071-3.00005 3.00005ZM15 14v1H1v-1h14Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAlignMiddle16 = createIcon(\n  'm8 6.20711.35355-.35356 2.00005-2-.70715-.7071L8.5 4.29289V0h-1v4.29289L6.35355 3.14645l-.7071.7071 2 2L8 6.20711Zm0 3.58578.35355.35351 2.00005 2-.70715.7072L8.5 11.7071V16h-1v-4.2929l-1.14645 1.1465-.7071-.7072 2-2L8 9.79289ZM1 8.5h14v-1H1v1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAlignTop16 = createIcon(\n  'M15 1H1v1h14V1ZM8.35355 3.64645 8 3.29289l-.35355.35356-3 3 .7071.7071L7.5 5.20711V13h1V5.20711l2.1464 2.14644.7072-.7071-3.00005-3Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAnchorHorizontal16 = createIcon(\n  'M3.50021 7.49987v-2h-1V10.4999h1V8.49987h8.99999v2.00003h1V5.49987h-1v2H3.50021Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAnchorVertical16 = createIcon(\n  'M5.50006 2.50018h5.00004v1H8.50006v9.00002h2.00004v1H5.50006v-1h2V3.50018h-2v-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowDown16 = createIcon(\n  'm7.99998 12.7071-.35356-.3535-3-3.00005.70711-.7071 2.14645 2.14645V2.5h1v8.2929l2.14642-2.14645.7071.7071-2.99997 3.00005-.35355.3535Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowLeft16 = createIcon(\n  'm2.29291 8.00001.35355-.35356 3-3 .70711.70711-2.14645 2.14645H12.5v1H4.20712l2.14645 2.14649-.70711.7071-3-3.00004-.35355-.35355Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowLeftRight16 = createIcon(\n  'm10.8534 4.64651 3 3.00001.3536.35355-.3536.35355-3 2.99998-.7071-.7071 2.1464-2.1464-8.58576.00019 2.14648 2.14651-.70711.7071-3-3.00003-.35355-.35356.35355-.35355 3-3 .70711.70711L3.707 7.50029l8.5858-.00019-2.1465-2.14648.7071-.70711Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowRight16 = createIcon(\n  'm12.7071 8.00001-.3535-.35356-3.00005-3-.7071.70711 2.14645 2.14645H2.5v1h8.2929L8.64645 10.6465l.7071.7071 3.00005-3.00004.3535-.35355Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowUp16 = createIcon(\n  'm7.99998 2.29289-.35356.35356-3 3 .70711.7071 2.14645-2.14644V12.5h1V4.20711l2.14642 2.14644.7071-.7071-2.99997-3-.35355-.35356Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowUpDown16 = createIcon(\n  'm7.99979 1.79308.35356.35355 2.99995 3-.7071.70711-2.14638-2.14642.00019 8.58578 2.14649-2.1465.7071.7071-3.00001 3-.35355.3536-.35356-.3536-3-3 .70711-.7071 2.14642 2.1464-.00019-8.58574-2.14647 2.14648-.70711-.70711 3-3 .35355-.35355Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAutoLayoutHorizontalBottom16 = createIcon(\n  'M7 13h2V3H7v10Zm-4 0h2V5H3v8Zm10 0h-2V7h2v6Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAutoLayoutHorizontalCenter16 = createIcon(\n  'M7 13h2V3H7v10Zm-4-1h2V4H3v8Zm10-1h-2V5h2v6Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAutoLayoutHorizontalTop16 = createIcon(\n  'M3 11h2V3H3v8Zm4 2h2V3H7v10Zm6-4h-2V3h2v6Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAutoLayoutVerticalCenter16 = createIcon(\n  'M4 3v2h8V3H4ZM3 7v2h10V7H3Zm2 6v-2h6v2H5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAutoLayoutVerticalLeft16 = createIcon(\n  'M3 3v2h8V3H3Zm0 4v2h10V7H3Zm0 6v-2h6v2H3Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAutoLayoutVerticalRight16 = createIcon(\n  'M5 3v2h8V3H5ZM3 7v2h10V7H3Zm4 6v-2h6v2H7Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCaretDown16 = createIcon('m8 10 3-4H5l3 4Z', {\n  height: 16,\n  width: 16\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCaretLeft16 = createIcon('m4 8 4 3V5L4 8Z', {\n  height: 16,\n  width: 16\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCaretUp16 = createIcon('m8 6 3 4H5l3-4Z', {\n  height: 16,\n  width: 16\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconChevronDown16 = createIcon(\n  'm7.646 9.708-3-3L5.354 6 8 8.647 10.646 6l.708.708-3 3-.354.353-.354-.353Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconChevronUp16 = createIcon(\n  'm8.354 6.292 3 3-.708.708L8 7.35299 5.354 10l-.708-.708 3-3L8 5.939l.354.353Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCircleHelp16 = createIcon(\n  'M13 8c0 2.761-2.239 5-5 5s-5-2.239-5-5 2.239-5 5-5 5 2.239 5 5Zm1 0c0 3.313-2.686 6-6 6s-6-2.687-6-6 2.686-6 6-6 6 2.687 6 6Zm-6.512.383c-.088.216-.133.506-.133.87h1l.016-.237c.029-.256.142-.478.34-.668l.316-.301c.248-.24.421-.457.52-.652.099-.198.148-.408.148-.63 0-.486-.152-.863-.457-1.128-.304-.268-.733-.403-1.285-.403-.547 0-.98.141-1.297.422-.315.281-.475.67-.48 1.168h1.133c.003-.147.035-.272.093-.374.024-.042.053-.08.086-.114.062-.063.134-.11.217-.14.075-.027.157-.04.248-.04.406 0 .61.22.61.66 0 .075-.01.148-.031.22-.02.067-.048.133-.087.198-.078.13-.235.301-.472.512-.235.209-.396.42-.485.637Zm-.07 1.64c-.117.112-.176.256-.176.43 0 .172.058.314.172.426.117.112.27.168.461.168.12 0 .227-.023.317-.068.052-.026.098-.06.14-.1.117-.112.176-.254.176-.426 0-.174-.06-.318-.18-.43-.117-.114-.268-.171-.453-.171-.094 0-.18.015-.258.044-.074.029-.14.071-.199.127Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCircleInfo16 = createIcon(\n  'M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6Zm0-1c-2.946 0-5-2.054-5-5s2.054-5 5-5 5 2.054 5 5-2.054 5-5 5Zm-.5-5.667h1v4h-1v-4Zm-.166-2c0-.368.298-.666.667-.666.368 0 .666.298.666.666 0 .369-.298.667-.666.667-.369 0-.667-.298-.667-.667Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCode16 = createIcon(\n  'm2.46405 8.242 3.89-3.889-.708-.707-4.242 4.243-.354.353.354.354 4.242 4.242.707-.707-3.889-3.889ZM10.354 3.646l4.242 4.243.354.353-.354.354-4.243 4.242-.70695-.707L13.536 8.242 9.64605 4.353l.70695-.707h.001Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconConnector16 = createIcon(\n  'm11.1464 2.85365 1.4981 1.49808c-1.7359-.10233-2.92093.18287-3.73546.77525C7.88 5.87537 7.573 7.02265 7.38356 8.03295c-.03829.20421-.07091.39751-.10247.58449l-.00001.00005v.00002c-.05134.30415-.09986.59158-.16533.88202-.10226.45369-.23085.83277-.42639 1.13557-.18831.2915-.44708.5257-.84261.6808-.2387.0936-.5358.1616-.90831.1899C4.7184 10.6403 3.93396 10.0001 3 10.0001c-1.10457 0-2 .8954-2 2s.89543 2 2 2c.92894 0 1.70996-.6333 1.93484-1.4917.48828-.0302.91098-.118 1.277-.2616.60057-.2355 1.02148-.6108 1.31755-1.0692.28884-.4472.44931-.9587.56189-1.45818.07023-.31158.12803-.65231.18348-.97918l.00001-.00001v-.00001c.0307-.18101.06069-.35777.09167-.52298.18556-.9897.44106-1.77992 1.13077-2.28152.59539-.43302 1.60889-.7169 3.42159-.56157l-1.7724 1.7724.7072.7071 2.5-2.5.3535-.35355-.3535-.35355-2.5-2.5-.7072.7071ZM4 12.0001c0-.5523-.44772-1-1-1s-1 .4477-1 1 .44772 1 1 1c.50341 0 .91994-.372.98972-.8561L4 12.0001Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconHyperlink16 = createIcon(\n  'm5.52512 13.6568 2.65165-2.6516.70711.7071-2.65165 2.6517c-1.26921 1.2692-3.32699 1.2692-4.5962 0-1.2692-1.2692-1.2692-3.327 0-4.59624l2.65165-2.65165.70711.70711-2.65165 2.65168c-.87868.8786-.87868 2.3033 0 3.1819.87868.8787 2.3033.8787 3.18198 0Zm6.18718-4.77292-.7071-.70711 2.6516-2.65165c.8787-.87868.8787-2.3033 0-3.18198-.8786-.87868-2.3033-.87868-3.1819 0L7.82322 4.99479l-.70711-.70711 2.65165-2.65165c1.26924-1.2692 3.32704-1.2692 4.59624 0 1.2692 1.26921 1.2692 3.32699 0 4.5962l-2.6517 2.65165ZM6.26169 10.5043l4.24261-4.24261-.766-.76603L5.49566 9.7383l.76603.766Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerAnimated16 = createIcon(\n  'M3 3h10v10H3V3ZM2 3c0-.55228.44772-1 1-1h10c.5523 0 1 .44772 1 1v10c0 .5523-.4477 1-1 1H3c-.55228 0-1-.4477-1-1V3Zm8.5 5L6.00003 5.5v5L10.5 8Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerEllipse16 = createIcon(\n  'M8 12c2.2091 0 4-1.7909 4-4 0-2.20914-1.7909-4-4-4-2.20914 0-4 1.79086-4 4 0 2.2091 1.79086 4 4 4Zm0 1c2.7614 0 5-2.2386 5-5 0-2.76142-2.2386-5-5-5-2.76142 0-5 2.23858-5 5 0 2.7614 2.23858 5 5 5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerFrameCoverArt16 = createIcon(\n  'M5 4h6c.5523 0 1 .44772 1 1v4H4V5c0-.55228.44772-1 1-1Zm-1 6v1c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-1H4ZM3 5c0-1.10457.89543-2 2-2h6c1.1046 0 2 .89543 2 2v6c0 1.1046-.8954 2-2 2H5c-1.10457 0-2-.8954-2-2V5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerFrameScrolling16 = createIcon(\n  'm8.35357 2.6464-.35356-.35355-.35355.35355-2 2 .70711.70711 1.14644-1.14645v3.29289H4.20712l1.14645-1.14644-.70711-.70711-2 2-.35355.35355.35355.35356 2 1.99999.70711-.7071-1.14645-1.14645h3.29289v3.29285l-1.14644-1.1464-.70711.7071 2 2 .35355.3536.35356-.3536 2.00003-2-.70714-.7071-1.14645 1.1464V8.49995h3.29289L10.6465 9.6464l.7071.7071 2-1.99999.3535-.35356-.3535-.35355-2-2-.7071.70711 1.1464 1.14644H8.50001V4.20706l1.14645 1.14645.70714-.70711-2.00003-2Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerFrameScrollingHorizontal16 = createIcon(\n  'M12 4H3V3h10v1h-1Zm0 8h1v1H3v-1h9Zm.3536-4.35355-2-2-.70715.7071L10.7929 7.5H5.20711l1.14644-1.14645-.7071-.7071-2 2L3.29289 8l.35356.35355 2 2.00005.7071-.70715L5.20711 8.5h5.58579L9.64645 9.64645l.70715.70715 2-2.00005L12.7071 8l-.3535-.35355Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerFrameScrollingVertical16 = createIcon(\n  'M4 4v9H3V3h1v1Zm8 9h1V3h-1v10ZM8.35355 3.64645 8 3.29289l-.35355.35356-2 2 .7071.7071L7.5 5.20711v5.58579L6.35355 9.64645l-.7071.70715 2 2L8 12.7071l.35355-.3535 2.00005-2-.70715-.70715L8.5 10.7929V5.20711l1.14645 1.14644.70715-.7071-2.00005-2Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerGroup16 = createIcon(\n  'M9 3H7v1h2V3Zm2.5 9h.5v-.5h1V13h-1.5v-1ZM4 7v2H3V7h1Zm8-2.5V4h-.5V3H13v1.5h-1ZM12 7v2h1V7h-1ZM4 4.5V4h.5V3H3v1.5h1ZM3 12v-.5h1v.5h.5v1H3v-1Zm6 0H7v1h2v-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerImage16 = createIcon(\n  'M13 3H3v6.29289l2.14645-2.14644L5.5 6.79289l.35355.35356L11.7071 13H13V3ZM3 13v-2.2929l2.5-2.49999L10.2929 13H3ZM3 2c-.55228 0-1 .44772-1 1v10c0 .5523.44772 1 1 1h10c.5523 0 1-.4477 1-1V3c0-.55228-.4477-1-1-1H3Zm8 4c0 .55228-.4477 1-1 1-.55228 0-1-.44772-1-1s.44772-1 1-1c.5523 0 1 .44772 1 1Zm1 0c0 1.10457-.8954 2-2 2-1.10457 0-2-.89543-2-2s.89543-2 2-2c1.1046 0 2 .89543 2 2Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerInstance16 = createIcon(\n  'm1.82825 8 .33587-.33588 5.5-5.5L8 1.82825l.33587.33587 5.50003 5.5L14.1717 8l-.3358.33587-5.50003 5.50003L8 14.1717l-.33588-.3358-5.5-5.50003L1.82825 8ZM8 12.8282 12.8282 8 8 3.17175 3.17175 8 8 12.8282Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerLine16 = createIcon('M3.5 7.5h9v1h-9v-1Z', {\n  height: 16,\n  width: 16\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerMask16 = createIcon(\n  'M6.86036 3.64556C7.22433 3.55057 7.60626 3.5 8 3.5c2.4853 0 4.5 2.01472 4.5 4.5 0 2.4853-2.0147 4.5-4.5 4.5-.39375 0-.7757-.0506-1.13969-.1456C8.16184 11.3486 9 9.77215 9 7.99998c0-1.77215-.83814-3.34855-2.13964-4.35442ZM8 2.5C4.96243 2.5 2.5 4.96243 2.5 8c0 3.0376 2.46243 5.5 5.5 5.5 3.0376 0 5.5-2.4624 5.5-5.5 0-3.03757-2.4624-5.5-5.5-5.5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerRectangle16 = createIcon(\n  'M12 4H4v8h8V4ZM4 3H3v10h10V3H4Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerSlice16 = createIcon(\n  'M10 3H6v1h4V3ZM4 4V3H3v1h1ZM3 6h1v4H3V6Zm9 0h1v4h-1V6Zm1-2h-1V3h1v1Zm-7 8h4v1H6v-1Zm-2 0H3v1h1v-1Zm8 1v-1h1v1h-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerText16 = createIcon(\n  'M3 3h10v3h-1V4H8.5v8H10v1H6v-1h1.5V4H4v2H3V3Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerVector16 = createIcon(\n  'm4.315 6.336-.479-.143-.15.503.479.143.15-.503Zm.3-1.006-.479-.143-.15.503.479.143.15-.503Zm-.328-.646.479.143.15-.503-.479-.143-.15.503Zm.93-1.365-.479-.143-.15.503.479.143.15-.503Zm5.566 9.393.479.143.15-.503-.479-.143-.15.503Zm.93-1.365-.479-.143-.15.503.479.143.15-.503Zm-.328-.646.479.143.15-.503-.479-.143-.15.503Zm.3-1.006.479.143.15-.503-.479-.143-.15.503ZM5.5 3.25c.69 0 1.25-.56 1.25-1.25S6.19.75 5.5.75 4.25 1.31 4.25 2s.56 1.25 1.25 1.25Zm0-2c.414 0 .75.336.75.75s-.336.75-.75.75-.75-.336-.75-.75.336-.75.75-.75Zm5 11.5c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25Zm0 2c-.414 0-.75-.336-.75-.75s.336-.75.75-.75.75.336.75.75-.336.75-.75.75ZM13.5 3c-.828 0-1.5.672-1.5 1.5 0 .455.206.857.526 1.132-.011-.009-.025-.013-.036-.023-.248.556-.568 1.231-.93 1.904C10.068 10.285 9.223 10.5 9 10.5c-.093 0-.266 0-.387-.546C8.5 9.445 8.5 8.711 8.5 8c0-.764 0-1.555-.137-2.171C8.119 4.731 7.487 4.5 7 4.5c-.934 0-1.935.93-3.049 2.823l-.416-.125-.15.503.301.09c-.042.076-.083.143-.126.222-.046.085-.083.165-.127.25l-.198-.059-.15.503.106.032c-.081.163-.162.321-.236.477l-.02-.006-.041.139c-.106.225-.216.456-.305.655.016.001.03.009.045.011C2.588 10.009 2.546 10 2.5 10c-.828 0-1.5.672-1.5 1.5S1.672 13 2.5 13 4 12.328 4 11.5c0-.455-.207-.857-.526-1.132.011.009.026.014.036.023.248-.556.568-1.231.93-1.904C5.932 5.715 6.777 5.5 7 5.5c.093 0 .266 0 .387.546C7.5 6.555 7.5 7.29 7.5 8c0 .764 0 1.555.137 2.171C7.881 11.269 8.513 11.5 9 11.5c.93 0 1.926-.921 3.034-2.796l.432.129.15-.503-.316-.095c.047-.085.093-.16.141-.249.041-.076.074-.147.114-.223l.212.063.15-.503-.12-.036c.081-.162.163-.321.237-.477l.033.01.068-.226c.096-.205.197-.417.279-.599-.016-.001-.029-.009-.045-.011.043.007.086.016.131.016.828 0 1.5-.672 1.5-1.5S14.328 3 13.5 3Zm-10 8.5c0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1 .551 0 1 .449 1 1Zm10-6c-.551 0-1-.449-1-1 0-.551.449-1 1-1 .551 0 1 .449 1 1 0 .551-.449 1-1 1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLockLocked16 = createIcon(\n  'M9.5 5.5V7h-3V5.5C6.5 4.67157 7.17157 4 8 4s1.5.67157 1.5 1.5ZM5.5 7V5.5C5.5 4.11929 6.61929 3 8 3s2.5 1.11929 2.5 2.5V7h.5c.2761 0 .5.22386.5.5v5c0 .2761-.2239.5-.5.5H5c-.27614 0-.5-.2239-.5-.5v-5c0-.27614.22386-.5.5-.5h.5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLockUnlocked16 = createIcon(\n  'M10 6v1h.5c.2761 0 .5.22386.5.5v5c0 .2761-.2239.5-.5.5h-6c-.27614 0-.5-.2239-.5-.5v-5c0-.27614.22386-.5.5-.5H9V4.5C9 3.11929 10.1193 2 11.5 2S14 3.11929 14 4.5V6h-1V4.5c0-.82843-.6716-1.5-1.5-1.5S10 3.67157 10 4.5V6Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMenuCheckmarkBreadcrumb16 = createIcon(\n  'M10 8c0 1.10457-.89543 2-2 2s-2-.89543-2-2 .89543-2 2-2 2 .89543 2 2Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMenuCheckmarkMixed16 = createIcon('M12 9H4.00003V7H12v2Z', {\n  height: 16,\n  width: 16\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMoveDown16 = createIcon(\n  'M7.49998 3.5H4v1h3.49998v7.2929L5.35353 9.64645l-.70711.70715 3 3 .35356.3535.35355-.3535 2.99997-3-.7071-.70715-2.14642 2.14645V4.5H12v-1H7.49998Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMoveRight16 = createIcon(\n  'M4.5 4h-1v8h1V8.50004h7.2929L9.64645 10.6465l.70715.7071 3-3.00001.3535-.35355-.3535-.35356-3-3-.70715.70711 2.14645 2.14645H4.5V4Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconOptionCheck16 = createIcon(\n  'M12.654 5.40701 7 11.061 3.646 7.70701l.708-.707L7 9.64601l4.947-4.946.707.707Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconOptionDisabled16 = createIcon('M10 9H6V8h4v1Z', {\n  height: 16,\n  width: 16\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconOrientationLandscape16 = createIcon(\n  'M2 5v6h12V5H2Zm-1 6v1h14V4H1v7Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconOrientationPortrait16 = createIcon(\n  'M11 2H5v12h6V2ZM5 1H4v14h8V1H5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPaddingHorizontal16 = createIcon(\n  'M3 3v10h1V3H3Zm2 10V3h1v10H5Zm5-10v10h1V3h-1Zm2 0v10h1V3h-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPaddingVertical16 = createIcon(\n  'M13 3H3v1h10V3ZM3 5h10v1H3V5Zm10 5H3v1h10v-1Zm0 2H3v1h10v-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSpaceVertical16 = createIcon(\n  'M2 2v3h12V2h-1v2H3V2H2Zm9 7H5V8h6v1Zm-9 3h12v3h-1v-2H3v2H2v-3Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconStar16 = createIcon(\n  'M10 5.5 8.53851 1.84629 7.99999.5l-.53851 1.34629L6 5.5H1l1.18159 1L5 8.88525 3.93641 12.5599 3.5 14.0676l1.29695-.8841L8 11l3.195 2.13L12.5 14l-.4507-1.5023L11 9l2.8571-2.5L15 5.5h-5Zm2.3386 1H9.32297l-.25145-.62861-1.07153-2.67881-1.07151 2.67881L6.67703 6.5H3.72955l1.91646 1.62193.49478.41873-.18022.62263-.72721 2.51251 2.20337-1.5021.55704-.3797.56093.3739 2.1896 1.4598-.7021-2.34035-.1849-.61625.4842-.42368L12.3386 6.5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconStarFilled16 = createIcon(\n  'M7.99999.5 10 5.5h5L11 9l1.5 5L8 11l-4.5 3.0676L5 8.88525 1 5.5h5l1.99999-5Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSwap16 = createIcon(\n  'm14.6096 5.68765-1.1747 1.46838A5.45572 5.45572 0 0 0 13.4083 7a5.50008 5.50008 0 0 0-3.80761-4.26192 5.49996 5.49996 0 0 0-6.16897 2.1991l.00014.0001.83045.55678.00014.0001a4.49984 4.49984 0 0 1 5.04715-1.7992 4.49969 4.49969 0 0 1 2.3057 1.62592 4.49893 4.49893 0 0 1 .862 2.22975l-2.2-1.46665-.55466.83205 2.99996 2 .3815.25427.2863-.35795 2-2.5-.7808-.6247Zm-12.00004 1.5-2 2.5.78087.62465 1.1747-1.46833a5.50004 5.50004 0 0 0 7.28165 4.33673 5.50141 5.50141 0 0 0 2.08852-1.3383c.2326-.2383.4443-.4984.6318-.7778l.0012-.0018-.0002-.0001-.8304-.5568-.0002-.0001-.001.0016a4.5 4.5 0 0 1-2.22555 1.7312 4.50006 4.50006 0 0 1-2.82057.0664 4.49895 4.49895 0 0 1-2.30574-1.6259 4.49964 4.49964 0 0 1-.86199-2.22973l2.19999 1.46666.5547-.83205-3-2-.38142-.25428-.28636.35795Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTarget16 = createIcon(\n  'M8.5 3.02469V1.5h-1v1.52469C5.13779 3.25922 3.25922 5.13779 3.02469 7.5H1.5v1h1.52469c.23453 2.3622 2.1131 4.2408 4.47531 4.4753V14.5h1v-1.5247c2.3622-.2345 4.2408-2.1131 4.4753-4.4753H14.5v-1h-1.5247C12.7408 5.13779 10.8622 3.25922 8.5 3.02469Zm-1 1.00626V6.5h1V4.03095c1.8094.22562 3.2434 1.65969 3.4691 3.46905H9.5v1h2.4691c-.2257 1.8094-1.6597 3.2434-3.4691 3.4691V9.5h-1v2.4691C5.69064 11.7434 4.25657 10.3094 4.03095 8.5H6.5v-1H4.03095C4.25657 5.69064 5.69064 4.25657 7.5 4.03095Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTextAlignJustified16 = createIcon(\n  'M1 3h14v1H1V3Zm0 4h14v1H1V7Zm14 4H1v1h14v-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTextDecorationStrikethrough16 = createIcon(\n  'M5.90385 3.29714C6.55586 2.76942 7.42764 2.5 8.34865 2.5c.90705 0 1.75585.22833 2.40705.74249.6614.52221 1.0693 1.30081 1.1492 2.2943l-.9968.08021c-.0603-.74929-.3535-1.25915-.7721-1.58968C9.70715 3.68872 9.09715 3.5 8.34865 3.5c-.73456 0-1.37218.21549-1.81567.57444-.43411.35136-.70313.85443-.70313 1.50245 0 .61536.28495 1.0132.63919 1.29239.06.04729.12155.09075.18355.13072H5.2422c-.24551-.37335-.41235-.84224-.41235-1.42311 0-.95906.4126-1.74443 1.074-2.27975ZM10.8235 10h1.0695c.0686.2406.107.507.107.8014 0 .9711-.3731 1.7923-1.0647 2.3611-.6804.5595-1.62217.8375-2.70735.8375-1.10045 0-1.98643-.3107-2.62807-.8789-.6402-.5669-.98918-1.3476-1.09599-2.1992l.99222-.1245c.08281.6603.34282 1.1997.7667 1.575.42244.3741 1.05562.6276 1.96514.6276.92479 0 1.61902-.2372 2.07215-.6099.442-.3635.6999-.8916.6999-1.5887 0-.3243-.0663-.586-.1765-.8014ZM2 9h12V8H2v1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTextDecorationUnderline16 = createIcon(\n  'M5.5 8.5V3h-1v5.5C4.5 10.433 6.067 12 8 12s3.5-1.567 3.5-3.5V3h-1v5.5C10.5 9.88071 9.38071 11 8 11S5.5 9.88071 5.5 8.5ZM2 14v1h12v-1H2Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconUpload16 = createIcon(\n  'M8.35355 1.64631 8 1.29276l-.35355.35355-3 3 .7071.70711L7.5 3.20697v7.79293h1V3.20697l2.1464 2.14645.7072-.70711-3.00005-3ZM2 11.9998H1v3.0001h14v-3.0001h-1v2.0001H2v-2.0001Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconVisibilityHidden16 = createIcon(\n  'M13.5085 7.80119c.5554-.52755 1.0351-1.13396 1.421-1.80119h-1.1842c-1.2655 1.81421-3.3673 3-5.74544 3s-4.47994-1.18579-5.7454-3H1.07022c.38597.66728.86567 1.27373 1.42112 1.80131L.89648 9.39623l.70712.70707 1.65734-1.65738c.71072.52339 1.51119.93212 2.37412 1.19877L5.01804 11.866l.96352.2676.62619-2.25431C7.05984 9.95862 7.52501 10 7.99986 10c.47481 0 .93994-.04137 1.39199-.12069l.62615 2.25429.9636-.2676-.617-2.22127c.863-.26667 1.6635-.67545 2.3743-1.19891l1.6576 1.65748.7071-.70709-1.5951-1.59502Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconVisibilityVisible16 = createIcon(\n  'M8.00007 11C5.70021 11 3.67791 9.80581 2.5217 8c1.15621-1.80581 3.17851-3 5.47837-3 2.29983 0 4.32213 1.19419 5.47833 3-1.1562 1.80581-3.1785 3-5.47833 3Zm0-7C10.8781 4 13.3775 5.6211 14.635 8c-1.2575 2.3789-3.7569 4-6.63493 4-2.87805 0-5.37746-1.6211-6.63496-4 1.2575-2.3789 3.75691-4 6.63496-4Zm.0003 6c1.10457 0 2.00003-.89543 2.00003-2s-.89546-2-2.00003-2c-1.10457 0-2 .89543-2 2s.89543 2 2 2Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconWarning16 = createIcon(\n  'm8 0 8 14.5H0L8 0Zm0 4.38174c.49706 0 .9.40294.9.9v3.0878c0 .49706-.40294.9-.9.9s-.9-.40294-.9-.9v-3.0878c0-.49706.40294-.9.9-.9Zm1.10007 7.37506c0-.6075-.49248-1.1-1.1-1.1-.60751 0-1.1.4925-1.1 1.1v.0686c0 .6075.49249 1.1 1.1 1.1.60752 0 1.1-.4925 1.1-1.1v-.0686Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconWorld16 = createIcon(\n  'M12.252 10.632C11.3703 12.0534 9.79568 13 8 13c-2.76142 0-5-2.2386-5-5 0-.43275.05498-.85266.15833-1.25313l1.04308.39116c.17215.06455.27211.24439.23605.42467l-.25129 1.25643c-.03545.17726.06061.35458.22845.42172l1.39677.55871a.375.375 0 0 1 .22845.27464l.31289 1.5645a.37514.37514 0 0 0 .10256.1916l.28708.2871c.18514.1851.4982.1283.60655-.11l1.46481-3.2226c.09692-.21324-.0232-.46217-.25044-.51898l-.96252-.24063a.37497.37497 0 0 1-.17422-.09864l-.94172-.94172a.375.375 0 0 0-.26516-.10983h-.73791a.375.375 0 0 1-.33541-.20729l-.46007-.92014c-.09956-.19913-.00472-.44066.20374-.51883l2.28603-.85726c.18298-.06862.28259-.26624.2289-.45414l-.24215-.84756C7.43502 3.02389 7.71472 3 8 3c.14661 0 .29176.00631.43517.01867l-.02726.21806a.37499.37499 0 0 0 .2044.38192l.35061.17531a.37498.37498 0 0 0 .32629.00441l.675-.315a.39535.39535 0 0 0 .07869-.04835c.7322.32818 1.3711.82736 1.8659 1.44673l-1.1416-.22832a.37505.37505 0 0 0-.2665.04616l-1.45293.87175c-.16802.10081-.2301.314-.14247.48926l.86605 1.73211A.37501.37501 0 0 0 10.1068 8h1.1103c.1675 0 .3146.11099.3606.27198l.6743 2.36002ZM14 8c0 3.3137-2.6863 6-6 6-3.31371 0-6-2.6863-6-6 0-3.31371 2.68629-6 6-6 3.3137 0 6 2.68629 6 6Z',\n  { height: 16, width: 16 }\n)\n"],"names":["IconAlignBottom16","createIcon","height","width","IconAlignMiddle16","IconAlignTop16","IconAnchorHorizontal16","IconAnchorVertical16","IconArrowDown16","IconArrowLeft16","IconArrowLeftRight16","IconArrowRight16","IconArrowUp16","IconArrowUpDown16","IconAutoLayoutHorizontalBottom16","IconAutoLayoutHorizontalCenter16","IconAutoLayoutHorizontalTop16","IconAutoLayoutVerticalCenter16","IconAutoLayoutVerticalLeft16","IconAutoLayoutVerticalRight16","IconCaretDown16","IconCaretLeft16","IconCaretUp16","IconChevronDown16","IconChevronUp16","IconCircleHelp16","IconCircleInfo16","IconCode16","IconConnector16","IconHyperlink16","IconLayerAnimated16","IconLayerEllipse16","IconLayerFrameCoverArt16","IconLayerFrameScrolling16","IconLayerFrameScrollingHorizontal16","IconLayerFrameScrollingVertical16","IconLayerGroup16","IconLayerImage16","IconLayerInstance16","IconLayerLine16","IconLayerMask16","IconLayerRectangle16","IconLayerSlice16","IconLayerText16","IconLayerVector16","IconLockLocked16","IconLockUnlocked16","IconMenuCheckmarkBreadcrumb16","IconMenuCheckmarkMixed16","IconMoveDown16","IconMoveRight16","IconOptionCheck16","IconOptionDisabled16","IconOrientationLandscape16","IconOrientationPortrait16","IconPaddingHorizontal16","IconPaddingVertical16","IconSpaceVertical16","IconStar16","IconStarFilled16","IconSwap16","IconTarget16","IconTextAlignJustified16","IconTextDecorationStrikethrough16","IconTextDecorationUnderline16","IconUpload16","IconVisibilityHidden16","IconVisibilityVisible16","IconWarning16","IconWorld16"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/icon-16.stories-ny6jNTwk.js b/storybook/assets/icon-16.stories-ny6jNTwk.js
new file mode 100644
index 000000000..0f14f79df
--- /dev/null
+++ b/storybook/assets/icon-16.stories-ny6jNTwk.js
@@ -0,0 +1,151 @@
+import{c as e}from"./create-icon-prVyFgUx.js";import{I as Ro}from"./icon-caret-right-16-4OZxGOFD.js";import{I as Uo}from"./icon-layer-component-16-Cmvba59g.js";import{I as Fo}from"./icon-layer-frame-16-sVAwYanE.js";import{I as bo}from"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import{I as Oo}from"./icon-space-horizontal-16-X-oA0OB9.js";import{a as Bo,I as Po,b as Wo}from"./icon-text-align-right-16-J_jF2sTt.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const Eo=e("M8.35355 12.3536 8 12.7071l-.35355-.3535-3-3.00005.7071-.7071L7.5 10.7929V3h1v7.7929l2.1464-2.14645.7072.7071zM15 14v1H1v-1z",{height:16,width:16}),Go=e("m8 6.20711.35355-.35356 2.00005-2-.70715-.7071L8.5 4.29289V0h-1v4.29289L6.35355 3.14645l-.7071.7071 2 2zm0 3.58578.35355.35351 2.00005 2-.70715.7072L8.5 11.7071V16h-1v-4.2929l-1.14645 1.1465-.7071-.7072 2-2zM1 8.5h14v-1H1z",{height:16,width:16}),Jo=e("M15 1H1v1h14zM8.35355 3.64645 8 3.29289l-.35355.35356-3 3 .7071.7071L7.5 5.20711V13h1V5.20711l2.1464 2.14644.7072-.7071z",{height:16,width:16}),_o=e("M3.50021 7.49987v-2h-1V10.4999h1V8.49987h8.99999v2.00003h1V5.49987h-1v2z",{height:16,width:16}),jo=e("M5.50006 2.50018h5.00004v1H8.50006v9.00002h2.00004v1H5.50006v-1h2V3.50018h-2z",{height:16,width:16}),qo=e("m7.99998 12.7071-.35356-.3535-3-3.00005.70711-.7071 2.14645 2.14645V2.5h1v8.2929l2.14642-2.14645.7071.7071-2.99997 3.00005z",{height:16,width:16}),Ko=e("m2.29291 8.00001.35355-.35356 3-3 .70711.70711-2.14645 2.14645H12.5v1H4.20712l2.14645 2.14649-.70711.7071-3-3.00004z",{height:16,width:16}),No=e("m10.8534 4.64651 3 3.00001.3536.35355-.3536.35355-3 2.99998-.7071-.7071 2.1464-2.1464-8.58576.00019 2.14648 2.14651-.70711.7071-3-3.00003-.35355-.35356.35355-.35355 3-3 .70711.70711L3.707 7.50029l8.5858-.00019-2.1465-2.14648z",{height:16,width:16}),Qo=e("m12.7071 8.00001-.3535-.35356-3.00005-3-.7071.70711 2.14645 2.14645H2.5v1h8.2929L8.64645 10.6465l.7071.7071 3.00005-3.00004z",{height:16,width:16}),Xo=e("m7.99998 2.29289-.35356.35356-3 3 .70711.7071 2.14645-2.14644V12.5h1V4.20711l2.14642 2.14644.7071-.7071-2.99997-3z",{height:16,width:16}),Yo=e("m7.99979 1.79308.35356.35355 2.99995 3-.7071.70711-2.14638-2.14642.00019 8.58578 2.14649-2.1465.7071.7071-3.00001 3-.35355.3536-.35356-.3536-3-3 .70711-.7071 2.14642 2.1464-.00019-8.58574-2.14647 2.14648-.70711-.70711 3-3z",{height:16,width:16}),Zo=e("M7 13h2V3H7zm-4 0h2V5H3zm10 0h-2V7h2z",{height:16,width:16}),$o=e("M7 13h2V3H7zm-4-1h2V4H3zm10-1h-2V5h2z",{height:16,width:16}),rt=e("M3 11h2V3H3zm4 2h2V3H7zm6-4h-2V3h2z",{height:16,width:16}),et=e("M4 3v2h8V3zM3 7v2h10V7zm2 6v-2h6v2z",{height:16,width:16}),ot=e("M3 3v2h8V3zm0 4v2h10V7zm0 6v-2h6v2z",{height:16,width:16}),tt=e("M5 3v2h8V3zM3 7v2h10V7zm4 6v-2h6v2z",{height:16,width:16}),nt=e("m8 10 3-4H5z",{height:16,width:16}),ct=e("m4 8 4 3V5z",{height:16,width:16}),at=e("m8 6 3 4H5z",{height:16,width:16}),st=e("m7.646 9.708-3-3L5.354 6 8 8.647 10.646 6l.708.708-3 3-.354.353z",{height:16,width:16}),it=e("m8.354 6.292 3 3-.708.708L8 7.35299 5.354 10l-.708-.708 3-3L8 5.939z",{height:16,width:16}),ut=e("M13 8c0 2.761-2.239 5-5 5s-5-2.239-5-5 2.239-5 5-5 5 2.239 5 5m1 0c0 3.313-2.686 6-6 6s-6-2.687-6-6 2.686-6 6-6 6 2.687 6 6m-6.512.383c-.088.216-.133.506-.133.87h1l.016-.237c.029-.256.142-.478.34-.668l.316-.301c.248-.24.421-.457.52-.652.099-.198.148-.408.148-.63 0-.486-.152-.863-.457-1.128-.304-.268-.733-.403-1.285-.403-.547 0-.98.141-1.297.422-.315.281-.475.67-.48 1.168h1.133c.003-.147.035-.272.093-.374.024-.042.053-.08.086-.114.062-.063.134-.11.217-.14.075-.027.157-.04.248-.04.406 0 .61.22.61.66 0 .075-.01.148-.031.22-.02.067-.048.133-.087.198-.078.13-.235.301-.472.512-.235.209-.396.42-.485.637m-.07 1.64c-.117.112-.176.256-.176.43 0 .172.058.314.172.426.117.112.27.168.461.168.12 0 .227-.023.317-.068.052-.026.098-.06.14-.1.117-.112.176-.254.176-.426 0-.174-.06-.318-.18-.43-.117-.114-.268-.171-.453-.171-.094 0-.18.015-.258.044-.074.029-.14.071-.199.127",{height:16,width:16}),mt=e("M8 14c3.314 0 6-2.686 6-6s-2.686-6-6-6-6 2.686-6 6 2.686 6 6 6m0-1c-2.946 0-5-2.054-5-5s2.054-5 5-5 5 2.054 5 5-2.054 5-5 5m-.5-5.667h1v4h-1V9.5zm-.166-2c0-.368.298-.666.667-.666.368 0 .666.298.666.666 0 .369-.298.667-.666.667-.369 0-.667-.298-.667-.667",{height:16,width:16}),ht=e("m2.46405 8.242 3.89-3.889-.708-.707-4.242 4.243-.354.353.354.354 4.242 4.242.707-.707zM10.354 3.646l4.242 4.243.354.353-.354.354-4.243 4.242-.70695-.707L13.536 8.242 9.64605 4.353l.70695-.707z",{height:16,width:16}),dt=e("m11.1464 2.85365 1.4981 1.49808c-1.7359-.10233-2.92093.18287-3.73546.77525C7.88 5.87537 7.573 7.02265 7.38356 8.03295c-.03829.20421-.07091.39751-.10247.58449l-.00001.00005v.00002c-.05134.30415-.09986.59158-.16533.88202-.10226.45369-.23085.83277-.42639 1.13557-.18831.2915-.44708.5257-.84261.6808-.2387.0936-.5358.1616-.90831.1899C4.7184 10.6403 3.93396 10.0001 3 10.0001c-1.10457 0-2 .8954-2 2s.89543 2 2 2c.92894 0 1.70996-.6333 1.93484-1.4917.48828-.0302.91098-.118 1.277-.2616.60057-.2355 1.02148-.6108 1.31755-1.0692.28884-.4472.44931-.9587.56189-1.45818.07023-.31158.12803-.65231.18348-.97918l.00001-.00001v-.00001c.0307-.18101.06069-.35777.09167-.52298.18556-.9897.44106-1.77992 1.13077-2.28152.59539-.43302 1.60889-.7169 3.42159-.56157l-1.7724 1.7724.7072.7071 2.5-2.5.3535-.35355-.3535-.35355-2.5-2.5zM4 12.0001c0-.5523-.44772-1-1-1s-1 .4477-1 1 .44772 1 1 1c.50341 0 .91994-.372.98972-.8561z",{height:16,width:16}),pt=e("m5.52512 13.6568 2.65165-2.6516.70711.7071-2.65165 2.6517c-1.26921 1.2692-3.32699 1.2692-4.5962 0-1.2692-1.2692-1.2692-3.327 0-4.59624l2.65165-2.65165.70711.70711-2.65165 2.65168c-.87868.8786-.87868 2.3033 0 3.1819.87868.8787 2.3033.8787 3.18198 0m6.18718-4.77292-.7071-.70711 2.6516-2.65165c.8787-.87868.8787-2.3033 0-3.18198-.8786-.87868-2.3033-.87868-3.1819 0L7.82322 4.99479l-.70711-.70711 2.65165-2.65165c1.26924-1.2692 3.32704-1.2692 4.59624 0 1.2692 1.26921 1.2692 3.32699 0 4.5962zM6.26169 10.5043l4.24261-4.24261-.766-.76603L5.49566 9.7383z",{height:16,width:16}),lt=e("M3 3h10v10H3zM2 3c0-.55228.44772-1 1-1h10c.5523 0 1 .44772 1 1v10c0 .5523-.4477 1-1 1H3c-.55228 0-1-.4477-1-1zm8.5 5L6.00003 5.5v5z",{height:16,width:16}),gt=e("M8 12c2.2091 0 4-1.7909 4-4 0-2.20914-1.7909-4-4-4-2.20914 0-4 1.79086-4 4 0 2.2091 1.79086 4 4 4m0 1c2.7614 0 5-2.2386 5-5 0-2.76142-2.2386-5-5-5-2.76142 0-5 2.23858-5 5 0 2.7614 2.23858 5 5 5",{height:16,width:16}),ft=e("M5 4h6c.5523 0 1 .44772 1 1v4H4V5c0-.55228.44772-1 1-1m-1 6v1c0 .5523.44772 1 1 1h6c.5523 0 1-.4477 1-1v-1zM3 5c0-1.10457.89543-2 2-2h6c1.1046 0 2 .89543 2 2v6c0 1.1046-.8954 2-2 2H5c-1.10457 0-2-.8954-2-2z",{height:16,width:16}),Lt=e("m8.35357 2.6464-.35356-.35355-.35355.35355-2 2 .70711.70711 1.14644-1.14645v3.29289H4.20712l1.14645-1.14644-.70711-.70711-2 2-.35355.35355.35355.35356 2 1.99999.70711-.7071-1.14645-1.14645h3.29289v3.29285l-1.14644-1.1464-.70711.7071 2 2 .35355.3536.35356-.3536 2.00003-2-.70714-.7071-1.14645 1.1464V8.49995h3.29289L10.6465 9.6464l.7071.7071 2-1.99999.3535-.35356-.3535-.35355-2-2-.7071.70711 1.1464 1.14644H8.50001V4.20706l1.14645 1.14645.70714-.70711z",{height:16,width:16}),It=e("M12 4H3V3h10v1zm0 8h1v1H3v-1h1zm.3536-4.35355-2-2-.70715.7071L10.7929 7.5H5.20711l1.14644-1.14645-.7071-.7071-2 2L3.29289 8l.35356.35355 2 2.00005.7071-.70715L5.20711 8.5h5.58579L9.64645 9.64645l.70715.70715 2-2.00005L12.7071 8z",{height:16,width:16}),zt=e("M4 4v9H3V3h1zm8 9h1V3h-1v9zM8.35355 3.64645 8 3.29289l-.35355.35356-2 2 .7071.7071L7.5 5.20711v5.58579L6.35355 9.64645l-.7071.70715 2 2L8 12.7071l.35355-.3535 2.00005-2-.70715-.70715L8.5 10.7929V5.20711l1.14645 1.14644.70715-.7071z",{height:16,width:16}),vt=e("M9 3H7v1h2zm2.5 9h.5v-.5h1V13h-1.5zM4 7v2H3V7zm8-2.5V4h-.5V3H13v1.5zM12 7v2h1V7zM4 4.5V4h.5V3H3v1.5zM3 12v-.5h1v.5h.5v1H3zm6 0H7v1h2z",{height:16,width:16}),Vt=e("M13 3H3v6.29289l2.14645-2.14644L5.5 6.79289l.35355.35356L11.7071 13H13zM3 13v-2.2929l2.5-2.49999L10.2929 13zM3 2c-.55228 0-1 .44772-1 1v10c0 .5523.44772 1 1 1h10c.5523 0 1-.4477 1-1V3c0-.55228-.4477-1-1-1zm8 4c0 .55228-.4477 1-1 1-.55228 0-1-.44772-1-1s.44772-1 1-1c.5523 0 1 .44772 1 1m1 0c0 1.10457-.8954 2-2 2-1.10457 0-2-.89543-2-2s.89543-2 2-2c1.1046 0 2 .89543 2 2",{height:16,width:16}),Ht=e("m1.82825 8 .33587-.33588 5.5-5.5L8 1.82825l.33587.33587 5.50003 5.5L14.1717 8l-.3358.33587-5.50003 5.50003L8 14.1717l-.33588-.3358-5.5-5.50003zM8 12.8282 12.8282 8 8 3.17175 3.17175 8z",{height:16,width:16}),St=e("M3.5 7.5h9v1h-9z",{height:16,width:16}),wt=e("M6.86036 3.64556C7.22433 3.55057 7.60626 3.5 8 3.5c2.4853 0 4.5 2.01472 4.5 4.5 0 2.4853-2.0147 4.5-4.5 4.5-.39375 0-.7757-.0506-1.13969-.1456C8.16184 11.3486 9 9.77215 9 7.99998c0-1.77215-.83814-3.34855-2.13964-4.35442M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8c0 3.0376 2.46243 5.5 5.5 5.5 3.0376 0 5.5-2.4624 5.5-5.5 0-3.03757-2.4624-5.5-5.5-5.5",{height:16,width:16}),Mt=e("M12 4H4v8h8zM4 3H3v10h10V3h-1z",{height:16,width:16}),Ct=e("M10 3H6v1h4zM4 4V3H3v1zM3 6h1v4H3zm9 0h1v4h-1zm1-2h-1V3h1zm-7 8h4v1H6zm-2 0H3v1h1zm8 1v-1h1v1z",{height:16,width:16}),yt=e("M3 3h10v3h-1V4H8.5v8H10v1H6v-1h1.5V4H4v2H3V3.5z",{height:16,width:16}),At=e("m4.315 6.336-.479-.143-.15.503.479.143zm.3-1.006-.479-.143-.15.503.479.143zm-.328-.646.479.143.15-.503-.479-.143zm.93-1.365-.479-.143-.15.503.479.143zm5.566 9.393.479.143.15-.503-.479-.143zm.93-1.365-.479-.143-.15.503.479.143zm-.328-.646.479.143.15-.503-.479-.143zm.3-1.006.479.143.15-.503-.479-.143zM5.5 3.25c.69 0 1.25-.56 1.25-1.25S6.19.75 5.5.75 4.25 1.31 4.25 2s.56 1.25 1.25 1.25m0-2c.414 0 .75.336.75.75s-.336.75-.75.75-.75-.336-.75-.75.336-.75.75-.75m5 11.5c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25m0 2c-.414 0-.75-.336-.75-.75s.336-.75.75-.75.75.336.75.75-.336.75-.75.75M13.5 3c-.828 0-1.5.672-1.5 1.5 0 .455.206.857.526 1.132-.011-.009-.025-.013-.036-.023-.248.556-.568 1.231-.93 1.904C10.068 10.285 9.223 10.5 9 10.5c-.093 0-.266 0-.387-.546C8.5 9.445 8.5 8.711 8.5 8c0-.764 0-1.555-.137-2.171C8.119 4.731 7.487 4.5 7 4.5c-.934 0-1.935.93-3.049 2.823l-.416-.125-.15.503.301.09c-.042.076-.083.143-.126.222-.046.085-.083.165-.127.25l-.198-.059-.15.503.106.032c-.081.163-.162.321-.236.477l-.02-.006-.041.139c-.106.225-.216.456-.305.655.016.001.03.009.045.011C2.588 10.009 2.546 10 2.5 10c-.828 0-1.5.672-1.5 1.5S1.672 13 2.5 13 4 12.328 4 11.5c0-.455-.207-.857-.526-1.132.011.009.026.014.036.023.248-.556.568-1.231.93-1.904C5.932 5.715 6.777 5.5 7 5.5c.093 0 .266 0 .387.546C7.5 6.555 7.5 7.29 7.5 8c0 .764 0 1.555.137 2.171C7.881 11.269 8.513 11.5 9 11.5c.93 0 1.926-.921 3.034-2.796l.432.129.15-.503-.316-.095c.047-.085.093-.16.141-.249.041-.076.074-.147.114-.223l.212.063.15-.503-.12-.036c.081-.162.163-.321.237-.477l.033.01.068-.226c.096-.205.197-.417.279-.599-.016-.001-.029-.009-.045-.011.043.007.086.016.131.016.828 0 1.5-.672 1.5-1.5S14.328 3 13.5 3m-10 8.5c0 .551-.449 1-1 1-.551 0-1-.449-1-1 0-.551.449-1 1-1 .551 0 1 .449 1 1m10-6c-.551 0-1-.449-1-1 0-.551.449-1 1-1 .551 0 1 .449 1 1 0 .551-.449 1-1 1",{height:16,width:16}),kt=e("M9.5 5.5V7h-3V5.5C6.5 4.67157 7.17157 4 8 4s1.5.67157 1.5 1.5M5.5 7V5.5C5.5 4.11929 6.61929 3 8 3s2.5 1.11929 2.5 2.5V7h.5c.2761 0 .5.22386.5.5v5c0 .2761-.2239.5-.5.5H5c-.27614 0-.5-.2239-.5-.5v-5c0-.27614.22386-.5.5-.5z",{height:16,width:16}),Tt=e("M10 6v1h.5c.2761 0 .5.22386.5.5v5c0 .2761-.2239.5-.5.5h-6c-.27614 0-.5-.2239-.5-.5v-5c0-.27614.22386-.5.5-.5H9V4.5C9 3.11929 10.1193 2 11.5 2S14 3.11929 14 4.5V6h-1V4.5c0-.82843-.6716-1.5-1.5-1.5S10 3.67157 10 4.5z",{height:16,width:16}),xt=e("M10 8c0 1.10457-.89543 2-2 2s-2-.89543-2-2 .89543-2 2-2 2 .89543 2 2",{height:16,width:16}),Dt=e("M12 9H4.00003V7H12z",{height:16,width:16}),Rt=e("M7.49998 3.5H4v1h3.49998v7.2929L5.35353 9.64645l-.70711.70715 3 3 .35356.3535.35355-.3535 2.99997-3-.7071-.70715-2.14642 2.14645V4.5H12v-1H8.49998z",{height:16,width:16}),Ut=e("M4.5 4h-1v8h1V8.50004h7.2929L9.64645 10.6465l.70715.7071 3-3.00001.3535-.35355-.3535-.35356-3-3-.70715.70711 2.14645 2.14645H4.5z",{height:16,width:16}),Ft=e("M12.654 5.40701 7 11.061 3.646 7.70701l.708-.707L7 9.64601l4.947-4.946z",{height:16,width:16}),bt=e("M10 9H6V8h4z",{height:16,width:16}),Ot=e("M2 5v6h12V5zm-1 6v1h14V4H1v1z",{height:16,width:16}),Bt=e("M11 2H5v12h6zM5 1H4v14h8V1h-1z",{height:16,width:16}),Pt=e("M3 3v10h1V3zm2 10V3h1v10zm5-10v10h1V3zm2 0v10h1V3z",{height:16,width:16}),Wt=e("M13 3H3v1h10zM3 5h10v1H3zm10 5H3v1h10zm0 2H3v1h10z",{height:16,width:16}),Et=e("M2 2v3h12V2h-1v2H3V2zm9 7H5V8h6zm-9 3h12v3h-1v-2H3v2H2v-2.5z",{height:16,width:16}),Gt=e("M10 5.5 8.53851 1.84629 7.99999.5l-.53851 1.34629L6 5.5H1l1.18159 1L5 8.88525 3.93641 12.5599 3.5 14.0676l1.29695-.8841L8 11l3.195 2.13L12.5 14l-.4507-1.5023L11 9l2.8571-2.5L15 5.5h-1.5186zm2.3386 1H9.32297l-.25145-.62861-1.07153-2.67881-1.07151 2.67881L6.67703 6.5H3.72955l1.91646 1.62193.49478.41873-.18022.62263-.72721 2.51251 2.20337-1.5021.55704-.3797.56093.3739 2.1896 1.4598-.7021-2.34035-.1849-.61625.4842-.42368z",{height:16,width:16}),Jt=e("M7.99999.5 10 5.5h5L11 9l1.5 5L8 11l-4.5 3.0676L5 8.88525 1 5.5h5z",{height:16,width:16}),_t=e("m14.6096 5.68765-1.1747 1.46838A5.45572 5.45572 0 0 0 13.4083 7a5.50008 5.50008 0 0 0-3.80761-4.26192 5.49996 5.49996 0 0 0-6.16897 2.1991l.00014.0001.83045.55678.00014.0001a4.49984 4.49984 0 0 1 5.04715-1.7992 4.49969 4.49969 0 0 1 2.3057 1.62592 4.49893 4.49893 0 0 1 .862 2.22975l-2.2-1.46665-.55466.83205 2.99996 2 .3815.25427.2863-.35795 2-2.5zm-12.00004 1.5-2 2.5.78087.62465 1.1747-1.46833a5.50004 5.50004 0 0 0 7.28165 4.33673 5.50141 5.50141 0 0 0 2.08852-1.3383c.2326-.2383.4443-.4984.6318-.7778l.0012-.0018-.0002-.0001-.8304-.5568-.0002-.0001-.001.0016a4.5 4.5 0 0 1-2.22555 1.7312 4.50006 4.50006 0 0 1-2.82057.0664 4.49895 4.49895 0 0 1-2.30574-1.6259 4.49964 4.49964 0 0 1-.86199-2.22973l2.19999 1.46666.5547-.83205-3-2-.38142-.25428z",{height:16,width:16}),jt=e("M8.5 3.02469V1.5h-1v1.52469C5.13779 3.25922 3.25922 5.13779 3.02469 7.5H1.5v1h1.52469c.23453 2.3622 2.1131 4.2408 4.47531 4.4753V14.5h1v-1.5247c2.3622-.2345 4.2408-2.1131 4.4753-4.4753H14.5v-1h-1.5247C12.7408 5.13779 10.8622 3.25922 8.5 3.02469m-1 1.00626V6.5h1V4.03095c1.8094.22562 3.2434 1.65969 3.4691 3.46905H9.5v1h2.4691c-.2257 1.8094-1.6597 3.2434-3.4691 3.4691V9.5h-1v2.4691C5.69064 11.7434 4.25657 10.3094 4.03095 8.5H6.5v-1H4.03095C4.25657 5.69064 5.69064 4.25657 7.5 4.03095",{height:16,width:16}),qt=e("M1 3h14v1H1zm0 4h14v1H1zm14 4H1v1h14z",{height:16,width:16}),Kt=e("M5.90385 3.29714C6.55586 2.76942 7.42764 2.5 8.34865 2.5c.90705 0 1.75585.22833 2.40705.74249.6614.52221 1.0693 1.30081 1.1492 2.2943l-.9968.08021c-.0603-.74929-.3535-1.25915-.7721-1.58968C9.70715 3.68872 9.09715 3.5 8.34865 3.5c-.73456 0-1.37218.21549-1.81567.57444-.43411.35136-.70313.85443-.70313 1.50245 0 .61536.28495 1.0132.63919 1.29239.06.04729.12155.09075.18355.13072H5.2422c-.24551-.37335-.41235-.84224-.41235-1.42311 0-.95906.4126-1.74443 1.074-2.27975M10.8235 10h1.0695c.0686.2406.107.507.107.8014 0 .9711-.3731 1.7923-1.0647 2.3611-.6804.5595-1.62217.8375-2.70735.8375-1.10045 0-1.98643-.3107-2.62807-.8789-.6402-.5669-.98918-1.3476-1.09599-2.1992l.99222-.1245c.08281.6603.34282 1.1997.7667 1.575.42244.3741 1.05562.6276 1.96514.6276.92479 0 1.61902-.2372 2.07215-.6099.442-.3635.6999-.8916.6999-1.5887 0-.3243-.0663-.586-.1765-.8014M2 9h12V8H2z",{height:16,width:16}),Nt=e("M5.5 8.5V3h-1v5.5C4.5 10.433 6.067 12 8 12s3.5-1.567 3.5-3.5V3h-1v5.5C10.5 9.88071 9.38071 11 8 11S5.5 9.88071 5.5 8.5M2 14v1h12v-1z",{height:16,width:16}),Qt=e("M8.35355 1.64631 8 1.29276l-.35355.35355-3 3 .7071.70711L7.5 3.20697v7.79293h1V3.20697l2.1464 2.14645.7072-.70711zM2 11.9998H1v3.0001h14v-3.0001h-1v2.0001H2z",{height:16,width:16}),Xt=e("M13.5085 7.80119c.5554-.52755 1.0351-1.13396 1.421-1.80119h-1.1842c-1.2655 1.81421-3.3673 3-5.74544 3s-4.47994-1.18579-5.7454-3H1.07022c.38597.66728.86567 1.27373 1.42112 1.80131L.89648 9.39623l.70712.70707 1.65734-1.65738c.71072.52339 1.51119.93212 2.37412 1.19877L5.01804 11.866l.96352.2676.62619-2.25431C7.05984 9.95862 7.52501 10 7.99986 10c.47481 0 .93994-.04137 1.39199-.12069l.62615 2.25429.9636-.2676-.617-2.22127c.863-.26667 1.6635-.67545 2.3743-1.19891l1.6576 1.65748.7071-.70709z",{height:16,width:16}),Yt=e("M8.00007 11C5.70021 11 3.67791 9.80581 2.5217 8c1.15621-1.80581 3.17851-3 5.47837-3 2.29983 0 4.32213 1.19419 5.47833 3-1.1562 1.80581-3.1785 3-5.47833 3m0-7C10.8781 4 13.3775 5.6211 14.635 8c-1.2575 2.3789-3.7569 4-6.63493 4-2.87805 0-5.37746-1.6211-6.63496-4 1.2575-2.3789 3.75691-4 6.63496-4m.0003 6c1.10457 0 2.00003-.89543 2.00003-2s-.89546-2-2.00003-2c-1.10457 0-2 .89543-2 2s.89543 2 2 2",{height:16,width:16}),Zt=e("m8 0 8 14.5H0zm0 4.38174c.49706 0 .9.40294.9.9v3.0878c0 .49706-.40294.9-.9.9s-.9-.40294-.9-.9v-3.0878c0-.49706.40294-.9.9-.9m1.10007 7.37506c0-.6075-.49248-1.1-1.1-1.1-.60751 0-1.1.4925-1.1 1.1v.0686c0 .6075.49249 1.1 1.1 1.1.60752 0 1.1-.4925 1.1-1.1z",{height:16,width:16}),$t=e("M12.252 10.632C11.3703 12.0534 9.79568 13 8 13c-2.76142 0-5-2.2386-5-5 0-.43275.05498-.85266.15833-1.25313l1.04308.39116c.17215.06455.27211.24439.23605.42467l-.25129 1.25643c-.03545.17726.06061.35458.22845.42172l1.39677.55871a.375.375 0 0 1 .22845.27464l.31289 1.5645a.37514.37514 0 0 0 .10256.1916l.28708.2871c.18514.1851.4982.1283.60655-.11l1.46481-3.2226c.09692-.21324-.0232-.46217-.25044-.51898l-.96252-.24063a.37497.37497 0 0 1-.17422-.09864l-.94172-.94172a.375.375 0 0 0-.26516-.10983h-.73791a.375.375 0 0 1-.33541-.20729l-.46007-.92014c-.09956-.19913-.00472-.44066.20374-.51883l2.28603-.85726c.18298-.06862.28259-.26624.2289-.45414l-.24215-.84756C7.43502 3.02389 7.71472 3 8 3c.14661 0 .29176.00631.43517.01867l-.02726.21806a.37499.37499 0 0 0 .2044.38192l.35061.17531a.37498.37498 0 0 0 .32629.00441l.675-.315a.39535.39535 0 0 0 .07869-.04835c.7322.32818 1.3711.82736 1.8659 1.44673l-1.1416-.22832a.37505.37505 0 0 0-.2665.04616l-1.45293.87175c-.16802.10081-.2301.314-.14247.48926l.86605 1.73211A.37501.37501 0 0 0 10.1068 8h1.1103c.1675 0 .3146.11099.3606.27198zM14 8c0 3.3137-2.6863 6-6 6-3.31371 0-6-2.6863-6-6 0-3.31371 2.68629-6 6-6 3.3137 0 6 2.68629 6 6",{height:16,width:16}),hn={parameters:{fixedWidth:!1},title:"Icons/Size 16"},o=function(){return r(Eo,{})},t=function(){return r(Go,{})},n=function(){return r(Jo,{})},c=function(){return r(_o,{})},a=function(){return r(jo,{})},s=function(){return r(qo,{})},i=function(){return r(No,{})},u=function(){return r(Ko,{})},m=function(){return r(Qo,{})},h=function(){return r(Yo,{})},d=function(){return r(Xo,{})},p=function(){return r(Zo,{})},l=function(){return r($o,{})},g=function(){return r(rt,{})},f=function(){return r(et,{})},L=function(){return r(ot,{})},I=function(){return r(tt,{})},z=function(){return r(nt,{})},v=function(){return r(ct,{})},V=function(){return r(Ro,{})},H=function(){return r(at,{})},S=function(){return r(st,{})},w=function(){return r(it,{})},M=function(){return r(ut,{})},C=function(){return r(mt,{})},y=function(){return r(ht,{})},A=function(){return r(dt,{})},k=function(){return r(pt,{})},T=function(){return r(lt,{})},x=function(){return r(Uo,{})},D=function(){return r(gt,{})},R=function(){return r(ft,{})},U=function(){return r(It,{})},F=function(){return r(zt,{})},b=function(){return r(Lt,{})},O=function(){return r(Fo,{})},B=function(){return r(vt,{})},P=function(){return r(Vt,{})},W=function(){return r(Ht,{})},E=function(){return r(St,{})},G=function(){return r(wt,{})},J=function(){return r(Mt,{})},_=function(){return r(Ct,{})},j=function(){return r(yt,{})},q=function(){return r(At,{})},K=function(){return r(kt,{})},N=function(){return r(Tt,{})},Q=function(){return r(xt,{})},X=function(){return r(bo,{})},Y=function(){return r(Dt,{})},Z=function(){return r(Rt,{})},$=function(){return r(Ut,{})},r1=function(){return r(Ft,{})},e1=function(){return r(bt,{})},o1=function(){return r(Ot,{})},t1=function(){return r(Bt,{})},n1=function(){return r(Pt,{})},c1=function(){return r(Wt,{})},a1=function(){return r(Oo,{})},s1=function(){return r(Et,{})},i1=function(){return r(Jt,{})},u1=function(){return r(Gt,{})},m1=function(){return r(_t,{})},h1=function(){return r(jt,{})},d1=function(){return r(Bo,{})},p1=function(){return r(qt,{})},l1=function(){return r(Po,{})},g1=function(){return r(Wo,{})},f1=function(){return r(Kt,{})},L1=function(){return r(Nt,{})},I1=function(){return r(Qt,{})},z1=function(){return r(Xt,{})},v1=function(){return r(Yt,{})},V1=function(){return r(Zt,{})},H1=function(){return r($t,{})};var S1,w1,M1;o.parameters={...o.parameters,docs:{...(S1=o.parameters)==null?void 0:S1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(M1=(w1=o.parameters)==null?void 0:w1.docs)==null?void 0:M1.source}}};var C1,y1,A1;t.parameters={...t.parameters,docs:{...(C1=t.parameters)==null?void 0:C1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(A1=(y1=t.parameters)==null?void 0:y1.docs)==null?void 0:A1.source}}};var k1,T1,x1;n.parameters={...n.parameters,docs:{...(k1=n.parameters)==null?void 0:k1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(x1=(T1=n.parameters)==null?void 0:T1.docs)==null?void 0:x1.source}}};var D1,R1,U1;c.parameters={...c.parameters,docs:{...(D1=c.parameters)==null?void 0:D1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(U1=(R1=c.parameters)==null?void 0:R1.docs)==null?void 0:U1.source}}};var F1,b1,O1;a.parameters={...a.parameters,docs:{...(F1=a.parameters)==null?void 0:F1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(O1=(b1=a.parameters)==null?void 0:b1.docs)==null?void 0:O1.source}}};var B1,P1,W1;s.parameters={...s.parameters,docs:{...(B1=s.parameters)==null?void 0:B1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(W1=(P1=s.parameters)==null?void 0:P1.docs)==null?void 0:W1.source}}};var E1,G1,J1;i.parameters={...i.parameters,docs:{...(E1=i.parameters)==null?void 0:E1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(J1=(G1=i.parameters)==null?void 0:G1.docs)==null?void 0:J1.source}}};var _1,j1,q1;u.parameters={...u.parameters,docs:{...(_1=u.parameters)==null?void 0:_1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(q1=(j1=u.parameters)==null?void 0:j1.docs)==null?void 0:q1.source}}};var K1,N1,Q1;m.parameters={...m.parameters,docs:{...(K1=m.parameters)==null?void 0:K1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Q1=(N1=m.parameters)==null?void 0:N1.docs)==null?void 0:Q1.source}}};var X1,Y1,Z1;h.parameters={...h.parameters,docs:{...(X1=h.parameters)==null?void 0:X1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Z1=(Y1=h.parameters)==null?void 0:Y1.docs)==null?void 0:Z1.source}}};var $1,rr,er;d.parameters={...d.parameters,docs:{...($1=d.parameters)==null?void 0:$1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(er=(rr=d.parameters)==null?void 0:rr.docs)==null?void 0:er.source}}};var or,tr,nr;p.parameters={...p.parameters,docs:{...(or=p.parameters)==null?void 0:or.docs,source:{originalSource:`function () {
+  return ;
+}`,...(nr=(tr=p.parameters)==null?void 0:tr.docs)==null?void 0:nr.source}}};var cr,ar,sr;l.parameters={...l.parameters,docs:{...(cr=l.parameters)==null?void 0:cr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(sr=(ar=l.parameters)==null?void 0:ar.docs)==null?void 0:sr.source}}};var ir,ur,mr;g.parameters={...g.parameters,docs:{...(ir=g.parameters)==null?void 0:ir.docs,source:{originalSource:`function () {
+  return ;
+}`,...(mr=(ur=g.parameters)==null?void 0:ur.docs)==null?void 0:mr.source}}};var hr,dr,pr;f.parameters={...f.parameters,docs:{...(hr=f.parameters)==null?void 0:hr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(pr=(dr=f.parameters)==null?void 0:dr.docs)==null?void 0:pr.source}}};var lr,gr,fr;L.parameters={...L.parameters,docs:{...(lr=L.parameters)==null?void 0:lr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(fr=(gr=L.parameters)==null?void 0:gr.docs)==null?void 0:fr.source}}};var Lr,Ir,zr;I.parameters={...I.parameters,docs:{...(Lr=I.parameters)==null?void 0:Lr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(zr=(Ir=I.parameters)==null?void 0:Ir.docs)==null?void 0:zr.source}}};var vr,Vr,Hr;z.parameters={...z.parameters,docs:{...(vr=z.parameters)==null?void 0:vr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Hr=(Vr=z.parameters)==null?void 0:Vr.docs)==null?void 0:Hr.source}}};var Sr,wr,Mr;v.parameters={...v.parameters,docs:{...(Sr=v.parameters)==null?void 0:Sr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Mr=(wr=v.parameters)==null?void 0:wr.docs)==null?void 0:Mr.source}}};var Cr,yr,Ar;V.parameters={...V.parameters,docs:{...(Cr=V.parameters)==null?void 0:Cr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ar=(yr=V.parameters)==null?void 0:yr.docs)==null?void 0:Ar.source}}};var kr,Tr,xr;H.parameters={...H.parameters,docs:{...(kr=H.parameters)==null?void 0:kr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(xr=(Tr=H.parameters)==null?void 0:Tr.docs)==null?void 0:xr.source}}};var Dr,Rr,Ur;S.parameters={...S.parameters,docs:{...(Dr=S.parameters)==null?void 0:Dr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ur=(Rr=S.parameters)==null?void 0:Rr.docs)==null?void 0:Ur.source}}};var Fr,br,Or;w.parameters={...w.parameters,docs:{...(Fr=w.parameters)==null?void 0:Fr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Or=(br=w.parameters)==null?void 0:br.docs)==null?void 0:Or.source}}};var Br,Pr,Wr;M.parameters={...M.parameters,docs:{...(Br=M.parameters)==null?void 0:Br.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Wr=(Pr=M.parameters)==null?void 0:Pr.docs)==null?void 0:Wr.source}}};var Er,Gr,Jr;C.parameters={...C.parameters,docs:{...(Er=C.parameters)==null?void 0:Er.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Jr=(Gr=C.parameters)==null?void 0:Gr.docs)==null?void 0:Jr.source}}};var _r,jr,qr;y.parameters={...y.parameters,docs:{...(_r=y.parameters)==null?void 0:_r.docs,source:{originalSource:`function () {
+  return ;
+}`,...(qr=(jr=y.parameters)==null?void 0:jr.docs)==null?void 0:qr.source}}};var Kr,Nr,Qr;A.parameters={...A.parameters,docs:{...(Kr=A.parameters)==null?void 0:Kr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Qr=(Nr=A.parameters)==null?void 0:Nr.docs)==null?void 0:Qr.source}}};var Xr,Yr,Zr;k.parameters={...k.parameters,docs:{...(Xr=k.parameters)==null?void 0:Xr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Zr=(Yr=k.parameters)==null?void 0:Yr.docs)==null?void 0:Zr.source}}};var $r,re,ee;T.parameters={...T.parameters,docs:{...($r=T.parameters)==null?void 0:$r.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ee=(re=T.parameters)==null?void 0:re.docs)==null?void 0:ee.source}}};var oe,te,ne;x.parameters={...x.parameters,docs:{...(oe=x.parameters)==null?void 0:oe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ne=(te=x.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var ce,ae,se;D.parameters={...D.parameters,docs:{...(ce=D.parameters)==null?void 0:ce.docs,source:{originalSource:`function () {
+  return ;
+}`,...(se=(ae=D.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var ie,ue,me;R.parameters={...R.parameters,docs:{...(ie=R.parameters)==null?void 0:ie.docs,source:{originalSource:`function () {
+  return ;
+}`,...(me=(ue=R.parameters)==null?void 0:ue.docs)==null?void 0:me.source}}};var he,de,pe;U.parameters={...U.parameters,docs:{...(he=U.parameters)==null?void 0:he.docs,source:{originalSource:`function () {
+  return ;
+}`,...(pe=(de=U.parameters)==null?void 0:de.docs)==null?void 0:pe.source}}};var le,ge,fe;F.parameters={...F.parameters,docs:{...(le=F.parameters)==null?void 0:le.docs,source:{originalSource:`function () {
+  return ;
+}`,...(fe=(ge=F.parameters)==null?void 0:ge.docs)==null?void 0:fe.source}}};var Le,Ie,ze;b.parameters={...b.parameters,docs:{...(Le=b.parameters)==null?void 0:Le.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ze=(Ie=b.parameters)==null?void 0:Ie.docs)==null?void 0:ze.source}}};var ve,Ve,He;O.parameters={...O.parameters,docs:{...(ve=O.parameters)==null?void 0:ve.docs,source:{originalSource:`function () {
+  return ;
+}`,...(He=(Ve=O.parameters)==null?void 0:Ve.docs)==null?void 0:He.source}}};var Se,we,Me;B.parameters={...B.parameters,docs:{...(Se=B.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Me=(we=B.parameters)==null?void 0:we.docs)==null?void 0:Me.source}}};var Ce,ye,Ae;P.parameters={...P.parameters,docs:{...(Ce=P.parameters)==null?void 0:Ce.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ae=(ye=P.parameters)==null?void 0:ye.docs)==null?void 0:Ae.source}}};var ke,Te,xe;W.parameters={...W.parameters,docs:{...(ke=W.parameters)==null?void 0:ke.docs,source:{originalSource:`function () {
+  return ;
+}`,...(xe=(Te=W.parameters)==null?void 0:Te.docs)==null?void 0:xe.source}}};var De,Re,Ue;E.parameters={...E.parameters,docs:{...(De=E.parameters)==null?void 0:De.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ue=(Re=E.parameters)==null?void 0:Re.docs)==null?void 0:Ue.source}}};var Fe,be,Oe;G.parameters={...G.parameters,docs:{...(Fe=G.parameters)==null?void 0:Fe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Oe=(be=G.parameters)==null?void 0:be.docs)==null?void 0:Oe.source}}};var Be,Pe,We;J.parameters={...J.parameters,docs:{...(Be=J.parameters)==null?void 0:Be.docs,source:{originalSource:`function () {
+  return ;
+}`,...(We=(Pe=J.parameters)==null?void 0:Pe.docs)==null?void 0:We.source}}};var Ee,Ge,Je;_.parameters={..._.parameters,docs:{...(Ee=_.parameters)==null?void 0:Ee.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Je=(Ge=_.parameters)==null?void 0:Ge.docs)==null?void 0:Je.source}}};var _e,je,qe;j.parameters={...j.parameters,docs:{...(_e=j.parameters)==null?void 0:_e.docs,source:{originalSource:`function () {
+  return ;
+}`,...(qe=(je=j.parameters)==null?void 0:je.docs)==null?void 0:qe.source}}};var Ke,Ne,Qe;q.parameters={...q.parameters,docs:{...(Ke=q.parameters)==null?void 0:Ke.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Qe=(Ne=q.parameters)==null?void 0:Ne.docs)==null?void 0:Qe.source}}};var Xe,Ye,Ze;K.parameters={...K.parameters,docs:{...(Xe=K.parameters)==null?void 0:Xe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ze=(Ye=K.parameters)==null?void 0:Ye.docs)==null?void 0:Ze.source}}};var $e,r5,e5;N.parameters={...N.parameters,docs:{...($e=N.parameters)==null?void 0:$e.docs,source:{originalSource:`function () {
+  return ;
+}`,...(e5=(r5=N.parameters)==null?void 0:r5.docs)==null?void 0:e5.source}}};var o5,t5,n5;Q.parameters={...Q.parameters,docs:{...(o5=Q.parameters)==null?void 0:o5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(n5=(t5=Q.parameters)==null?void 0:t5.docs)==null?void 0:n5.source}}};var c5,a5,s5;X.parameters={...X.parameters,docs:{...(c5=X.parameters)==null?void 0:c5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(s5=(a5=X.parameters)==null?void 0:a5.docs)==null?void 0:s5.source}}};var i5,u5,m5;Y.parameters={...Y.parameters,docs:{...(i5=Y.parameters)==null?void 0:i5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(m5=(u5=Y.parameters)==null?void 0:u5.docs)==null?void 0:m5.source}}};var h5,d5,p5;Z.parameters={...Z.parameters,docs:{...(h5=Z.parameters)==null?void 0:h5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(p5=(d5=Z.parameters)==null?void 0:d5.docs)==null?void 0:p5.source}}};var l5,g5,f5;$.parameters={...$.parameters,docs:{...(l5=$.parameters)==null?void 0:l5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(f5=(g5=$.parameters)==null?void 0:g5.docs)==null?void 0:f5.source}}};var L5,I5,z5;r1.parameters={...r1.parameters,docs:{...(L5=r1.parameters)==null?void 0:L5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(z5=(I5=r1.parameters)==null?void 0:I5.docs)==null?void 0:z5.source}}};var v5,V5,H5;e1.parameters={...e1.parameters,docs:{...(v5=e1.parameters)==null?void 0:v5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(H5=(V5=e1.parameters)==null?void 0:V5.docs)==null?void 0:H5.source}}};var S5,w5,M5;o1.parameters={...o1.parameters,docs:{...(S5=o1.parameters)==null?void 0:S5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(M5=(w5=o1.parameters)==null?void 0:w5.docs)==null?void 0:M5.source}}};var C5,y5,A5;t1.parameters={...t1.parameters,docs:{...(C5=t1.parameters)==null?void 0:C5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(A5=(y5=t1.parameters)==null?void 0:y5.docs)==null?void 0:A5.source}}};var k5,T5,x5;n1.parameters={...n1.parameters,docs:{...(k5=n1.parameters)==null?void 0:k5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(x5=(T5=n1.parameters)==null?void 0:T5.docs)==null?void 0:x5.source}}};var D5,R5,U5;c1.parameters={...c1.parameters,docs:{...(D5=c1.parameters)==null?void 0:D5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(U5=(R5=c1.parameters)==null?void 0:R5.docs)==null?void 0:U5.source}}};var F5,b5,O5;a1.parameters={...a1.parameters,docs:{...(F5=a1.parameters)==null?void 0:F5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(O5=(b5=a1.parameters)==null?void 0:b5.docs)==null?void 0:O5.source}}};var B5,P5,W5;s1.parameters={...s1.parameters,docs:{...(B5=s1.parameters)==null?void 0:B5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(W5=(P5=s1.parameters)==null?void 0:P5.docs)==null?void 0:W5.source}}};var E5,G5,J5;i1.parameters={...i1.parameters,docs:{...(E5=i1.parameters)==null?void 0:E5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(J5=(G5=i1.parameters)==null?void 0:G5.docs)==null?void 0:J5.source}}};var _5,j5,q5;u1.parameters={...u1.parameters,docs:{...(_5=u1.parameters)==null?void 0:_5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(q5=(j5=u1.parameters)==null?void 0:j5.docs)==null?void 0:q5.source}}};var K5,N5,Q5;m1.parameters={...m1.parameters,docs:{...(K5=m1.parameters)==null?void 0:K5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Q5=(N5=m1.parameters)==null?void 0:N5.docs)==null?void 0:Q5.source}}};var X5,Y5,Z5;h1.parameters={...h1.parameters,docs:{...(X5=h1.parameters)==null?void 0:X5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Z5=(Y5=h1.parameters)==null?void 0:Y5.docs)==null?void 0:Z5.source}}};var $5,ro,eo;d1.parameters={...d1.parameters,docs:{...($5=d1.parameters)==null?void 0:$5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(eo=(ro=d1.parameters)==null?void 0:ro.docs)==null?void 0:eo.source}}};var oo,to,no;p1.parameters={...p1.parameters,docs:{...(oo=p1.parameters)==null?void 0:oo.docs,source:{originalSource:`function () {
+  return ;
+}`,...(no=(to=p1.parameters)==null?void 0:to.docs)==null?void 0:no.source}}};var co,ao,so;l1.parameters={...l1.parameters,docs:{...(co=l1.parameters)==null?void 0:co.docs,source:{originalSource:`function () {
+  return ;
+}`,...(so=(ao=l1.parameters)==null?void 0:ao.docs)==null?void 0:so.source}}};var io,uo,mo;g1.parameters={...g1.parameters,docs:{...(io=g1.parameters)==null?void 0:io.docs,source:{originalSource:`function () {
+  return ;
+}`,...(mo=(uo=g1.parameters)==null?void 0:uo.docs)==null?void 0:mo.source}}};var ho,po,lo;f1.parameters={...f1.parameters,docs:{...(ho=f1.parameters)==null?void 0:ho.docs,source:{originalSource:`function () {
+  return ;
+}`,...(lo=(po=f1.parameters)==null?void 0:po.docs)==null?void 0:lo.source}}};var go,fo,Lo;L1.parameters={...L1.parameters,docs:{...(go=L1.parameters)==null?void 0:go.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Lo=(fo=L1.parameters)==null?void 0:fo.docs)==null?void 0:Lo.source}}};var Io,zo,vo;I1.parameters={...I1.parameters,docs:{...(Io=I1.parameters)==null?void 0:Io.docs,source:{originalSource:`function () {
+  return ;
+}`,...(vo=(zo=I1.parameters)==null?void 0:zo.docs)==null?void 0:vo.source}}};var Vo,Ho,So;z1.parameters={...z1.parameters,docs:{...(Vo=z1.parameters)==null?void 0:Vo.docs,source:{originalSource:`function () {
+  return ;
+}`,...(So=(Ho=z1.parameters)==null?void 0:Ho.docs)==null?void 0:So.source}}};var wo,Mo,Co;v1.parameters={...v1.parameters,docs:{...(wo=v1.parameters)==null?void 0:wo.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Co=(Mo=v1.parameters)==null?void 0:Mo.docs)==null?void 0:Co.source}}};var yo,Ao,ko;V1.parameters={...V1.parameters,docs:{...(yo=V1.parameters)==null?void 0:yo.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ko=(Ao=V1.parameters)==null?void 0:Ao.docs)==null?void 0:ko.source}}};var To,xo,Do;H1.parameters={...H1.parameters,docs:{...(To=H1.parameters)==null?void 0:To.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Do=(xo=H1.parameters)==null?void 0:xo.docs)==null?void 0:Do.source}}};const dn=["AlignBottom","AlignMiddle","AlignTop","AnchorHorizontal","AnchorVertical","ArrowDown","ArrowLeftRight","ArrowLeft","ArrowRight","ArrowUpDown","ArrowUp","AutoLayoutHorizontalBottom","AutoLayoutHorizontalCenter","AutoLayoutHorizontalTop","AutoLayoutVerticalCenter","AutoLayoutVerticalLeft","AutoLayoutVerticalRight","CaretDown","CaretLeft","CaretRight","CaretUp","ChevronDown","ChevronUp","CircleHelp","CircleInfo","Code","Connector","Hyperlink","LayerAnimated","LayerComponent","LayerEllipse","LayerFrameCoverArt","LayerFrameScrollingHorizontal","LayerFrameScrollingVertical","LayerFrameScrolling","LayerFrame","LayerGroup","LayerImage","LayerInstance","LayerLine","LayerMask","LayerRectangle","LayerSlice","LayerText","LayerVector","LockLocked","LockUnlocked","MenuCheckmarkBreadcrumb","MenuCheckmarkChecked","MenuCheckmarkMixed","MoveDown","MoveRight","OptionCheck","OptionDisabled","OrientationLandscape","OrientationPortrait","PaddingHorizontal","PaddingVertical","SpaceHorizontal","SpaceVertical","StarFilled","Star","Swap","Target","TextAlignCenter","TextAlignJustified","TextAlignLeft","TextAlignRight","TextDecorationStrikethrough","TextDecorationUnderline","Upload","VisibilityHidden","VisibilityVisible","Warning","World"];export{o as AlignBottom,t as AlignMiddle,n as AlignTop,c as AnchorHorizontal,a as AnchorVertical,s as ArrowDown,u as ArrowLeft,i as ArrowLeftRight,m as ArrowRight,d as ArrowUp,h as ArrowUpDown,p as AutoLayoutHorizontalBottom,l as AutoLayoutHorizontalCenter,g as AutoLayoutHorizontalTop,f as AutoLayoutVerticalCenter,L as AutoLayoutVerticalLeft,I as AutoLayoutVerticalRight,z as CaretDown,v as CaretLeft,V as CaretRight,H as CaretUp,S as ChevronDown,w as ChevronUp,M as CircleHelp,C as CircleInfo,y as Code,A as Connector,k as Hyperlink,T as LayerAnimated,x as LayerComponent,D as LayerEllipse,O as LayerFrame,R as LayerFrameCoverArt,b as LayerFrameScrolling,U as LayerFrameScrollingHorizontal,F as LayerFrameScrollingVertical,B as LayerGroup,P as LayerImage,W as LayerInstance,E as LayerLine,G as LayerMask,J as LayerRectangle,_ as LayerSlice,j as LayerText,q as LayerVector,K as LockLocked,N as LockUnlocked,Q as MenuCheckmarkBreadcrumb,X as MenuCheckmarkChecked,Y as MenuCheckmarkMixed,Z as MoveDown,$ as MoveRight,r1 as OptionCheck,e1 as OptionDisabled,o1 as OrientationLandscape,t1 as OrientationPortrait,n1 as PaddingHorizontal,c1 as PaddingVertical,a1 as SpaceHorizontal,s1 as SpaceVertical,u1 as Star,i1 as StarFilled,m1 as Swap,h1 as Target,d1 as TextAlignCenter,p1 as TextAlignJustified,l1 as TextAlignLeft,g1 as TextAlignRight,f1 as TextDecorationStrikethrough,L1 as TextDecorationUnderline,I1 as Upload,z1 as VisibilityHidden,v1 as VisibilityVisible,V1 as Warning,H1 as World,dn as __namedExportsOrder,hn as default};
diff --git a/storybook/assets/icon-32.stories-3lVry5eG.js b/storybook/assets/icon-32.stories-3lVry5eG.js
new file mode 100644
index 000000000..eaacf1af0
--- /dev/null
+++ b/storybook/assets/icon-32.stories-3lVry5eG.js
@@ -0,0 +1,201 @@
+import{c as e}from"./create-icon-prVyFgUx.js";import{a as Cn,I as Vn,b as yn}from"./icon-warning-32-EzzE98O2.js";import{I as kn}from"./icon-chevron-down-32-UVJdQFN7.js";import{I as An}from"./icon-cross-32-kKgUD1DN.js";import{I as Rn}from"./icon-ellipsis-32-J7MTjauF.js";import{I as Tn}from"./icon-plus-32-QyIs5gmA.js";import{I as Dn}from"./icon-search-32-3e7_9C8J.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const Pn=e("M12 15.95V23h1v-7.05c1.1411-.2316 2-1.2405 2-2.45 0-1.2095-.8589-2.2184-2-2.45V9h-1v2.05c-1.1411.2316-2 1.2405-2 2.45 0 1.2095.8589 2.2184 2 2.45m2-2.45c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5 1.5-.6716 1.5-1.5M19 9h1v7.05c1.1411.2316 2 1.2405 2 2.45 0 1.2095-.8589 2.2184-2 2.45V23h-1v-2.05c-1.1411-.2316-2-1.2405-2-2.45 0-1.2095.8589-2.2184 2-2.45zm2 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5",{height:32,width:32}),Bn=e("M12 12v8h8v-1h-3c0-2.2091-1.7909-4-4-4v-3zm1 4v3h3c0-1.6569-1.3431-3-3-3",{height:32,width:32}),Fn=e("M10 10h12v12H10zm-1 0c0-.55228.44772-1 1-1h12c.5523 0 1 .44772 1 1v12c0 .5523-.4477 1-1 1H10c-.55228 0-1-.4477-1-1zm10 6-5-3v6z",{height:32,width:32}),bn=e("M9 16c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7m-1 0c0-4.4183 3.5817-8 8-8s8 3.5817 8 8-3.5817 8-8 8-8-3.5817-8-8m8.3535 3.7464-.3536.3536-.3535-.3536-3-3 .7071-.7071 2.1464 2.1465v-6.2929h1v6.2929l2.1465-2.1465.7071.7071z",{height:32,width:32}),Gn=e("M16 9c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7 3.134-7 7-7m0-1c4.4183 0 8 3.5817 8 8s-3.5817 8-8 8-8-3.5817-8-8 3.5817-8 8-8m-3.7464 8.3535-.3536-.3536.3536-.3535 3-3 .7071.7071-2.1465 2.1464h6.2929v1h-6.2929l2.1465 2.1465-.7071.7071z",{height:32,width:32}),Un=e("m12.2071 16.5 1.6465 1.6464-.7071.7072-2.5-2.5L10.2929 16l.3536-.3536 2.5-2.5.7071.7072L12.2071 15.5h7.5858l-1.6464-1.6464.7071-.7072 2.5 2.5.3535.3536-.3535.3536-2.5 2.5-.7071-.7072L19.7929 16.5z",{height:32,width:32}),En=e("M16 23c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7m0 1c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8-3.5817 8-8 8m3.7464-8.3535.3536.3536-.3536.3535-3 3-.7071-.7071 2.1465-2.1464h-6.2929v-1h6.2929l-2.1465-2.1465.7071-.7071z",{height:32,width:32}),Wn=e("M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7m1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8m-8.3535-3.7464L16 11.9l.3536.3536 3 3-.7071.7071L16.5 13.8142v6.2929h-1v-6.2929l-2.1464 2.1465-.7071-.7071z",{height:32,width:32}),Nn=e("m16.0005 10.2923.3535.3536 2.5 2.5-.7071.7071-1.6464-1.6464v7.5857l1.6464-1.6464.7071.7071-2.5 2.5-.3535.3536-.3536-.3536-2.5-2.5.7071-.7071 1.6465 1.6464v-7.5857L13.854 13.853l-.7071-.7071 2.5-2.5z",{height:32,width:32}),jn=e("M20 14v3c0 .7684.2889 1.4692.7639 2h-9.5278c.475-.5308.7639-1.2316.7639-2v-3c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4m1 0v3c0 1.1046.8954 2 2 2v1H9v-1c1.1046 0 2-.8954 2-2v-3c0-2.7614 2.2386-5 5-5s5 2.2386 5 5m-5 9c-1.1046 0-2-.8954-2-2h-1c0 1.6569 1.3431 3 3 3s3-1.3431 3-3h-1c0 1.1046-.8954 2-2 2",{height:32,width:32}),xn=e("M16.0016 11.0016c.2421.2504.4732.4895.6932.7185C18.8983 14.0124 20 15.2939 20 16.8519c.0025 1.0624-.388 2.1256-1.1716 2.9361-1.562 1.616-4.0947 1.616-5.6567 0-.7836-.8105-1.1742-1.8737-1.1717-2.9361 0-1.558 1.1018-2.8395 3.3053-5.1319.2201-.2289.4512-.468.6933-.7185l.001-.001.0005-.0005zm-2.1968 3.9096c.5019-.6803 1.2187-1.4542 2.1953-2.4708.9764 1.0166 1.6933 1.7905 2.1951 2.4708.5998.8133.8048 1.38.8048 1.9407v.0024c.0001.0486-.0008.0972-.0029.1457h-5.9942A3.37024 3.37024 0 0 1 13 16.8542v-.0023c0-.5607.205-1.1274.8048-1.9407",{height:32,width:32}),_n=e("M16.6948 11.7201c-.22-.229-.4511-.4681-.6932-.7185-.0005-.0005-.001-.0011-.0015-.0016l-.0005.0005-.001.001c-.2421.2505-.4732.4896-.6933.7185C13.1018 14.0124 12 15.2939 12 16.8519c-.0025 1.0624.3881 2.1256 1.1717 2.9361 1.562 1.616 4.0947 1.616 5.6567 0 .7836-.8105 1.1741-1.8737 1.1716-2.9361 0-1.558-1.1017-2.8395-3.3052-5.1318m-.6947.7203c-.9766 1.0166-1.6934 1.7905-2.1953 2.4708-.5998.8133-.8048 1.38-.8048 1.9407v.0023c-.0019.8178.2984 1.6262.8907 2.2388 1.1689 1.2093 3.0498 1.2093 4.2188 0 .5921-.6126.8924-1.4209.8905-2.2387v-.0024c0-.5607-.205-1.1274-.8048-1.9407-.5018-.6803-1.2187-1.4542-2.1951-2.4708",{height:32,width:32}),On=e("M16 23.9999c4.4183 0 8-3.5817 8-8s-3.5817-8.00002-8-8.00002-8 3.58172-8 8.00002c0 4.4183 3.5817 8 8 8m-.0889-5.1346 4-4.4999-.8222-.7308-3.6125 4.0639-2.5875-2.5874-.7778.7778 3 2.9999.4125.4124z",{height:32,width:32}),qn=e("M18.914 11.708 18.206 11 13 15.999l5.206 4.9996.708-.708-4.5-4.2916z",{height:32,width:32}),Jn=e("m13.09 11.708.708-.708 5.206 4.999-5.206 4.9996-.708-.708 4.5-4.2916z",{height:32,width:32}),Kn=e("m20.292 18.914.708-.708L16.001 13l-4.9996 5.206.708.708 4.2916-4.5z",{height:32,width:32}),Qn=e("m10.414 16.0962 3.89-3.889-.708-.707-4.242 4.243-.354.353.354.354 4.242 4.242.707-.707zm7.89-4.596 4.242 4.243.354.353-.354.354-4.243 4.242-.707-.707 3.89-3.889-3.89-3.889.707-.707z",{height:32,width:32}),Xn=e("m12.0625 10.9375.7071.7071 2.5233 2.5233.7071.7071.7071-.7071 2.5233-2.5233.7071-.7071-.7071-.7071-2.5233-2.52329L16 7l-.7071.70711-2.5233 2.52329zm6.4608 0L16 13.4608l-2.5233-2.5233L16 8.41421zm-6.4608 10.125.7071.7071 2.5233 2.5233L16 25l.7071-.7071 2.5233-2.5233.7071-.7071-.7071-.7071-2.5233-2.5233L16 17.125l-.7071.7071-2.5233 2.5233zm6.4608 0L16 23.5858l-2.5233-2.5233L16 18.5392zM7.70711 16.7071 7 16l.70711-.7071 2.52329-2.5233.7071-.7071.7071.7071 2.5233 2.5233.7071.7071-.7071.7071-2.5233 2.5233-.7071.7071-.7071-.7071zm3.23039 1.8162L13.4608 16l-2.5233-2.5233L8.41421 16zM17.125 16l.7071.7071 2.5233 2.5233.7071.7071.7071-.7071 2.5233-2.5233L25 16l-.7071-.7071-2.5233-2.5233-.7071-.7071-.7071.7071-2.5233 2.5233zm6.4608 0-2.5233 2.5233L18.5392 16l2.5233-2.5233z",{height:32,width:32}),Yn=e("M15.5 9H9V8h7.5v5.708c.7355.3214 1.2865.9863 1.45 1.792h5.3429l-2.1465-2.1464.7072-.7072 3 3 .3535.3536-.3535.3536-3 3-.7072-.7072L23.2929 16.5H17.95c-.1635.8057-.7145 1.4706-1.45 1.792V24H9v-1h6.5v-4.5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5zm0 8.5c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5",{height:32,width:32}),Zn=e("M15.5 9H9V8h7.5v5.708c.883.3858 1.5 1.2668 1.5 2.292s-.617 1.9062-1.5 2.292V24H9v-1h6.5v-4.5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5zm7 7.7071 2.6464 2.6465.7072-.7072L23.2071 16l2.6465-2.6464-.7072-.7072L22.5 15.2929l-2.6464-2.6465-.7072.7072L21.7929 16l-2.6465 2.6464.7072.7072zm-7 .7929c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5",{height:32,width:32}),$n=e("M21 13h-4c-2.2091 0-4 1.7909-4 4v4h-1v-4c0-2.7614 2.2386-5 5-5h4z",{height:32,width:32}),ro=e("M11 11h3v1h-2v2h-1v-2.5zm7 0h3v3h-1v-2h-2zm-6 9v-2h-1v3h3v-1zm9-2v3h-3v-1h2v-2z",{height:32,width:32}),eo=e("M11 22.5v-13h-1v13zm11-13v13h-1v-13zm-5 3v7h-2v-7z",{height:32,width:32}),no=e("M9.5 10h13v1h-13zm3 5h7v2h-7zm10 6h-13v1h13z",{height:32,width:32}),oo=e("M10 8.5h7.7071l.1465.14645 4 3.99995.1464.1465V23.5H10V9zm1 1v13h10v-9h-4v-4zm7 .7071L20.2929 12.5H18z",{height:32,width:32}),co=e("M16.5 9v-.5h-1v3h1V11zm-5.0961 1.6967-.3536-.3536-.7071.7072.3536.3535 1.4142 1.4142.3535.3536.7071-.7071-.3535-.3536zm9.8995.7071.3536-.3535-.7071-.7071-.3536.3535-1.4142 1.4142-.3536.3536.7071.7071.3536-.3536zM9 15.5h-.5v1h3v-1H11zm12 0h-.5v1h3v-1H23zm-8.1819 4.3891.3535-.3536-.7071-.7071-.3535.3536-1.4143 1.4142-.3535.3536.7071.7071.3535-.3536zm7.0709-.7071-.3536-.3536-.7071.7071.3536.3536 1.4142 1.4142.3535.3536.7071-.7071-.3535-.3536zM16.5 21v-.5h-1v3h1V23zm.9978-5.0021c0 .8285-.6716 1.5-1.5 1.5s-1.5-.6715-1.5-1.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5m1 0c0 1.3807-1.1193 2.5-2.5 2.5s-2.5-1.1193-2.5-2.5 1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5",{height:32,width:32}),to=e("M22.4473 22.4c-.8.8-2 .8-2.8 0l-2.8001-2.8-.8.7c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l.7-.7-5.79995-5.8c-.4-.4-1-1.9 0-2.9.99995-1 2.49995-.4 2.89995 0l5.8 5.8.7001-.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-.7.7 2.8 2.8c.8.9.8 2.1 0 2.9M11.5472 10.5h-1v1l5.8 5.8 1-1c-.1 0-5.8-5.8-5.8-5.8",{height:32,width:32}),so=e("M9 10h7v2H9zm-1 2V9h9v3h7v11H8V13zm9 1H9v9h14v-9z",{height:32,width:32}),ao=e("M11 24v-3H8v-1h3v-8H8v-1h3V8h1v3h8V8h1v3h3v1h-3v8h3v1h-3v3h-1v-3h-8v3zm9-4v-8h-8v8z",{height:32,width:32}),io=e("M11 11h3v3h-3zm-1-1h5v5h-5v-4zm1 8h3v3h-3zm-1-1h5v5h-5v-4zm11-6h-3v3h3zm-3-1h-1v5h5v-5h-1zm0 8h3v3h-3zm-1-1h5v5h-5v-4z",{height:32,width:32}),uo=e("M13.0002 9v3h1V9zm9.1031.89644c-1.1618-1.16176-3.0454-1.16176-4.2072.00002l-2.7499 2.74994.7071.7071 2.7499-2.7499c.7713-.77128 2.0217-.77129 2.793 0 .7712.7712.7712 2.0216 0 2.7928l-2.75 2.75.7071.7071 2.75-2.75c1.1617-1.1617 1.1617-3.0453 0-4.20706M9.89632 22.1035c-1.16176-1.1617-1.16176-3.0453 0-4.2071l2.74998-2.75.7071.7071-2.75 2.75c-.77121.7713-.77121 2.0217 0 2.7929.7713.7713 2.0217.7713 2.7929 0l2.75-2.75.7071.7071-2.75 2.75c-1.1617 1.1618-3.0453 1.1618-4.20708 0M22.9997 19h-3v-1h3zm-3.9994 1v3h-1v-3zm-7.0006-7H8.99969v1h3.00001z",{height:32,width:32}),ho=e("m13.5251 21.6569 2.6517-2.6517.7071.7071-2.6517 2.6517c-1.2692 1.2692-3.327 1.2692-4.59617 0-1.2692-1.2692-1.2692-3.327 0-4.5962l2.65167-2.6517.7071.7071-2.6517 2.6517c-.87864.8787-.87864 2.3033 0 3.182.8787.8786 2.3033.8786 3.182 0m6.1872-4.773-.7071-.7071 2.6516-2.6517c.8787-.8786.8787-2.3033 0-3.1819-.8786-.87872-2.3033-.87872-3.1819 0l-2.6517 2.6516-.7071-.7071 2.6517-2.65165c1.2692-1.2692 3.327-1.26921 4.5962 0 1.2692 1.26925 1.2692 3.32695 0 4.59615zm-5.4506 1.6204 4.2426-4.2426-.766-.766-4.2426 4.2426z",{height:32,width:32}),mo=e("M14.5 10v10h-2V10zm8 12v1h-13v-1zm-3-2v-6h-2v6z",{height:32,width:32}),po=e("M16.5 9.5h-1v3h-5v2h5v3h-3v2h3v3h1v-3h3v-2h-3v-3h5v-2h-5z",{height:32,width:32}),lo=e("M10 22.5H9v-13h1zm12-8H12v-2h10zm-10 5h6v-2h-6z",{height:32,width:32}),vo=e("M22 22.5h1v-13h-1zm-12-8h10v-2H10zm10 5h-6v-2h6z",{height:32,width:32}),go=e("M14.5 22V12h-2v10zm8-12V9h-13v1zm-3 2v6h-2v-6z",{height:32,width:32}),zo=e("M12.5 15.5v-5h2v5h3v-3h2v3h3v1h-3v3h-2v-3h-3v5h-2v-5h-3v-1z",{height:32,width:32}),fo=e("M9 9h3v14H9zm5.5 0h3v14h-3zM23 9h-3v14h3z",{height:32,width:32}),Io=e("M9 9h14v3H9zm0 5.5h14v3H9zM23 20H9v3h14z",{height:32,width:32}),Lo=e("M9 9h3v3H9zm11 0h3v3h-3zm-2.5 0h-3v3h3zM9 14.5h3v3H9zm14 0h-3v3h3zm-8.5 0h3v3h-3zM12 20H9v3h3zm8 0h3v3h-3zm-2.5 0h-3v3h3z",{height:32,width:32}),So=e("M11 11h3v10h-3zm-1-1h5v12h-5V11zm8 1h3v10h-3zm-1-1h5v12h-5V11z",{height:32,width:32}),wo=e("M11 11h10v3H11zm-1-1h12v5H10v-4zm1 8h10v3H11zm-1-1h12v5H10v-4z",{height:32,width:32}),Ho=e("M8 22V10h1v12zm15 0V10h1v12zm-10.4517-2 2.8-8h1.3036l2.8 8h-.9536l-.7-2h-3.5964l-.7 2zm3.4518-7.1378L17.4483 17h-2.8964z",{height:32,width:32}),Mo=e("M15.3732 23h1.2579c.2802-.3202.6157-.5974.995-.8187 1.4784-.8623 4.0049-.909 5.3864.1085H24.5v-9.2s-.7969-2.25-4.42-2.25c-1.8746 0-2.9016.6024-3.4563 1.1838-.3883.4071-.5451.8039-.5991.9764h-.0491c-.0541-.1725-.2108-.5693-.5992-.9764-.5546-.5814-1.5816-1.1838-3.4563-1.1838-3.62312 0-4.42 2.25-4.42 2.25v9.19h1.4875c1.3827-1.0184 3.9114-.9698 5.3887-.1044.3806.2229.7167.5021.997.8246M16.5 13.2888v8.4568c.1952-.1571.4032-.3002.6222-.428.9272-.5409 2.1146-.7958 3.2412-.787 1.0057.0079 2.0807.2274 2.9518.7592H23.5v-7.973a2.12867 2.12867 0 0 0-.03-.05c-.0861-.1382-.2356-.3387-.4745-.5447-.4605-.3973-1.3302-.8823-2.9155-.8823-1.5862 0-2.3403.4837-2.6945.835-.1881.1867-.2951.3671-.353.4899-.029.0615-.0453.1078-.0528.1316-.0038.0118-.0053.0178-.0051.0169l.0016-.0066.0016-.0074.0011-.0048.0005-.0027.0003-.0014c0-.0001.0001-.0003-.0052-.0015zm-1 0h-.4745c-.0053.0012-.0052.0014-.0052.0015l.0003.0014.0005.0027.0011.0048.0016.0074.0016.0066c.0002.0009-.0013-.0051-.0051-.0169-.0075-.0238-.0238-.0701-.0528-.1316-.0579-.1228-.1649-.3032-.353-.4899-.3542-.3513-1.1083-.835-2.6945-.835-1.5853 0-2.45494.485-2.91551.8823-.2389.206-.38841.4065-.47443.5447a1.84294 1.84294 0 0 0-.03006.05v7.963h.18483c.8719-.5323 1.94797-.7515 2.95447-.7586 1.1274-.0079 2.3154.2484 3.2424.7914.2176.1275.4243.2702.6183.4266z",{height:32,width:32}),Co=e("M23 10H9V9h14zm0 13H9v-1h14zm-10.4517-3 2.8-8h1.3036l2.8 8h-.9536l-.7-2h-3.5964l-.7 2zm3.4518-7.1378L17.4483 17h-2.8964z",{height:32,width:32}),Vo=e("M18 14v-2c0-1.1046-.8954-2-2-2s-2 .8954-2 2v2h-1v-2c0-1.6569 1.3431-3 3-3s3 1.3431 3 3v2zm1 4h-1v2c0 1.1046-.8954 2-2 2s-2-.8954-2-2v-2h-1v2c0 1.6569 1.3431 3 3 3s3-1.3431 3-3z",{height:32,width:32}),yo=e("M16 10c1.1046 0 2 .8954 2 2v2h1v-2c0-1.6569-1.3431-3-3-3s-3 1.3431-3 3v2h1v-2c0-1.1046.8954-2 2-2m2 8h1v2c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3v-2h1v2c0 1.1046.8954 2 2 2s2-.8954 2-2zm-2.5-5v6h1v-6z",{height:32,width:32}),ko=e("M23 10H9v1h14zM9 15.5h14v1H9zM9 21h14v1H9z",{height:32,width:32}),Ao=e("M12 10h-2v1h2zm0 10h-2v1h2zm-2-5h2v1h-2zm12-5h-8v1h8zm-8 10h8v1h-8zm8-5h-8v1h8z",{height:32,width:32}),Ro=e("M17.5 13.5V15h-3v-1.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5m-4 1.5v-1.5c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5V15h.5c.2761 0 .5.2239.5.5v5c0 .2761-.2239.5-.5.5h-6c-.2761 0-.5-.2239-.5-.5v-5c0-.2761.2239-.5.5-.5z",{height:32,width:32}),To=e("M18 14v1h.5c.2761 0 .5.2239.5.5v5c0 .2761-.2239.5-.5.5h-6c-.2761 0-.5-.2239-.5-.5v-5c0-.2761.2239-.5.5-.5H17v-2.5c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5V14h-1v-1.5c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5z",{height:32,width:32}),Do=e("M9.5 12H12v5H9.5C8.11929 17 7 15.8807 7 14.5 7 13.1192 8.11929 12 9.5 12m3.5 5v-5.0037a13.00039 13.00039 0 0 0 6.3548-1.835L20 9.77606v8.75714l-1.4686-.5916A12.99982 12.99982 0 0 0 13.6738 17zm-.3103-6H9.5C7.567 11 6 12.567 6 14.5c0 1.875 1.47447 3.4057 3.32719 3.4958l.00614.0184 1.21087 3.6325c.2722.8166 1.0365 1.3675 1.8973 1.3675h1.1711c.6825 0 1.1645-.6687.9487-1.3162L13.3286 18h.3452c1.5365 0 3.0587.295 4.4839.8692l2.1555.8683c.3286.1324.6868-.1095.6868-.4638V8.89512c0-.38818-.4231-.62831-.7563-.42929l-1.4016.83694A11.99989 11.99989 0 0 1 12.6897 11m-1.1969 10.3304-1.1054-3.3162h1.8918l1.3334 4h-1.1711c-.4304 0-.8126-.2754-.9487-.6838M23 12.5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5v1c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5z",{height:32,width:32}),Po=e("M21.5 16.5h-11v-1h11z",{height:32,width:32}),Bo=e("M20.1797 17.6992h-1.1172c-.0234-1.4609.4063-1.9492 1.1641-2.414.4765-.293.8281-.6993.8281-1.2774 0-.6914-.5391-1.1328-1.2031-1.1328-.5977 0-1.1875.3633-1.2344 1.1914h-1.1875c.0508-1.4062 1.1055-2.1758 2.4219-2.1758 1.4336 0 2.3945.8594 2.3945 2.1289 0 .8555-.4063 1.4532-1.1055 1.8789-.7109.4375-.9609.8282-.9609 1.8008m.2539 1.5938c0 .4336-.3555.7812-.7813.7812-.4296 0-.7812-.3476-.7812-.7812 0-.4258.3516-.7774.7812-.7774.4258 0 .7813.3516.7813.7774M9 20l3.1111-8h1.0851l3.1111 8h-1.0729l-.7778-2h-3.6059l-.7777 2zm3.6537-6.6361L14.0677 17h-2.8281z",{height:32,width:32}),Fo=e("M23 15H11.7101l3.4002-3.3885-.7059-.7083L9.79167 15.5l4.61273 4.5968.7059-.7083L11.7101 16H23z",{height:32,width:32}),bo=e("M9 15h11.2899l-3.4002-3.3885.7059-.7083L22.2083 15.5l-4.6127 4.5968-.7059-.7083L20.2899 16H9z",{height:32,width:32}),Go=e("M9 16c0 3.866 3.134 7 7 7s7-3.134 7-7-3.134-7-7-7-7 3.134-7 7m7-8c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8m0 3.7499c.4142 0 .75.3358.75.75v3.126c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-3.126c0-.4142.3358-.75.75-.75m1 7.25c0-.5523-.4477-1-1-1s-1 .4477-1 1v.0686c0 .5523.4477 1 1 1s1-.4477 1-1z",{height:32,width:32}),Uo=e("M9 23V9h1v14zm13 0V9h1v14zm-9-10h6v6h-6zm-1-1h8v8h-8v-7z",{height:32,width:32}),Eo=e("M23 10H9V9h14zm-4 3h-6v6h6zm-6-1h-1v8h8v-8h-1zM9 23h14v-1H9z",{height:32,width:32}),Wo=e("M11.8536 10.1464 9.35355 7.64642l-.7071.70711 1.64645 1.64645H5V11h5.2929l-1.64645 1.6464.7071.7071 2.50005-2.5.3535-.3535zM23 9.99998h-9V11h9zM23 14H9v1h14zm0 4H9v1h14zm0 4H9v1h14z",{height:32,width:32}),No=e("M23 9H9V8h14zm-7 .79289.3536.35351 2 2-.7072.7072L16.5 11.7071v4.5858l1.1464-1.1465.7072.7072-2 2-.3536.3535-.3536-.3535-2-2 .7072-.7072L15.5 16.2929v-4.5858l-1.1464 1.1465-.7072-.7072 2-2zM23 19v1H9v-1zm0 4v1H9v-1z",{height:32,width:32}),jo=e("M20.7729 9.14867c.3905-.39053 1.0237-.39053 1.4142 0l1.4142 1.41423c.3905.3905.3905 1.0237 0 1.4142l-1.4142 1.4142-2.8284-2.8283-.7071.7071 2.8283 2.8283-8.2711 8.2712-3.53555.7071.70715-3.5355zM9.46079 24.139l4.24101-.8482 10.6066-10.6066c.781-.781.781-2.0474 0-2.82843l-1.4142-1.41421c-.7811-.78105-2.0474-.78105-2.8284 0L9.45916 19.0482l-.8482 4.241-.21246 1.0623z",{height:32,width:32}),xo=e("m13 10.0979.765.4781 8 5 .6784.424-.6784.424-8 5-.765.4781V11zm1 1.8042v8.1958L20.5566 16z",{height:32,width:32}),_o=e("M16 8c-1.2267 0-2 .71059-2 1.5 0 .4208.1997.8505.5583 1.1856.2576.2407.2531.5786.1919.7826-.0599.1998-.2622.5318-.6741.5318H11v10h10v-2.5067c-.4325.3151-.9507.5067-1.5.5067-1.5578 0-2.5-1.4653-2.5-3s.9422-3 2.5-3c.5493 0 1.0675.1916 1.5.5067V12h-3.0761c-.4119 0-.6142-.332-.6741-.5318-.0612-.204-.0657-.5419.1919-.7826C17.8003 10.3505 18 9.9208 18 9.5c0-.78941-.7733-1.5-2-1.5m-3 1.5C13 7.9422 14.4653 7 16 7s3 .9422 3 2.5c0 .5493-.1916 1.0675-.5067 1.5H21c.5523 0 1 .4477 1 1v3.0761c0 .4119-.332.6142-.5318.6741-.204.0612-.5419.0657-.7826-.1919C20.3505 15.1997 19.9208 15 19.5 15c-.7894 0-1.5.7733-1.5 2 0 1.2267.7106 2 1.5 2 .4208 0 .8505-.1997 1.1856-.5583.2407-.2576.5786-.2531.7826-.1919.1998.0599.5318.2622.5318.6741V22c0 .5523-.4477 1-1 1H11c-.5523 0-1-.4477-1-1V12c0-.5523.4477-1 1-1h2.5067C13.1916 10.5675 13 10.0493 13 9.5",{height:32,width:32}),Oo=e("M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7m1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8m-9-4v5h5v-1h-4v-4z",{height:32,width:32}),qo=e("m6.79291 15.5.35355-.3535 8.00004-8.00004.3535-.35355.3536.35355 8 8.00004.3535.3535-.7071.7071-.3535-.3535L15.5 8.20712 8.20712 15.5 15.5 22.7929l3.6465-3.6464.3535-.3536.7071.7071-.3535.3536-4 4-.3536.3535-.3535-.3535-8.00004-8zm7.91419-.5H17c3.3137 0 6 2.6863 6 6 0 1.6569-.6716 3.1569-1.7574 4.2427l-.7071-.7072C21.4404 23.6307 22 22.3807 22 21c0-2.7614-2.2386-5-5-5h-2.2929l1.6465 1.6465-.7072.7071-2.5-2.5-.3535-.3536.3535-.3535 2.5-2.5.7072.7071z",{height:32,width:32}),Jo=e("M8.64642 9.35353 12.2929 13H9.99998v1H14V9.99998h-1v2.29292L9.35353 8.64642zM19.7071 13l3.6464-3.64647-.7071-.70711L19 12.2929V9.99998h-1V14h4v-1zm0 6 3.6464 3.6464-.7071.7071L19 19.7071V22h-1v-4h4v1zm-7.4142 0-3.64648 3.6464.70711.7071L13 19.7071V22h1v-4H9.99998v1z",{height:32,width:32}),Ko=e("m11.7071 14 2.6465 2.6464-.7071.7071-3.5-3.5-.35359-.3535.35359-.3536 3.5-3.49998.7071.70708L11.7071 13H15.5c3.5762 0 6.5 2.9238 6.5 6.5V21h-1v-1.5c0-3.0239-2.4761-5.5-5.5-5.5z",{height:32,width:32}),Qo=e("M16 8c3.866 0 7 3.134 7 7v2.7929l-2.1464-2.1465-.7072.7072 3 3 .3536.3535.3536-.3535 3-3-.7072-.7072L24 17.7929V15c0-4.4183-3.5817-8-8-8zm0 7H8v8h8zm-8-1H7v10h10V14h-1z",{height:32,width:32}),Xo=e("M24 23.5v.5H8V8h5v1H9v14h14v-4h1zM13.5 19H13v-6h1v4.2929L22.2929 9H18V8h6v6h-1V9.70711L14.7071 18H19v1z",{height:32,width:32}),Yo=e("M20 15c0 2.7614-2.2386 5-5 5s-5-2.2386-5-5 2.2386-5 5-5 5 2.2386 5 5m-1.1256 4.5815C17.8291 20.4664 16.4769 21 15 21c-3.3137 0-6-2.6863-6-6s2.6863-6 6-6 6 2.6863 6 6c0 1.4769-.5336 2.8291-1.4185 3.8744l4.2721 4.272-.7072.7072z",{height:32,width:32}),Zo=e("M17.5 13c0-1.3807 1.1193-2.5 2.5-2.5 1.3808 0 2.5 1.1193 2.5 2.5s-1.1192 2.5-2.5 2.5c-1.3807 0-2.5-1.1193-2.5-2.5M20 9.5c-1.933 0-3.5 1.567-3.5 3.5 0 1.442.872 2.6803 2.1175 3.2164-1.1371.3667-2.0766 1.1736-2.6175 2.22-.5409-1.0464-1.4803-1.8533-2.6175-2.22C14.628 15.6803 15.5 14.442 15.5 13c0-1.933-1.567-3.5-3.5-3.5S8.5 11.067 8.5 13c0 1.442.87203 2.6803 2.1175 3.2164C8.80861 16.7997 7.5 18.497 7.5 20.5V22h17v-1.5c0-2.003-1.3086-3.7003-3.1175-4.2836C22.628 15.6803 23.5 14.442 23.5 13c0-1.933-1.567-3.5-3.5-3.5M16.5 21v-.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5v.5zm-1-.5v.5h-7v-.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5m-6-7.5c0-1.3807 1.1193-2.5 2.5-2.5 1.3808 0 2.5 1.1193 2.5 2.5s-1.1192 2.5-2.5 2.5c-1.3807 0-2.5-1.1193-2.5-2.5",{height:32,width:32}),$o=e("M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7m1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8m-8.0001 4c-1.8638 0-3.4299-1.2748-3.8739-3h1.0446c.4119 1.1652 1.5231 2 2.8293 2 1.3063 0 2.4175-.8348 2.8293-2h1.0447c-.444 1.7252-2.0101 3-3.874 3M19.5 14.125c0 .4832-.3918.875-.875.875s-.875-.3918-.875-.875.3918-.875.875-.875.875.3918.875.875M13.125 15c.4832 0 .875-.3918.875-.875s-.3918-.875-.875-.875-.875.3918-.875.875.3918.875.875.875",{height:32,width:32}),rc=e("M9.5 22h3V10h-3v1h2v10h-2zm13-11h-2v10h2v1h-3V10h3zm-7 2v6h1v-6z",{height:32,width:32}),ec=e("M10 9.5v3h12v-3h-1v2H11v-2zm11 13v-2H11v2h-1v-3h12v3zm-2-7h-6v1h6z",{height:32,width:32}),nc=e("m18.5001 13.5-1.973-5.10783-.5377-1.39205-.5337 1.39358L13.5001 13.5H6.50006l1.40751 1 4.46783 3.1742-1.7314 5.2893-.5325 1.6267 1.3826-1.0091L15.9894 20.3l4.4953 3.2811 1.3825 1.0091-.5324-1.6267-1.7314-5.2893 4.484-3.1742 1.4127-1h-1.7308zm3.8566 1h-4.5424l-.2471-.6397-1.5738-4.07455-1.5595 4.07185-.246.6424H9.63415l3.32045 2.359.6002.4265-.2291.6998-1.2992 3.9691 3.3733-2.4621.5896-.4304.5895.4304 3.3733 2.4621-1.2992-3.9691-.2295-.701.6021-.4262z",{height:32,width:32}),oc=e("M15.9894 7.00012 18.5001 13.5h7l-5.8967 4.1742 2.2638 6.916L15.9894 20.3l-5.8779 4.2902 2.2639-6.916L6.50006 13.5h7.00004z",{height:32,width:32}),cc=e("M10 10h12v1H10zm0 4h12v2H10zm12 5H10v3h12z",{height:32,width:32}),tc=e("M11.5 13c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5m6 0c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5m1.5 7.5c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5-.6716 1.5-1.5 1.5M11.5 19c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5",{height:32,width:32}),sc=e("m23 13.1877-1.1747 1.4683a5.51905 5.51905 0 0 0-.0265-.156 5.49981 5.49981 0 0 0-.9894-2.2746 5.50027 5.50027 0 0 0-6.2658-1.9061 5.50036 5.50036 0 0 0-2.0884 1.3383 5.49027 5.49027 0 0 0-.633.7796l.0001.0001.8305.5568.0001.0001a4.4999 4.4999 0 0 1 2.2266-1.7328A4.49983 4.49983 0 0 1 17.7 11.195a4.4987 4.4987 0 0 1 2.3058 1.6259c.4847.6541.7812 1.4251.862 2.2297l-2.2-1.4666-.5547.832 3 2 .3814.2543.2864-.358 2-2.5zm-12 1.5-2 2.5.78087.6246 1.17473-1.4683c.0081.0521.0169.1041.0265.156.1515.8194.4881 1.5981.9894 2.2746a5.50042 5.50042 0 0 0 2.8182 1.9873 5.50033 5.50033 0 0 0 3.4475-.0812 5.50073 5.50073 0 0 0 2.0885-1.3383c.2326-.2383.4444-.4984.6318-.7778l.0012-.0018-.0001-.0001-.8305-.5568-.0001-.0001-.0011.0016a4.5001 4.5001 0 0 1-2.2255 1.7312 4.50016 4.50016 0 0 1-2.8206.0664 4.49885 4.49885 0 0 1-2.3057-1.6259 4.49861 4.49861 0 0 1-.862-2.2297l2.2 1.4666.5547-.832-3-2-.3814-.2543z",{height:32,width:32}),ac=e("M15.5 14v-2.9753c-2.3622.2345-4.2408 2.1131-4.4753 4.4753H14v1h-2.9753c.2345 2.3622 2.1131 4.2408 4.4753 4.4753V18h1v2.9753c2.3622-.2345 4.2408-2.1131 4.4753-4.4753H18v-1h2.9753c-.2345-2.3622-2.1131-4.2408-4.4753-4.4753V14zm6.4794 1.5c-.2404-2.9149-2.5645-5.239-5.4794-5.4795V8h-1v2.0205c-2.9149.2405-5.239 2.5646-5.4795 5.4795H8v1h2.0205c.2405 2.9149 2.5646 5.239 5.4795 5.4795V24h1v-2.0205c2.9149-.2405 5.239-2.5646 5.4794-5.4795H24v-1z",{height:32,width:32}),ic=e("M10 10h2v2h-2zm10 0h2v2h-2zm-8 5h-2v2h2zm8 0h2v2h-2zm-8 5h-2v2h2zm8 0h2v2h-2zm-3-10h-2v2h2zm-2 5h2v2h-2zm2 5h-2v2h2z",{height:32,width:32}),uc=e("M10 22.5v-13h2v13zm5 0v-13h2v13zm5-13v13h2v-13z",{height:32,width:32}),hc=e("M9.5 10h13v2h-13zm0 5h13v2h-13zm13 5h-13v2h13z",{height:32,width:32}),mc=e("M19 8h-6V7h6zm4 9c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7c1.7683 0 3.3835.6557 4.6157 1.7372l.0912.0912.5559.5559C22.3443 13.6165 23 15.2317 23 17m-.2854-4.3508.1136-.1137.7071-.7071.7071-.7071-.7071-.7071-.7071-.70709L22.1211 9l-.7071.70711-.7071.70709-.0676.0676C19.3308 9.54882 17.7295 9 16 9c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8c0-1.6044-.4723-3.0985-1.2854-4.3508m-.7223-.9496.1288.1288.7071-.7071-.7071-.7071-.7013.7013c.2005.1849.3916.3798.5725.5841M16.5 17v-5h-1v5c0 .2761.2239.5.5.5s.5-.2239.5-.5",{height:32,width:32}),dc=e("M15 9.5c-.5523 0-1 .44772-1 1h4c0-.55228-.4477-1-1-1zm4 1c0-1.10457-.8954-2-2-2h-2c-1.1046 0-2 .89543-2 2h-3v1h1v10c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2v-10h1v-1h-1.5zm1 1h-8v10c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1zm-6 7v-4h1v4zm3 0v-4h1v4z",{height:32,width:32}),pc=e("M11.5858 16 10.5 14.9142 9.41421 16 10.5 17.0858zm-.3787-1.7929L10.5 13.5l-.70711.7071-1.08578 1.0858L8 16l.70711.7071 1.08578 1.0858L10.5 18.5l.7071-.7071 1.0858-1.0858L12.5 16.5h2.0854c.2059.5826.7615 1 1.4146 1 .6531 0 1.2087-.4174 1.4146-1H19.5l.2071.2071 1.0858 1.0858.7071.7071.7071-.7071 1.0858-1.0858L24 16l-.7071-.7071-1.0858-1.0858L21.5 13.5l-.7071.7071-1.0858 1.0858L19.5 15.5h-2.0854c-.2059-.5826-.7615-1-1.4146-1-.6531 0-1.2087.4174-1.4146 1H12.5l-.2071-.2071zM22.5858 16 21.5 14.9142 20.4142 16 21.5 17.0858z",{height:32,width:32}),lc=e("M21.5085 15.8012c.5554-.5276 1.0351-1.134 1.421-1.8012h-1.1842c-1.2655 1.8142-3.3673 3-5.7454 3-2.3782 0-4.48-1.1858-5.7454-3H9.07022c.38597.6673.86567 1.2737 1.42108 1.8013l-1.59482 1.5949.70712.7071 1.6573-1.6574c.7108.5234 1.5112.9321 2.3742 1.1988l-.6171 2.2213.9636.2676.6262-2.2543c.452.0793.9172.1207 1.3921.1207.4748 0 .9399-.0414 1.392-.1207l.6261 2.2543.9636-.2676-.617-2.2213c.863-.2666 1.6635-.6754 2.3743-1.1989l1.6576 1.6575.7071-.7071z",{height:32,width:32}),vc=e("M16.0001 19c-2.2999 0-4.3222-1.1942-5.4784-3 1.1562-1.8058 3.1785-3 5.4784-3 2.2998 0 4.3221 1.1942 5.4783 3-1.1562 1.8058-3.1785 3-5.4783 3m0-7c2.878 0 5.3774 1.6211 6.6349 4-1.2575 2.3789-3.7569 4-6.6349 4-2.8781 0-5.3775-1.6211-6.63499-4 1.25749-2.3789 3.75689-4 6.63499-4m.0003 6c1.1045 0 2-.8954 2-2s-.8955-2-2-2c-1.1046 0-2 .8954-2 2s.8954 2 2 2",{height:32,width:32}),gc=e("M15.3463 8.16209c.2868-.50974 1.0207-.50974 1.3074 0l7.7176 13.72021c.2812.4999-.08 1.1177-.6537 1.1177H8.2824c-.57362 0-.9349-.6178-.65368-1.1177zM16 12.3817c.4971 0 .9.403.9.9v3.0878c0 .4971-.4029.9-.9.9-.497 0-.9-.4029-.9-.9v-3.0878c0-.497.403-.9.9-.9M17.1 20c0-.6075-.4925-1.1-1.1-1.1-.6075 0-1.1.4925-1.1 1.1v.0685c0 .6076.4925 1.1 1.1 1.1.6075 0 1.1-.4924 1.1-1.1z",{height:32,width:32}),zc=e("M21.7907 19.9341C20.531 21.7847 18.4074 23 16 23c-3.866 0-7-3.134-7-7 0-.6182.08013-1.2176.23057-1.7885l1.80413.6765c.1722.0646.2721.2444.2361.4247l-.3763 1.8814c-.0354.1773.0606.3546.2285.4217l2.0217.8088c.1177.047.2036.1503.2285.2746l.4379 2.1895a.37526.37526 0 0 0 .1025.1916l.5371.5371c.1851.1851.4982.1283.6066-.11l2.0898-4.5976c.0969-.2132-.0232-.4622-.2505-.519l-1.4625-.3656a.37543.37543 0 0 1-.1742-.0986l-1.3167-1.3168a.37521.37521 0 0 0-.2652-.1098h-1.1129a.37509.37509 0 0 1-.3354-.2073l-.7101-1.4201c-.0995-.1992-.0047-.4407.2038-.5189l3.286-1.2322c.183-.0686.2826-.2663.2289-.4542l-.4436-1.55253a.2015.2015 0 0 0-.0033-.01082C15.184 9.03562 15.5879 9 16 9c.2102 0 .4182.00926.6237.02741a.39126.39126 0 0 0-.0071.03958l-.0837.66974c-.0197.15777.0622.31077.2044.38197l.6006.3003a.37504.37504 0 0 0 .3263.0044l1.3-.6067c.0533-.02487.0964-.05846.1297-.09758 1.0432.51488 1.9396 1.28188 2.6096 2.22158l-2.0613-.4123a.37501.37501 0 0 0-.2665.0462l-2.0779 1.2467c-.1681.1009-.2301.314-.1425.4893l1.2411 2.4821c.0635.127.1933.2073.3354.2073h1.652c.1674 0 .3146.111.3606.272zM24 16c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8",{height:32,width:32}),kc={parameters:{fixedWidth:!1},title:"Icons/Size 32"},n=function(){return r(Pn,{})},o=function(){return r(Bn,{})},c=function(){return r(Fn,{})},t=function(){return r(bn,{})},s=function(){return r(Gn,{})},a=function(){return r(Un,{})},i=function(){return r(En,{})},u=function(){return r(Wn,{})},h=function(){return r(Nn,{})},m=function(){return r(jn,{})},d=function(){return r(_n,{})},p=function(){return r(xn,{})},l=function(){return r(On,{})},v=function(){return r(Cn,{})},g=function(){return r(kn,{})},z=function(){return r(qn,{})},f=function(){return r(Jn,{})},I=function(){return r(Kn,{})},L=function(){return r(Qn,{})},S=function(){return r(Xn,{})},w=function(){return r(Yn,{})},H=function(){return r(Zn,{})},M=function(){return r($n,{})},C=function(){return r(ro,{})},V=function(){return r(An,{})},y=function(){return r(eo,{})},k=function(){return r(no,{})},A=function(){return r(oo,{})},R=function(){return r(co,{})},T=function(){return r(Rn,{})},D=function(){return r(to,{})},P=function(){return r(so,{})},B=function(){return r(ao,{})},F=function(){return r(io,{})},b=function(){return r(uo,{})},G=function(){return r(ho,{})},U=function(){return r(Vn,{})},E=function(){return r(mo,{})},W=function(){return r(po,{})},N=function(){return r(lo,{})},j=function(){return r(vo,{})},x=function(){return r(go,{})},_=function(){return r(zo,{})},O=function(){return r(fo,{})},q=function(){return r(Io,{})},J=function(){return r(Lo,{})},K=function(){return r(So,{})},Q=function(){return r(wo,{})},X=function(){return r(Ho,{})},Y=function(){return r(Mo,{})},Z=function(){return r(Co,{})},$=function(){return r(Vo,{})},r1=function(){return r(yo,{})},e1=function(){return r(Ao,{})},n1=function(){return r(ko,{})},o1=function(){return r(Ro,{})},c1=function(){return r(To,{})},t1=function(){return r(Do,{})},s1=function(){return r(Po,{})},a1=function(){return r(Bo,{})},i1=function(){return r(Fo,{})},u1=function(){return r(bo,{})},h1=function(){return r(Go,{})},m1=function(){return r(Uo,{})},d1=function(){return r(Eo,{})},p1=function(){return r(Wo,{})},l1=function(){return r(No,{})},v1=function(){return r(jo,{})},g1=function(){return r(xo,{})},z1=function(){return r(_o,{})},f1=function(){return r(Tn,{})},I1=function(){return r(Oo,{})},L1=function(){return r(qo,{})},S1=function(){return r(Jo,{})},w1=function(){return r(Ko,{})},H1=function(){return r(Qo,{})},M1=function(){return r(Xo,{})},C1=function(){return r(Yo,{})},V1=function(){return r(Dn,{})},y1=function(){return r(Zo,{})},k1=function(){return r($o,{})},A1=function(){return r(rc,{})},R1=function(){return r(ec,{})},T1=function(){return r(oc,{})},D1=function(){return r(nc,{})},P1=function(){return r(cc,{})},B1=function(){return r(tc,{})},F1=function(){return r(sc,{})},b1=function(){return r(ac,{})},G1=function(){return r(ic,{})},U1=function(){return r(uc,{})},E1=function(){return r(hc,{})},W1=function(){return r(mc,{})},N1=function(){return r(dc,{})},j1=function(){return r(pc,{})},x1=function(){return r(lc,{})},_1=function(){return r(vc,{})},O1=function(){return r(gc,{})},q1=function(){return r(yn,{})},J1=function(){return r(zc,{})};var K1,Q1,X1;n.parameters={...n.parameters,docs:{...(K1=n.parameters)==null?void 0:K1.docs,source:{originalSource:`function () {
+  return ;
+}`,...(X1=(Q1=n.parameters)==null?void 0:Q1.docs)==null?void 0:X1.source}}};var Y1,Z1,$1;o.parameters={...o.parameters,docs:{...(Y1=o.parameters)==null?void 0:Y1.docs,source:{originalSource:`function () {
+  return ;
+}`,...($1=(Z1=o.parameters)==null?void 0:Z1.docs)==null?void 0:$1.source}}};var r2,e2,n2;c.parameters={...c.parameters,docs:{...(r2=c.parameters)==null?void 0:r2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(n2=(e2=c.parameters)==null?void 0:e2.docs)==null?void 0:n2.source}}};var o2,c2,t2;t.parameters={...t.parameters,docs:{...(o2=t.parameters)==null?void 0:o2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(t2=(c2=t.parameters)==null?void 0:c2.docs)==null?void 0:t2.source}}};var s2,a2,i2;s.parameters={...s.parameters,docs:{...(s2=s.parameters)==null?void 0:s2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(i2=(a2=s.parameters)==null?void 0:a2.docs)==null?void 0:i2.source}}};var u2,h2,m2;a.parameters={...a.parameters,docs:{...(u2=a.parameters)==null?void 0:u2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(m2=(h2=a.parameters)==null?void 0:h2.docs)==null?void 0:m2.source}}};var d2,p2,l2;i.parameters={...i.parameters,docs:{...(d2=i.parameters)==null?void 0:d2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(l2=(p2=i.parameters)==null?void 0:p2.docs)==null?void 0:l2.source}}};var v2,g2,z2;u.parameters={...u.parameters,docs:{...(v2=u.parameters)==null?void 0:v2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(z2=(g2=u.parameters)==null?void 0:g2.docs)==null?void 0:z2.source}}};var f2,I2,L2;h.parameters={...h.parameters,docs:{...(f2=h.parameters)==null?void 0:f2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(L2=(I2=h.parameters)==null?void 0:I2.docs)==null?void 0:L2.source}}};var S2,w2,H2;m.parameters={...m.parameters,docs:{...(S2=m.parameters)==null?void 0:S2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(H2=(w2=m.parameters)==null?void 0:w2.docs)==null?void 0:H2.source}}};var M2,C2,V2;d.parameters={...d.parameters,docs:{...(M2=d.parameters)==null?void 0:M2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(V2=(C2=d.parameters)==null?void 0:C2.docs)==null?void 0:V2.source}}};var y2,k2,A2;p.parameters={...p.parameters,docs:{...(y2=p.parameters)==null?void 0:y2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(A2=(k2=p.parameters)==null?void 0:k2.docs)==null?void 0:A2.source}}};var R2,T2,D2;l.parameters={...l.parameters,docs:{...(R2=l.parameters)==null?void 0:R2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(D2=(T2=l.parameters)==null?void 0:T2.docs)==null?void 0:D2.source}}};var P2,B2,F2;v.parameters={...v.parameters,docs:{...(P2=v.parameters)==null?void 0:P2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(F2=(B2=v.parameters)==null?void 0:B2.docs)==null?void 0:F2.source}}};var b2,G2,U2;g.parameters={...g.parameters,docs:{...(b2=g.parameters)==null?void 0:b2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(U2=(G2=g.parameters)==null?void 0:G2.docs)==null?void 0:U2.source}}};var E2,W2,N2;z.parameters={...z.parameters,docs:{...(E2=z.parameters)==null?void 0:E2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(N2=(W2=z.parameters)==null?void 0:W2.docs)==null?void 0:N2.source}}};var j2,x2,_2;f.parameters={...f.parameters,docs:{...(j2=f.parameters)==null?void 0:j2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(_2=(x2=f.parameters)==null?void 0:x2.docs)==null?void 0:_2.source}}};var O2,q2,J2;I.parameters={...I.parameters,docs:{...(O2=I.parameters)==null?void 0:O2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(J2=(q2=I.parameters)==null?void 0:q2.docs)==null?void 0:J2.source}}};var K2,Q2,X2;L.parameters={...L.parameters,docs:{...(K2=L.parameters)==null?void 0:K2.docs,source:{originalSource:`function () {
+  return ;
+}`,...(X2=(Q2=L.parameters)==null?void 0:Q2.docs)==null?void 0:X2.source}}};var Y2,Z2,$2;S.parameters={...S.parameters,docs:{...(Y2=S.parameters)==null?void 0:Y2.docs,source:{originalSource:`function () {
+  return ;
+}`,...($2=(Z2=S.parameters)==null?void 0:Z2.docs)==null?void 0:$2.source}}};var r3,e3,n3;w.parameters={...w.parameters,docs:{...(r3=w.parameters)==null?void 0:r3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(n3=(e3=w.parameters)==null?void 0:e3.docs)==null?void 0:n3.source}}};var o3,c3,t3;H.parameters={...H.parameters,docs:{...(o3=H.parameters)==null?void 0:o3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(t3=(c3=H.parameters)==null?void 0:c3.docs)==null?void 0:t3.source}}};var s3,a3,i3;M.parameters={...M.parameters,docs:{...(s3=M.parameters)==null?void 0:s3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(i3=(a3=M.parameters)==null?void 0:a3.docs)==null?void 0:i3.source}}};var u3,h3,m3;C.parameters={...C.parameters,docs:{...(u3=C.parameters)==null?void 0:u3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(m3=(h3=C.parameters)==null?void 0:h3.docs)==null?void 0:m3.source}}};var d3,p3,l3;V.parameters={...V.parameters,docs:{...(d3=V.parameters)==null?void 0:d3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(l3=(p3=V.parameters)==null?void 0:p3.docs)==null?void 0:l3.source}}};var v3,g3,z3;y.parameters={...y.parameters,docs:{...(v3=y.parameters)==null?void 0:v3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(z3=(g3=y.parameters)==null?void 0:g3.docs)==null?void 0:z3.source}}};var f3,I3,L3;k.parameters={...k.parameters,docs:{...(f3=k.parameters)==null?void 0:f3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(L3=(I3=k.parameters)==null?void 0:I3.docs)==null?void 0:L3.source}}};var S3,w3,H3;A.parameters={...A.parameters,docs:{...(S3=A.parameters)==null?void 0:S3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(H3=(w3=A.parameters)==null?void 0:w3.docs)==null?void 0:H3.source}}};var M3,C3,V3;R.parameters={...R.parameters,docs:{...(M3=R.parameters)==null?void 0:M3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(V3=(C3=R.parameters)==null?void 0:C3.docs)==null?void 0:V3.source}}};var y3,k3,A3;T.parameters={...T.parameters,docs:{...(y3=T.parameters)==null?void 0:y3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(A3=(k3=T.parameters)==null?void 0:k3.docs)==null?void 0:A3.source}}};var R3,T3,D3;D.parameters={...D.parameters,docs:{...(R3=D.parameters)==null?void 0:R3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(D3=(T3=D.parameters)==null?void 0:T3.docs)==null?void 0:D3.source}}};var P3,B3,F3;P.parameters={...P.parameters,docs:{...(P3=P.parameters)==null?void 0:P3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(F3=(B3=P.parameters)==null?void 0:B3.docs)==null?void 0:F3.source}}};var b3,G3,U3;B.parameters={...B.parameters,docs:{...(b3=B.parameters)==null?void 0:b3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(U3=(G3=B.parameters)==null?void 0:G3.docs)==null?void 0:U3.source}}};var E3,W3,N3;F.parameters={...F.parameters,docs:{...(E3=F.parameters)==null?void 0:E3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(N3=(W3=F.parameters)==null?void 0:W3.docs)==null?void 0:N3.source}}};var j3,x3,_3;b.parameters={...b.parameters,docs:{...(j3=b.parameters)==null?void 0:j3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(_3=(x3=b.parameters)==null?void 0:x3.docs)==null?void 0:_3.source}}};var O3,q3,J3;G.parameters={...G.parameters,docs:{...(O3=G.parameters)==null?void 0:O3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(J3=(q3=G.parameters)==null?void 0:q3.docs)==null?void 0:J3.source}}};var K3,Q3,X3;U.parameters={...U.parameters,docs:{...(K3=U.parameters)==null?void 0:K3.docs,source:{originalSource:`function () {
+  return ;
+}`,...(X3=(Q3=U.parameters)==null?void 0:Q3.docs)==null?void 0:X3.source}}};var Y3,Z3,$3;E.parameters={...E.parameters,docs:{...(Y3=E.parameters)==null?void 0:Y3.docs,source:{originalSource:`function () {
+  return ;
+}`,...($3=(Z3=E.parameters)==null?void 0:Z3.docs)==null?void 0:$3.source}}};var rr,er,nr;W.parameters={...W.parameters,docs:{...(rr=W.parameters)==null?void 0:rr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(nr=(er=W.parameters)==null?void 0:er.docs)==null?void 0:nr.source}}};var or,cr,tr;N.parameters={...N.parameters,docs:{...(or=N.parameters)==null?void 0:or.docs,source:{originalSource:`function () {
+  return ;
+}`,...(tr=(cr=N.parameters)==null?void 0:cr.docs)==null?void 0:tr.source}}};var sr,ar,ir;j.parameters={...j.parameters,docs:{...(sr=j.parameters)==null?void 0:sr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ir=(ar=j.parameters)==null?void 0:ar.docs)==null?void 0:ir.source}}};var ur,hr,mr;x.parameters={...x.parameters,docs:{...(ur=x.parameters)==null?void 0:ur.docs,source:{originalSource:`function () {
+  return ;
+}`,...(mr=(hr=x.parameters)==null?void 0:hr.docs)==null?void 0:mr.source}}};var dr,pr,lr;_.parameters={..._.parameters,docs:{...(dr=_.parameters)==null?void 0:dr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(lr=(pr=_.parameters)==null?void 0:pr.docs)==null?void 0:lr.source}}};var vr,gr,zr;O.parameters={...O.parameters,docs:{...(vr=O.parameters)==null?void 0:vr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(zr=(gr=O.parameters)==null?void 0:gr.docs)==null?void 0:zr.source}}};var fr,Ir,Lr;q.parameters={...q.parameters,docs:{...(fr=q.parameters)==null?void 0:fr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Lr=(Ir=q.parameters)==null?void 0:Ir.docs)==null?void 0:Lr.source}}};var Sr,wr,Hr;J.parameters={...J.parameters,docs:{...(Sr=J.parameters)==null?void 0:Sr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Hr=(wr=J.parameters)==null?void 0:wr.docs)==null?void 0:Hr.source}}};var Mr,Cr,Vr;K.parameters={...K.parameters,docs:{...(Mr=K.parameters)==null?void 0:Mr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Vr=(Cr=K.parameters)==null?void 0:Cr.docs)==null?void 0:Vr.source}}};var yr,kr,Ar;Q.parameters={...Q.parameters,docs:{...(yr=Q.parameters)==null?void 0:yr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ar=(kr=Q.parameters)==null?void 0:kr.docs)==null?void 0:Ar.source}}};var Rr,Tr,Dr;X.parameters={...X.parameters,docs:{...(Rr=X.parameters)==null?void 0:Rr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Dr=(Tr=X.parameters)==null?void 0:Tr.docs)==null?void 0:Dr.source}}};var Pr,Br,Fr;Y.parameters={...Y.parameters,docs:{...(Pr=Y.parameters)==null?void 0:Pr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Fr=(Br=Y.parameters)==null?void 0:Br.docs)==null?void 0:Fr.source}}};var br,Gr,Ur;Z.parameters={...Z.parameters,docs:{...(br=Z.parameters)==null?void 0:br.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ur=(Gr=Z.parameters)==null?void 0:Gr.docs)==null?void 0:Ur.source}}};var Er,Wr,Nr;$.parameters={...$.parameters,docs:{...(Er=$.parameters)==null?void 0:Er.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Nr=(Wr=$.parameters)==null?void 0:Wr.docs)==null?void 0:Nr.source}}};var jr,xr,_r;r1.parameters={...r1.parameters,docs:{...(jr=r1.parameters)==null?void 0:jr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(_r=(xr=r1.parameters)==null?void 0:xr.docs)==null?void 0:_r.source}}};var Or,qr,Jr;e1.parameters={...e1.parameters,docs:{...(Or=e1.parameters)==null?void 0:Or.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Jr=(qr=e1.parameters)==null?void 0:qr.docs)==null?void 0:Jr.source}}};var Kr,Qr,Xr;n1.parameters={...n1.parameters,docs:{...(Kr=n1.parameters)==null?void 0:Kr.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Xr=(Qr=n1.parameters)==null?void 0:Qr.docs)==null?void 0:Xr.source}}};var Yr,Zr,$r;o1.parameters={...o1.parameters,docs:{...(Yr=o1.parameters)==null?void 0:Yr.docs,source:{originalSource:`function () {
+  return ;
+}`,...($r=(Zr=o1.parameters)==null?void 0:Zr.docs)==null?void 0:$r.source}}};var re,ee,ne;c1.parameters={...c1.parameters,docs:{...(re=c1.parameters)==null?void 0:re.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ne=(ee=c1.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var oe,ce,te;t1.parameters={...t1.parameters,docs:{...(oe=t1.parameters)==null?void 0:oe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(te=(ce=t1.parameters)==null?void 0:ce.docs)==null?void 0:te.source}}};var se,ae,ie;s1.parameters={...s1.parameters,docs:{...(se=s1.parameters)==null?void 0:se.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ie=(ae=s1.parameters)==null?void 0:ae.docs)==null?void 0:ie.source}}};var ue,he,me;a1.parameters={...a1.parameters,docs:{...(ue=a1.parameters)==null?void 0:ue.docs,source:{originalSource:`function () {
+  return ;
+}`,...(me=(he=a1.parameters)==null?void 0:he.docs)==null?void 0:me.source}}};var de,pe,le;i1.parameters={...i1.parameters,docs:{...(de=i1.parameters)==null?void 0:de.docs,source:{originalSource:`function () {
+  return ;
+}`,...(le=(pe=i1.parameters)==null?void 0:pe.docs)==null?void 0:le.source}}};var ve,ge,ze;u1.parameters={...u1.parameters,docs:{...(ve=u1.parameters)==null?void 0:ve.docs,source:{originalSource:`function () {
+  return ;
+}`,...(ze=(ge=u1.parameters)==null?void 0:ge.docs)==null?void 0:ze.source}}};var fe,Ie,Le;h1.parameters={...h1.parameters,docs:{...(fe=h1.parameters)==null?void 0:fe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Le=(Ie=h1.parameters)==null?void 0:Ie.docs)==null?void 0:Le.source}}};var Se,we,He;m1.parameters={...m1.parameters,docs:{...(Se=m1.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
+  return ;
+}`,...(He=(we=m1.parameters)==null?void 0:we.docs)==null?void 0:He.source}}};var Me,Ce,Ve;d1.parameters={...d1.parameters,docs:{...(Me=d1.parameters)==null?void 0:Me.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ve=(Ce=d1.parameters)==null?void 0:Ce.docs)==null?void 0:Ve.source}}};var ye,ke,Ae;p1.parameters={...p1.parameters,docs:{...(ye=p1.parameters)==null?void 0:ye.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ae=(ke=p1.parameters)==null?void 0:ke.docs)==null?void 0:Ae.source}}};var Re,Te,De;l1.parameters={...l1.parameters,docs:{...(Re=l1.parameters)==null?void 0:Re.docs,source:{originalSource:`function () {
+  return ;
+}`,...(De=(Te=l1.parameters)==null?void 0:Te.docs)==null?void 0:De.source}}};var Pe,Be,Fe;v1.parameters={...v1.parameters,docs:{...(Pe=v1.parameters)==null?void 0:Pe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Fe=(Be=v1.parameters)==null?void 0:Be.docs)==null?void 0:Fe.source}}};var be,Ge,Ue;g1.parameters={...g1.parameters,docs:{...(be=g1.parameters)==null?void 0:be.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ue=(Ge=g1.parameters)==null?void 0:Ge.docs)==null?void 0:Ue.source}}};var Ee,We,Ne;z1.parameters={...z1.parameters,docs:{...(Ee=z1.parameters)==null?void 0:Ee.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Ne=(We=z1.parameters)==null?void 0:We.docs)==null?void 0:Ne.source}}};var je,xe,_e;f1.parameters={...f1.parameters,docs:{...(je=f1.parameters)==null?void 0:je.docs,source:{originalSource:`function () {
+  return ;
+}`,...(_e=(xe=f1.parameters)==null?void 0:xe.docs)==null?void 0:_e.source}}};var Oe,qe,Je;I1.parameters={...I1.parameters,docs:{...(Oe=I1.parameters)==null?void 0:Oe.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Je=(qe=I1.parameters)==null?void 0:qe.docs)==null?void 0:Je.source}}};var Ke,Qe,Xe;L1.parameters={...L1.parameters,docs:{...(Ke=L1.parameters)==null?void 0:Ke.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Xe=(Qe=L1.parameters)==null?void 0:Qe.docs)==null?void 0:Xe.source}}};var Ye,Ze,$e;S1.parameters={...S1.parameters,docs:{...(Ye=S1.parameters)==null?void 0:Ye.docs,source:{originalSource:`function () {
+  return ;
+}`,...($e=(Ze=S1.parameters)==null?void 0:Ze.docs)==null?void 0:$e.source}}};var r5,e5,n5;w1.parameters={...w1.parameters,docs:{...(r5=w1.parameters)==null?void 0:r5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(n5=(e5=w1.parameters)==null?void 0:e5.docs)==null?void 0:n5.source}}};var o5,c5,t5;H1.parameters={...H1.parameters,docs:{...(o5=H1.parameters)==null?void 0:o5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(t5=(c5=H1.parameters)==null?void 0:c5.docs)==null?void 0:t5.source}}};var s5,a5,i5;M1.parameters={...M1.parameters,docs:{...(s5=M1.parameters)==null?void 0:s5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(i5=(a5=M1.parameters)==null?void 0:a5.docs)==null?void 0:i5.source}}};var u5,h5,m5;C1.parameters={...C1.parameters,docs:{...(u5=C1.parameters)==null?void 0:u5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(m5=(h5=C1.parameters)==null?void 0:h5.docs)==null?void 0:m5.source}}};var d5,p5,l5;V1.parameters={...V1.parameters,docs:{...(d5=V1.parameters)==null?void 0:d5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(l5=(p5=V1.parameters)==null?void 0:p5.docs)==null?void 0:l5.source}}};var v5,g5,z5;y1.parameters={...y1.parameters,docs:{...(v5=y1.parameters)==null?void 0:v5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(z5=(g5=y1.parameters)==null?void 0:g5.docs)==null?void 0:z5.source}}};var f5,I5,L5;k1.parameters={...k1.parameters,docs:{...(f5=k1.parameters)==null?void 0:f5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(L5=(I5=k1.parameters)==null?void 0:I5.docs)==null?void 0:L5.source}}};var S5,w5,H5;A1.parameters={...A1.parameters,docs:{...(S5=A1.parameters)==null?void 0:S5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(H5=(w5=A1.parameters)==null?void 0:w5.docs)==null?void 0:H5.source}}};var M5,C5,V5;R1.parameters={...R1.parameters,docs:{...(M5=R1.parameters)==null?void 0:M5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(V5=(C5=R1.parameters)==null?void 0:C5.docs)==null?void 0:V5.source}}};var y5,k5,A5;T1.parameters={...T1.parameters,docs:{...(y5=T1.parameters)==null?void 0:y5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(A5=(k5=T1.parameters)==null?void 0:k5.docs)==null?void 0:A5.source}}};var R5,T5,D5;D1.parameters={...D1.parameters,docs:{...(R5=D1.parameters)==null?void 0:R5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(D5=(T5=D1.parameters)==null?void 0:T5.docs)==null?void 0:D5.source}}};var P5,B5,F5;P1.parameters={...P1.parameters,docs:{...(P5=P1.parameters)==null?void 0:P5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(F5=(B5=P1.parameters)==null?void 0:B5.docs)==null?void 0:F5.source}}};var b5,G5,U5;B1.parameters={...B1.parameters,docs:{...(b5=B1.parameters)==null?void 0:b5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(U5=(G5=B1.parameters)==null?void 0:G5.docs)==null?void 0:U5.source}}};var E5,W5,N5;F1.parameters={...F1.parameters,docs:{...(E5=F1.parameters)==null?void 0:E5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(N5=(W5=F1.parameters)==null?void 0:W5.docs)==null?void 0:N5.source}}};var j5,x5,_5;b1.parameters={...b1.parameters,docs:{...(j5=b1.parameters)==null?void 0:j5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(_5=(x5=b1.parameters)==null?void 0:x5.docs)==null?void 0:_5.source}}};var O5,q5,J5;G1.parameters={...G1.parameters,docs:{...(O5=G1.parameters)==null?void 0:O5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(J5=(q5=G1.parameters)==null?void 0:q5.docs)==null?void 0:J5.source}}};var K5,Q5,X5;U1.parameters={...U1.parameters,docs:{...(K5=U1.parameters)==null?void 0:K5.docs,source:{originalSource:`function () {
+  return ;
+}`,...(X5=(Q5=U1.parameters)==null?void 0:Q5.docs)==null?void 0:X5.source}}};var Y5,Z5,$5;E1.parameters={...E1.parameters,docs:{...(Y5=E1.parameters)==null?void 0:Y5.docs,source:{originalSource:`function () {
+  return ;
+}`,...($5=(Z5=E1.parameters)==null?void 0:Z5.docs)==null?void 0:$5.source}}};var rn,en,nn;W1.parameters={...W1.parameters,docs:{...(rn=W1.parameters)==null?void 0:rn.docs,source:{originalSource:`function () {
+  return ;
+}`,...(nn=(en=W1.parameters)==null?void 0:en.docs)==null?void 0:nn.source}}};var on,cn,tn;N1.parameters={...N1.parameters,docs:{...(on=N1.parameters)==null?void 0:on.docs,source:{originalSource:`function () {
+  return ;
+}`,...(tn=(cn=N1.parameters)==null?void 0:cn.docs)==null?void 0:tn.source}}};var sn,an,un;j1.parameters={...j1.parameters,docs:{...(sn=j1.parameters)==null?void 0:sn.docs,source:{originalSource:`function () {
+  return ;
+}`,...(un=(an=j1.parameters)==null?void 0:an.docs)==null?void 0:un.source}}};var hn,mn,dn;x1.parameters={...x1.parameters,docs:{...(hn=x1.parameters)==null?void 0:hn.docs,source:{originalSource:`function () {
+  return ;
+}`,...(dn=(mn=x1.parameters)==null?void 0:mn.docs)==null?void 0:dn.source}}};var pn,ln,vn;_1.parameters={..._1.parameters,docs:{...(pn=_1.parameters)==null?void 0:pn.docs,source:{originalSource:`function () {
+  return ;
+}`,...(vn=(ln=_1.parameters)==null?void 0:ln.docs)==null?void 0:vn.source}}};var gn,zn,fn;O1.parameters={...O1.parameters,docs:{...(gn=O1.parameters)==null?void 0:gn.docs,source:{originalSource:`function () {
+  return ;
+}`,...(fn=(zn=O1.parameters)==null?void 0:zn.docs)==null?void 0:fn.source}}};var In,Ln,Sn;q1.parameters={...q1.parameters,docs:{...(In=q1.parameters)==null?void 0:In.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Sn=(Ln=q1.parameters)==null?void 0:Ln.docs)==null?void 0:Sn.source}}};var wn,Hn,Mn;J1.parameters={...J1.parameters,docs:{...(wn=J1.parameters)==null?void 0:wn.docs,source:{originalSource:`function () {
+  return ;
+}`,...(Mn=(Hn=J1.parameters)==null?void 0:Hn.docs)==null?void 0:Mn.source}}};const Ac=["Adjust","Angle","Animation","ArrowDownCircle","ArrowLeftCircle","ArrowLeftRight","ArrowRightCircle","ArrowUpCircle","ArrowUpDown","Bell","BlendEmpty","Blend","CheckCircleFilled","CheckCircle","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Code","Component","ConnectionConnect","ConnectionDelete","CornerRadius","Corners","Cross","DistributeHorizontalSpacing","DistributeVerticalSpacing","Draft","Effects","Ellipsis","Eyedropper","Folder","Frame","Grid","HyperlinkBreak","HyperlinkLinked","Info","LayoutAlignBottom","LayoutAlignHorizontalCenters","LayoutAlignLeft","LayoutAlignRight","LayoutAlignTop","LayoutAlignVerticalCenters","LayoutGridColumns","LayoutGridRows","LayoutGridUniform","LayoutHorizontal","LayoutVertical","LetterSpacing","Library","LineHeight","LinkBreak","LinkLinked","ListDetailed","List","LockLocked","LockUnlocked","Megaphone","Minus","MissingFonts","NavigateBack","NavigateTo","Notice","PaddingHorizontal","PaddingVertical","ParagraphIndent","ParagraphSpacing","Pencil","Play","Plugin","Plus","Recent","ResetInstance","ResizeToFit","Return","Rotate","Scale","SearchLarge","Search","Share","Smiley","SpacingHorizontal","SpacingVertical","StarFilled","Star","StrokeWeight","Styles","Swap","Target","TidyGrid","TidyListHorizontal","TidyListVertical","Timer","Trash","VectorHandles","VisibilityHidden","VisibilityVisible","WarningFilled","Warning","World"];export{n as Adjust,o as Angle,c as Animation,t as ArrowDownCircle,s as ArrowLeftCircle,a as ArrowLeftRight,i as ArrowRightCircle,u as ArrowUpCircle,h as ArrowUpDown,m as Bell,p as Blend,d as BlendEmpty,v as CheckCircle,l as CheckCircleFilled,g as ChevronDown,z as ChevronLeft,f as ChevronRight,I as ChevronUp,L as Code,S as Component,w as ConnectionConnect,H as ConnectionDelete,M as CornerRadius,C as Corners,V as Cross,y as DistributeHorizontalSpacing,k as DistributeVerticalSpacing,A as Draft,R as Effects,T as Ellipsis,D as Eyedropper,P as Folder,B as Frame,F as Grid,b as HyperlinkBreak,G as HyperlinkLinked,U as Info,E as LayoutAlignBottom,W as LayoutAlignHorizontalCenters,N as LayoutAlignLeft,j as LayoutAlignRight,x as LayoutAlignTop,_ as LayoutAlignVerticalCenters,O as LayoutGridColumns,q as LayoutGridRows,J as LayoutGridUniform,K as LayoutHorizontal,Q as LayoutVertical,X as LetterSpacing,Y as Library,Z as LineHeight,$ as LinkBreak,r1 as LinkLinked,n1 as List,e1 as ListDetailed,o1 as LockLocked,c1 as LockUnlocked,t1 as Megaphone,s1 as Minus,a1 as MissingFonts,i1 as NavigateBack,u1 as NavigateTo,h1 as Notice,m1 as PaddingHorizontal,d1 as PaddingVertical,p1 as ParagraphIndent,l1 as ParagraphSpacing,v1 as Pencil,g1 as Play,z1 as Plugin,f1 as Plus,I1 as Recent,L1 as ResetInstance,S1 as ResizeToFit,w1 as Return,H1 as Rotate,M1 as Scale,V1 as Search,C1 as SearchLarge,y1 as Share,k1 as Smiley,A1 as SpacingHorizontal,R1 as SpacingVertical,D1 as Star,T1 as StarFilled,P1 as StrokeWeight,B1 as Styles,F1 as Swap,b1 as Target,G1 as TidyGrid,U1 as TidyListHorizontal,E1 as TidyListVertical,W1 as Timer,N1 as Trash,j1 as VectorHandles,x1 as VisibilityHidden,_1 as VisibilityVisible,q1 as Warning,O1 as WarningFilled,J1 as World,Ac as __namedExportsOrder,kc as default};
diff --git a/storybook/assets/icon-32.stories-7ed91ff0.js b/storybook/assets/icon-32.stories-7ed91ff0.js
deleted file mode 100644
index f03c7e46e..000000000
--- a/storybook/assets/icon-32.stories-7ed91ff0.js
+++ /dev/null
@@ -1,202 +0,0 @@
-import{c as e}from"./create-icon-59b2c318.js";import{a as Vo,I as Co,b as yo}from"./icon-warning-32-b4db70b9.js";import{I as ko}from"./icon-chevron-down-32-21cd5cae.js";import{I as Ao}from"./icon-cross-32-9903a829.js";import{I as Ro}from"./icon-ellipsis-32-ea05aaf4.js";import{I as To}from"./icon-plus-32-8b6a0896.js";import{I as Do}from"./icon-search-32-6f1a60ac.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const Po=e("M12 15.95V23h1v-7.05c1.1411-.2316 2-1.2405 2-2.45 0-1.2095-.8589-2.2184-2-2.45V9h-1v2.05c-1.1411.2316-2 1.2405-2 2.45 0 1.2095.8589 2.2184 2 2.45Zm2-2.45c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5 1.5-.6716 1.5-1.5ZM19 9h1v7.05c1.1411.2316 2 1.2405 2 2.45 0 1.2095-.8589 2.2184-2 2.45V23h-1v-2.05c-1.1411-.2316-2-1.2405-2-2.45 0-1.2095.8589-2.2184 2-2.45V9Zm2 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z",{height:32,width:32}),zo=e("M12 12v8h8v-1h-3c0-2.2091-1.7909-4-4-4v-3h-1Zm1 4v3h3c0-1.6569-1.3431-3-3-3Z",{height:32,width:32}),Bo=e("M10 10h12v12H10V10Zm-1 0c0-.55228.44772-1 1-1h12c.5523 0 1 .44772 1 1v12c0 .5523-.4477 1-1 1H10c-.55228 0-1-.4477-1-1V10Zm10 6-5-3v6l5-3Z",{height:32,width:32}),Fo=e("M9 16c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7Zm-1 0c0-4.4183 3.5817-8 8-8s8 3.5817 8 8-3.5817 8-8 8-8-3.5817-8-8Zm8.3535 3.7464-.3536.3536-.3535-.3536-3-3 .7071-.7071 2.1464 2.1465v-6.2929h1v6.2929l2.1465-2.1465.7071.7071-3 3Z",{height:32,width:32}),bo=e("M16 9c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7 3.134-7 7-7Zm0-1c4.4183 0 8 3.5817 8 8s-3.5817 8-8 8-8-3.5817-8-8 3.5817-8 8-8Zm-3.7464 8.3535-.3536-.3536.3536-.3535 3-3 .7071.7071-2.1465 2.1464h6.2929v1h-6.2929l2.1465 2.1465-.7071.7071-3-3Z",{height:32,width:32}),Go=e("m12.2071 16.5 1.6465 1.6464-.7071.7072-2.5-2.5L10.2929 16l.3536-.3536 2.5-2.5.7071.7072L12.2071 15.5h7.5858l-1.6464-1.6464.7071-.7072 2.5 2.5.3535.3536-.3535.3536-2.5 2.5-.7071-.7072L19.7929 16.5h-7.5858Z",{height:32,width:32}),Uo=e("M16 23c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7Zm0 1c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8-3.5817 8-8 8Zm3.7464-8.3535.3536.3536-.3536.3535-3 3-.7071-.7071 2.1465-2.1464h-6.2929v-1h6.2929l-2.1465-2.1465.7071-.7071 3 3Z",{height:32,width:32}),Eo=e("M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Zm-8.3535-3.7464L16 11.9l.3536.3536 3 3-.7071.7071L16.5 13.8142v6.2929h-1v-6.2929l-2.1464 2.1465-.7071-.7071 3-3Z",{height:32,width:32}),Wo=e("m16.0005 10.2923.3535.3536 2.5 2.5-.7071.7071-1.6464-1.6464v7.5857l1.6464-1.6464.7071.7071-2.5 2.5-.3535.3536-.3536-.3536-2.5-2.5.7071-.7071 1.6465 1.6464v-7.5857L13.854 13.853l-.7071-.7071 2.5-2.5.3536-.3536Z",{height:32,width:32}),No=e("M20 14v3c0 .7684.2889 1.4692.7639 2h-9.5278c.475-.5308.7639-1.2316.7639-2v-3c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4Zm1 0v3c0 1.1046.8954 2 2 2v1H9v-1c1.1046 0 2-.8954 2-2v-3c0-2.7614 2.2386-5 5-5s5 2.2386 5 5Zm-5 9c-1.1046 0-2-.8954-2-2h-1c0 1.6569 1.3431 3 3 3s3-1.3431 3-3h-1c0 1.1046-.8954 2-2 2Z",{height:32,width:32}),jo=e("M16.0016 11.0016c.2421.2504.4732.4895.6932.7185C18.8983 14.0124 20 15.2939 20 16.8519c.0025 1.0624-.388 2.1256-1.1716 2.9361-1.562 1.616-4.0947 1.616-5.6567 0-.7836-.8105-1.1742-1.8737-1.1717-2.9361 0-1.558 1.1018-2.8395 3.3053-5.1319.2201-.2289.4512-.468.6933-.7185l.001-.001.0005-.0005.0015.0016Zm-2.1968 3.9096c.5019-.6803 1.2187-1.4542 2.1953-2.4708.9764 1.0166 1.6933 1.7905 2.1951 2.4708.5998.8133.8048 1.38.8048 1.9407v.0024c.0001.0486-.0008.0972-.0029.1457h-5.9942A3.37024 3.37024 0 0 1 13 16.8542v-.0023c0-.5607.205-1.1274.8048-1.9407Z",{height:32,width:32}),xo=e("M16.6948 11.7201c-.22-.229-.4511-.4681-.6932-.7185-.0005-.0005-.001-.0011-.0015-.0016l-.0005.0005-.001.001c-.2421.2505-.4732.4896-.6933.7185C13.1018 14.0124 12 15.2939 12 16.8519c-.0025 1.0624.3881 2.1256 1.1717 2.9361 1.562 1.616 4.0947 1.616 5.6567 0 .7836-.8105 1.1741-1.8737 1.1716-2.9361 0-1.558-1.1017-2.8395-3.3052-5.1318Zm-.6947.7203c-.9766 1.0166-1.6934 1.7905-2.1953 2.4708-.5998.8133-.8048 1.38-.8048 1.9407v.0023c-.0019.8178.2984 1.6262.8907 2.2388 1.1689 1.2093 3.0498 1.2093 4.2188 0 .5921-.6126.8924-1.4209.8905-2.2387v-.0024c0-.5607-.205-1.1274-.8048-1.9407-.5018-.6803-1.2187-1.4542-2.1951-2.4708Z",{height:32,width:32}),_o=e("M16 23.9999c4.4183 0 8-3.5817 8-8s-3.5817-8.00002-8-8.00002-8 3.58172-8 8.00002c0 4.4183 3.5817 8 8 8Zm-.0889-5.1346 4-4.4999-.8222-.7308-3.6125 4.0639-2.5875-2.5874-.7778.7778 3 2.9999.4125.4124.3875-.4359Z",{height:32,width:32}),Oo=e("M18.914 11.708 18.206 11 13 15.999l5.206 4.9996.708-.708-4.5-4.2916 4.5-4.291Z",{height:32,width:32}),qo=e("m13.09 11.708.708-.708 5.206 4.999-5.206 4.9996-.708-.708 4.5-4.2916-4.5-4.291Z",{height:32,width:32}),Jo=e("m20.292 18.914.708-.708L16.001 13l-4.9996 5.206.708.708 4.2916-4.5 4.291 4.5Z",{height:32,width:32}),Ko=e("m10.414 16.0962 3.89-3.889-.708-.707-4.242 4.243-.354.353.354.354 4.242 4.242.707-.707-3.889-3.889Zm7.89-4.596 4.242 4.243.354.353-.354.354-4.243 4.242-.707-.707 3.89-3.889-3.89-3.889.707-.707h.001Z",{height:32,width:32}),Qo=e("m12.0625 10.9375.7071.7071 2.5233 2.5233.7071.7071.7071-.7071 2.5233-2.5233.7071-.7071-.7071-.7071-2.5233-2.52329L16 7l-.7071.70711-2.5233 2.52329-.7071.7071Zm6.4608 0L16 13.4608l-2.5233-2.5233L16 8.41421l2.5233 2.52329Zm-6.4608 10.125.7071.7071 2.5233 2.5233L16 25l.7071-.7071 2.5233-2.5233.7071-.7071-.7071-.7071-2.5233-2.5233L16 17.125l-.7071.7071-2.5233 2.5233-.7071.7071Zm6.4608 0L16 23.5858l-2.5233-2.5233L16 18.5392l2.5233 2.5233ZM7.70711 16.7071 7 16l.70711-.7071 2.52329-2.5233.7071-.7071.7071.7071 2.5233 2.5233.7071.7071-.7071.7071-2.5233 2.5233-.7071.7071-.7071-.7071-2.52329-2.5233Zm3.23039 1.8162L13.4608 16l-2.5233-2.5233L8.41421 16l2.52329 2.5233ZM17.125 16l.7071.7071 2.5233 2.5233.7071.7071.7071-.7071 2.5233-2.5233L25 16l-.7071-.7071-2.5233-2.5233-.7071-.7071-.7071.7071-2.5233 2.5233L17.125 16Zm6.4608 0-2.5233 2.5233L18.5392 16l2.5233-2.5233L23.5858 16Z",{height:32,width:32}),Xo=e("M15.5 9H9V8h7.5v5.708c.7355.3214 1.2865.9863 1.45 1.792h5.3429l-2.1465-2.1464.7072-.7072 3 3 .3535.3536-.3535.3536-3 3-.7072-.7072L23.2929 16.5H17.95c-.1635.8057-.7145 1.4706-1.45 1.792V24H9v-1h6.5v-4.5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5V9Zm0 8.5c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z",{height:32,width:32}),Yo=e("M15.5 9H9V8h7.5v5.708c.883.3858 1.5 1.2668 1.5 2.292s-.617 1.9062-1.5 2.292V24H9v-1h6.5v-4.5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5V9Zm7 7.7071 2.6464 2.6465.7072-.7072L23.2071 16l2.6465-2.6464-.7072-.7072L22.5 15.2929l-2.6464-2.6465-.7072.7072L21.7929 16l-2.6465 2.6464.7072.7072L22.5 16.7071Zm-7 .7929c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z",{height:32,width:32}),$o=e("M21 13h-4c-2.2091 0-4 1.7909-4 4v4h-1v-4c0-2.7614 2.2386-5 5-5h4v1Z",{height:32,width:32}),rn=e("M11 11h3v1h-2v2h-1v-3Zm7 0h3v3h-1v-2h-2v-1Zm-6 9v-2h-1v3h3v-1h-2Zm9-2v3h-3v-1h2v-2h1Z",{height:32,width:32}),en=e("M11 22.5v-13h-1v13h1Zm11-13v13h-1v-13h1Zm-5 3v7h-2v-7h2Z",{height:32,width:32}),on=e("M9.5 10h13v1h-13v-1Zm3 5h7v2h-7v-2Zm10 6h-13v1h13v-1Z",{height:32,width:32}),nn=e("M10 8.5h7.7071l.1465.14645 4 3.99995.1464.1465V23.5H10v-15Zm1 1v13h10v-9h-4v-4h-6Zm7 .7071L20.2929 12.5H18v-2.2929Z",{height:32,width:32}),cn=e("M16.5 9v-.5h-1v3h1V9Zm-5.0961 1.6967-.3536-.3536-.7071.7072.3536.3535 1.4142 1.4142.3535.3536.7071-.7071-.3535-.3536-1.4142-1.4142Zm9.8995.7071.3536-.3535-.7071-.7071-.3536.3535-1.4142 1.4142-.3536.3536.7071.7071.3536-.3536 1.4142-1.4142ZM9 15.5h-.5v1h3v-1H9Zm12 0h-.5v1h3v-1H21Zm-8.1819 4.3891.3535-.3536-.7071-.7071-.3535.3536-1.4143 1.4142-.3535.3536.7071.7071.3535-.3536 1.4143-1.4142Zm7.0709-.7071-.3536-.3536-.7071.7071.3536.3536 1.4142 1.4142.3535.3536.7071-.7071-.3535-.3536-1.4142-1.4142ZM16.5 21v-.5h-1v3h1V21Zm.9978-5.0021c0 .8285-.6716 1.5-1.5 1.5s-1.5-.6715-1.5-1.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5Zm1 0c0 1.3807-1.1193 2.5-2.5 2.5s-2.5-1.1193-2.5-2.5 1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5Z",{height:32,width:32}),tn=e("M22.4473 22.4c-.8.8-2 .8-2.8 0l-2.8001-2.8-.8.7c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l.7-.7-5.79995-5.8c-.4-.4-1-1.9 0-2.9.99995-1 2.49995-.4 2.89995 0l5.8 5.8.7001-.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-.7.7 2.8 2.8c.8.9.8 2.1 0 2.9ZM11.5472 10.5h-1v1l5.8 5.8 1-1c-.1 0-5.8-5.8-5.8-5.8Z",{height:32,width:32}),sn=e("M9 10h7v2H9v-2Zm-1 2V9h9v3h7v11H8V12Zm9 1H9v9h14v-9h-6Z",{height:32,width:32}),an=e("M11 24v-3H8v-1h3v-8H8v-1h3V8h1v3h8V8h1v3h3v1h-3v8h3v1h-3v3h-1v-3h-8v3h-1Zm9-4v-8h-8v8h8Z",{height:32,width:32}),un=e("M11 11h3v3h-3v-3Zm-1-1h5v5h-5v-5Zm1 8h3v3h-3v-3Zm-1-1h5v5h-5v-5Zm11-6h-3v3h3v-3Zm-3-1h-1v5h5v-5h-4Zm0 8h3v3h-3v-3Zm-1-1h5v5h-5v-5Z",{height:32,width:32}),hn=e("M13.0002 9v3h1V9h-1Zm9.1031.89644c-1.1618-1.16176-3.0454-1.16176-4.2072.00002l-2.7499 2.74994.7071.7071 2.7499-2.7499c.7713-.77128 2.0217-.77129 2.793 0 .7712.7712.7712 2.0216 0 2.7928l-2.75 2.75.7071.7071 2.75-2.75c1.1617-1.1617 1.1617-3.0453 0-4.20706ZM9.89632 22.1035c-1.16176-1.1617-1.16176-3.0453 0-4.2071l2.74998-2.75.7071.7071-2.75 2.75c-.77121.7713-.77121 2.0217 0 2.7929.7713.7713 2.0217.7713 2.7929 0l2.75-2.75.7071.7071-2.75 2.75c-1.1617 1.1618-3.0453 1.1618-4.20708 0ZM22.9997 19h-3v-1h3v1Zm-3.9994 1v3h-1v-3h1Zm-7.0006-7H8.99969v1h3.00001v-1Z",{height:32,width:32}),mn=e("m13.5251 21.6569 2.6517-2.6517.7071.7071-2.6517 2.6517c-1.2692 1.2692-3.327 1.2692-4.59617 0-1.2692-1.2692-1.2692-3.327 0-4.5962l2.65167-2.6517.7071.7071-2.6517 2.6517c-.87864.8787-.87864 2.3033 0 3.182.8787.8786 2.3033.8786 3.182 0Zm6.1872-4.773-.7071-.7071 2.6516-2.6517c.8787-.8786.8787-2.3033 0-3.1819-.8786-.87872-2.3033-.87872-3.1819 0l-2.6517 2.6516-.7071-.7071 2.6517-2.65165c1.2692-1.2692 3.327-1.26921 4.5962 0 1.2692 1.26925 1.2692 3.32695 0 4.59615l-2.6517 2.6517Zm-5.4506 1.6204 4.2426-4.2426-.766-.766-4.2426 4.2426.766.766Z",{height:32,width:32}),dn=e("M14.5 10v10h-2V10h2Zm8 12v1h-13v-1h13Zm-3-2v-6h-2v6h2Z",{height:32,width:32}),pn=e("M16.5 9.5h-1v3h-5v2h5v3h-3v2h3v3h1v-3h3v-2h-3v-3h5v-2h-5v-3Z",{height:32,width:32}),ln=e("M10 22.5H9v-13h1v13Zm12-8H12v-2h10v2Zm-10 5h6v-2h-6v2Z",{height:32,width:32}),vn=e("M22 22.5h1v-13h-1v13Zm-12-8h10v-2H10v2Zm10 5h-6v-2h6v2Z",{height:32,width:32}),gn=e("M14.5 22V12h-2v10h2Zm8-12V9h-13v1h13Zm-3 2v6h-2v-6h2Z",{height:32,width:32}),Zn=e("M12.5 15.5v-5h2v5h3v-3h2v3h3v1h-3v3h-2v-3h-3v5h-2v-5h-3v-1h3Z",{height:32,width:32}),fn=e("M9 9h3v14H9V9Zm5.5 0h3v14h-3V9ZM23 9h-3v14h3V9Z",{height:32,width:32}),In=e("M9 9h14v3H9V9Zm0 5.5h14v3H9v-3ZM23 20H9v3h14v-3Z",{height:32,width:32}),Ln=e("M9 9h3v3H9V9Zm11 0h3v3h-3V9Zm-2.5 0h-3v3h3V9ZM9 14.5h3v3H9v-3Zm14 0h-3v3h3v-3Zm-8.5 0h3v3h-3v-3ZM12 20H9v3h3v-3Zm8 0h3v3h-3v-3Zm-2.5 0h-3v3h3v-3Z",{height:32,width:32}),Sn=e("M11 11h3v10h-3V11Zm-1-1h5v12h-5V10Zm8 1h3v10h-3V11Zm-1-1h5v12h-5V10Z",{height:32,width:32}),wn=e("M11 11h10v3H11v-3Zm-1-1h12v5H10v-5Zm1 8h10v3H11v-3Zm-1-1h12v5H10v-5Z",{height:32,width:32}),Hn=e("M8 22V10h1v12H8Zm15 0V10h1v12h-1Zm-10.4517-2 2.8-8h1.3036l2.8 8h-.9536l-.7-2h-3.5964l-.7 2h-.9536Zm3.4518-7.1378L17.4483 17h-2.8964l1.4482-4.1378Z",{height:32,width:32}),Mn=e("M15.3732 23h1.2579c.2802-.3202.6157-.5974.995-.8187 1.4784-.8623 4.0049-.909 5.3864.1085H24.5v-9.2s-.7969-2.25-4.42-2.25c-1.8746 0-2.9016.6024-3.4563 1.1838-.3883.4071-.5451.8039-.5991.9764h-.0491c-.0541-.1725-.2108-.5693-.5992-.9764-.5546-.5814-1.5816-1.1838-3.4563-1.1838-3.62312 0-4.42 2.25-4.42 2.25v9.19h1.4875c1.3827-1.0184 3.9114-.9698 5.3887-.1044.3806.2229.7167.5021.997.8246ZM16.5 13.2888v8.4568c.1952-.1571.4032-.3002.6222-.428.9272-.5409 2.1146-.7958 3.2412-.787 1.0057.0079 2.0807.2274 2.9518.7592H23.5v-7.973a2.12867 2.12867 0 0 0-.03-.05c-.0861-.1382-.2356-.3387-.4745-.5447-.4605-.3973-1.3302-.8823-2.9155-.8823-1.5862 0-2.3403.4837-2.6945.835-.1881.1867-.2951.3671-.353.4899-.029.0615-.0453.1078-.0528.1316-.0038.0118-.0053.0178-.0051.0169l.0016-.0066.0016-.0074.0011-.0048.0005-.0027.0003-.0014c0-.0001.0001-.0003-.0052-.0015H16.5Zm-1 0h-.4745c-.0053.0012-.0052.0014-.0052.0015l.0003.0014.0005.0027.0011.0048.0016.0074.0016.0066c.0002.0009-.0013-.0051-.0051-.0169-.0075-.0238-.0238-.0701-.0528-.1316-.0579-.1228-.1649-.3032-.353-.4899-.3542-.3513-1.1083-.835-2.6945-.835-1.5853 0-2.45494.485-2.91551.8823-.2389.206-.38841.4065-.47443.5447a1.84294 1.84294 0 0 0-.03006.05v7.963h.18483c.8719-.5323 1.94797-.7515 2.95447-.7586 1.1274-.0079 2.3154.2484 3.2424.7914.2176.1275.4243.2702.6183.4266v-8.4504Z",{height:32,width:32}),Vn=e("M23 10H9V9h14v1Zm0 13H9v-1h14v1Zm-10.4517-3 2.8-8h1.3036l2.8 8h-.9536l-.7-2h-3.5964l-.7 2h-.9536Zm3.4518-7.1378L17.4483 17h-2.8964l1.4482-4.1378Z",{height:32,width:32}),Cn=e("M18 14v-2c0-1.1046-.8954-2-2-2s-2 .8954-2 2v2h-1v-2c0-1.6569 1.3431-3 3-3s3 1.3431 3 3v2h-1Zm1 4h-1v2c0 1.1046-.8954 2-2 2s-2-.8954-2-2v-2h-1v2c0 1.6569 1.3431 3 3 3s3-1.3431 3-3v-2Z",{height:32,width:32}),yn=e("M16 10c1.1046 0 2 .8954 2 2v2h1v-2c0-1.6569-1.3431-3-3-3s-3 1.3431-3 3v2h1v-2c0-1.1046.8954-2 2-2Zm2 8h1v2c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3v-2h1v2c0 1.1046.8954 2 2 2s2-.8954 2-2v-2Zm-2.5-5v6h1v-6h-1Z",{height:32,width:32}),kn=e("M23 10H9v1h14v-1ZM9 15.5h14v1H9v-1ZM9 21h14v1H9v-1Z",{height:32,width:32}),An=e("M12 10h-2v1h2v-1Zm0 10h-2v1h2v-1Zm-2-5h2v1h-2v-1Zm12-5h-8v1h8v-1Zm-8 10h8v1h-8v-1Zm8-5h-8v1h8v-1Z",{height:32,width:32}),Rn=e("M17.5 13.5V15h-3v-1.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5Zm-4 1.5v-1.5c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5V15h.5c.2761 0 .5.2239.5.5v5c0 .2761-.2239.5-.5.5h-6c-.2761 0-.5-.2239-.5-.5v-5c0-.2761.2239-.5.5-.5h.5Z",{height:32,width:32}),Tn=e("M18 14v1h.5c.2761 0 .5.2239.5.5v5c0 .2761-.2239.5-.5.5h-6c-.2761 0-.5-.2239-.5-.5v-5c0-.2761.2239-.5.5-.5H17v-2.5c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5V14h-1v-1.5c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5V14Z",{height:32,width:32}),Dn=e("M9.5 12H12v5H9.5C8.11929 17 7 15.8807 7 14.5 7 13.1192 8.11929 12 9.5 12Zm3.5 5v-5.0037a13.00039 13.00039 0 0 0 6.3548-1.835L20 9.77606v8.75714l-1.4686-.5916A12.99982 12.99982 0 0 0 13.6738 17H13Zm-.3103-6H9.5C7.567 11 6 12.567 6 14.5c0 1.875 1.47447 3.4057 3.32719 3.4958l.00614.0184 1.21087 3.6325c.2722.8166 1.0365 1.3675 1.8973 1.3675h1.1711c.6825 0 1.1645-.6687.9487-1.3162L13.3286 18h.3452c1.5365 0 3.0587.295 4.4839.8692l2.1555.8683c.3286.1324.6868-.1095.6868-.4638V8.89512c0-.38818-.4231-.62831-.7563-.42929l-1.4016.83694A11.99989 11.99989 0 0 1 12.6897 11Zm-1.1969 10.3304-1.1054-3.3162h1.8918l1.3334 4h-1.1711c-.4304 0-.8126-.2754-.9487-.6838ZM23 12.5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5v1c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5v1Z",{height:32,width:32}),Pn=e("M21.5 16.5h-11v-1h11v1Z",{height:32,width:32}),zn=e("M20.1797 17.6992h-1.1172c-.0234-1.4609.4063-1.9492 1.1641-2.414.4765-.293.8281-.6993.8281-1.2774 0-.6914-.5391-1.1328-1.2031-1.1328-.5977 0-1.1875.3633-1.2344 1.1914h-1.1875c.0508-1.4062 1.1055-2.1758 2.4219-2.1758 1.4336 0 2.3945.8594 2.3945 2.1289 0 .8555-.4063 1.4532-1.1055 1.8789-.7109.4375-.9609.8282-.9609 1.8008Zm.2539 1.5938c0 .4336-.3555.7812-.7813.7812-.4296 0-.7812-.3476-.7812-.7812 0-.4258.3516-.7774.7812-.7774.4258 0 .7813.3516.7813.7774ZM9 20l3.1111-8h1.0851l3.1111 8h-1.0729l-.7778-2h-3.6059l-.7777 2H9Zm3.6537-6.6361L14.0677 17h-2.8281l1.4141-3.6361Z",{height:32,width:32}),Bn=e("M23 15H11.7101l3.4002-3.3885-.7059-.7083L9.79167 15.5l4.61273 4.5968.7059-.7083L11.7101 16H23v-1Z",{height:32,width:32}),Fn=e("M9 15h11.2899l-3.4002-3.3885.7059-.7083L22.2083 15.5l-4.6127 4.5968-.7059-.7083L20.2899 16H9v-1Z",{height:32,width:32}),bn=e("M9 16c0 3.866 3.134 7 7 7s7-3.134 7-7-3.134-7-7-7-7 3.134-7 7Zm7-8c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8Zm0 3.7499c.4142 0 .75.3358.75.75v3.126c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-3.126c0-.4142.3358-.75.75-.75Zm1 7.25c0-.5523-.4477-1-1-1s-1 .4477-1 1v.0686c0 .5523.4477 1 1 1s1-.4477 1-1v-.0686Z",{height:32,width:32}),Gn=e("M9 23V9h1v14H9Zm13 0V9h1v14h-1Zm-9-10h6v6h-6v-6Zm-1-1h8v8h-8v-8Z",{height:32,width:32}),Un=e("M23 10H9V9h14v1Zm-4 3h-6v6h6v-6Zm-6-1h-1v8h8v-8h-7ZM9 23h14v-1H9v1Z",{height:32,width:32}),En=e("M11.8536 10.1464 9.35355 7.64642l-.7071.70711 1.64645 1.64645H5V11h5.2929l-1.64645 1.6464.7071.7071 2.50005-2.5.3535-.3535-.3535-.3536ZM23 9.99998h-9V11h9V9.99998ZM23 14H9v1h14v-1Zm0 4H9v1h14v-1Zm0 4H9v1h14v-1Z",{height:32,width:32}),Wn=e("M23 9H9V8h14v1Zm-7 .79289.3536.35351 2 2-.7072.7072L16.5 11.7071v4.5858l1.1464-1.1465.7072.7072-2 2-.3536.3535-.3536-.3535-2-2 .7072-.7072L15.5 16.2929v-4.5858l-1.1464 1.1465-.7072-.7072 2-2L16 9.79289ZM23 19v1H9v-1h14Zm0 4v1H9v-1h14Z",{height:32,width:32}),Nn=e("M20.7729 9.14867c.3905-.39053 1.0237-.39053 1.4142 0l1.4142 1.41423c.3905.3905.3905 1.0237 0 1.4142l-1.4142 1.4142-2.8284-2.8283-.7071.7071 2.8283 2.8283-8.2711 8.2712-3.53555.7071.70715-3.5355L20.7729 9.14867ZM9.46079 24.139l4.24101-.8482 10.6066-10.6066c.781-.781.781-2.0474 0-2.82843l-1.4142-1.41421c-.7811-.78105-2.0474-.78105-2.8284 0L9.45916 19.0482l-.8482 4.241-.21246 1.0623 1.06229-.2125Z",{height:32,width:32}),jn=e("m13 10.0979.765.4781 8 5 .6784.424-.6784.424-8 5-.765.4781V10.0979Zm1 1.8042v8.1958L20.5566 16 14 11.9021Z",{height:32,width:32}),xn=e("M16 8c-1.2267 0-2 .71059-2 1.5 0 .4208.1997.8505.5583 1.1856.2576.2407.2531.5786.1919.7826-.0599.1998-.2622.5318-.6741.5318H11v10h10v-2.5067c-.4325.3151-.9507.5067-1.5.5067-1.5578 0-2.5-1.4653-2.5-3s.9422-3 2.5-3c.5493 0 1.0675.1916 1.5.5067V12h-3.0761c-.4119 0-.6142-.332-.6741-.5318-.0612-.204-.0657-.5419.1919-.7826C17.8003 10.3505 18 9.9208 18 9.5c0-.78941-.7733-1.5-2-1.5Zm-3 1.5C13 7.9422 14.4653 7 16 7s3 .9422 3 2.5c0 .5493-.1916 1.0675-.5067 1.5H21c.5523 0 1 .4477 1 1v3.0761c0 .4119-.332.6142-.5318.6741-.204.0612-.5419.0657-.7826-.1919C20.3505 15.1997 19.9208 15 19.5 15c-.7894 0-1.5.7733-1.5 2 0 1.2267.7106 2 1.5 2 .4208 0 .8505-.1997 1.1856-.5583.2407-.2576.5786-.2531.7826-.1919.1998.0599.5318.2622.5318.6741V22c0 .5523-.4477 1-1 1H11c-.5523 0-1-.4477-1-1V12c0-.5523.4477-1 1-1h2.5067C13.1916 10.5675 13 10.0493 13 9.5Z",{height:32,width:32}),_n=e("M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Zm-9-4v5h5v-1h-4v-4h-1Z",{height:32,width:32}),On=e("m6.79291 15.5.35355-.3535 8.00004-8.00004.3535-.35355.3536.35355 8 8.00004.3535.3535-.7071.7071-.3535-.3535L15.5 8.20712 8.20712 15.5 15.5 22.7929l3.6465-3.6464.3535-.3536.7071.7071-.3535.3536-4 4-.3536.3535-.3535-.3535-8.00004-8-.35355-.3536Zm7.91419-.5H17c3.3137 0 6 2.6863 6 6 0 1.6569-.6716 3.1569-1.7574 4.2427l-.7071-.7072C21.4404 23.6307 22 22.3807 22 21c0-2.7614-2.2386-5-5-5h-2.2929l1.6465 1.6465-.7072.7071-2.5-2.5-.3535-.3536.3535-.3535 2.5-2.5.7072.7071L14.7071 15Z",{height:32,width:32}),qn=e("M8.64642 9.35353 12.2929 13H9.99998v1H14V9.99998h-1v2.29292L9.35353 8.64642l-.70711.70711ZM19.7071 13l3.6464-3.64647-.7071-.70711L19 12.2929V9.99998h-1V14h4v-1h-2.2929Zm0 6 3.6464 3.6464-.7071.7071L19 19.7071V22h-1v-4h4v1h-2.2929Zm-7.4142 0-3.64648 3.6464.70711.7071L13 19.7071V22h1v-4H9.99998v1h2.29292Z",{height:32,width:32}),Jn=e("m11.7071 14 2.6465 2.6464-.7071.7071-3.5-3.5-.35359-.3535.35359-.3536 3.5-3.49998.7071.70708L11.7071 13H15.5c3.5762 0 6.5 2.9238 6.5 6.5V21h-1v-1.5c0-3.0239-2.4761-5.5-5.5-5.5h-3.7929Z",{height:32,width:32}),Kn=e("M16 8c3.866 0 7 3.134 7 7v2.7929l-2.1464-2.1465-.7072.7072 3 3 .3536.3535.3536-.3535 3-3-.7072-.7072L24 17.7929V15c0-4.4183-3.5817-8-8-8v1Zm0 7H8v8h8v-8Zm-8-1H7v10h10V14H8Z",{height:32,width:32}),Qn=e("M24 23.5v.5H8V8h5v1H9v14h14v-4h1v4.5ZM13.5 19H13v-6h1v4.2929L22.2929 9H18V8h6v6h-1V9.70711L14.7071 18H19v1h-5.5Z",{height:32,width:32}),Xn=e("M20 15c0 2.7614-2.2386 5-5 5s-5-2.2386-5-5 2.2386-5 5-5 5 2.2386 5 5Zm-1.1256 4.5815C17.8291 20.4664 16.4769 21 15 21c-3.3137 0-6-2.6863-6-6s2.6863-6 6-6 6 2.6863 6 6c0 1.4769-.5336 2.8291-1.4185 3.8744l4.2721 4.272-.7072.7072-4.272-4.2721Z",{height:32,width:32}),Yn=e("M17.5 13c0-1.3807 1.1193-2.5 2.5-2.5 1.3808 0 2.5 1.1193 2.5 2.5s-1.1192 2.5-2.5 2.5c-1.3807 0-2.5-1.1193-2.5-2.5ZM20 9.5c-1.933 0-3.5 1.567-3.5 3.5 0 1.442.872 2.6803 2.1175 3.2164-1.1371.3667-2.0766 1.1736-2.6175 2.22-.5409-1.0464-1.4803-1.8533-2.6175-2.22C14.628 15.6803 15.5 14.442 15.5 13c0-1.933-1.567-3.5-3.5-3.5S8.5 11.067 8.5 13c0 1.442.87203 2.6803 2.1175 3.2164C8.80861 16.7997 7.5 18.497 7.5 20.5V22h17v-1.5c0-2.003-1.3086-3.7003-3.1175-4.2836C22.628 15.6803 23.5 14.442 23.5 13c0-1.933-1.567-3.5-3.5-3.5ZM16.5 21v-.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5v.5h-7Zm-1-.5v.5h-7v-.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5Zm-6-7.5c0-1.3807 1.1193-2.5 2.5-2.5 1.3808 0 2.5 1.1193 2.5 2.5s-1.1192 2.5-2.5 2.5c-1.3807 0-2.5-1.1193-2.5-2.5Z",{height:32,width:32}),$n=e("M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Zm-8.0001 4c-1.8638 0-3.4299-1.2748-3.8739-3h1.0446c.4119 1.1652 1.5231 2 2.8293 2 1.3063 0 2.4175-.8348 2.8293-2h1.0447c-.444 1.7252-2.0101 3-3.874 3ZM19.5 14.125c0 .4832-.3918.875-.875.875s-.875-.3918-.875-.875.3918-.875.875-.875.875.3918.875.875ZM13.125 15c.4832 0 .875-.3918.875-.875s-.3918-.875-.875-.875-.875.3918-.875.875.3918.875.875.875Z",{height:32,width:32}),r7=e("M9.5 22h3V10h-3v1h2v10h-2v1Zm13-11h-2v10h2v1h-3V10h3v1Zm-7 2v6h1v-6h-1Z",{height:32,width:32}),e7=e("M10 9.5v3h12v-3h-1v2H11v-2h-1Zm11 13v-2H11v2h-1v-3h12v3h-1Zm-2-7h-6v1h6v-1Z",{height:32,width:32}),o7=e("m18.5001 13.5-1.973-5.10783-.5377-1.39205-.5337 1.39358L13.5001 13.5H6.50006l1.40751 1 4.46783 3.1742-1.7314 5.2893-.5325 1.6267 1.3826-1.0091L15.9894 20.3l4.4953 3.2811 1.3825 1.0091-.5324-1.6267-1.7314-5.2893 4.484-3.1742 1.4127-1h-7Zm3.8566 1h-4.5424l-.2471-.6397-1.5738-4.07455-1.5595 4.07185-.246.6424H9.63415l3.32045 2.359.6002.4265-.2291.6998-1.2992 3.9691 3.3733-2.4621.5896-.4304.5895.4304 3.3733 2.4621-1.2992-3.9691-.2295-.701.6021-.4262L22.3567 14.5Z",{height:32,width:32}),n7=e("M15.9894 7.00012 18.5001 13.5h7l-5.8967 4.1742 2.2638 6.916L15.9894 20.3l-5.8779 4.2902 2.2639-6.916L6.50006 13.5h7.00004l2.4893-6.49988Z",{height:32,width:32}),c7=e("M10 10h12v1H10v-1Zm0 4h12v2H10v-2Zm12 5H10v3h12v-3Z",{height:32,width:32}),t7=e("M11.5 13c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5Zm6 0c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5Zm1.5 7.5c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5-.6716 1.5-1.5 1.5ZM11.5 19c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5Z",{height:32,width:32}),s7=e("m23 13.1877-1.1747 1.4683a5.51905 5.51905 0 0 0-.0265-.156 5.49981 5.49981 0 0 0-.9894-2.2746 5.50027 5.50027 0 0 0-6.2658-1.9061 5.50036 5.50036 0 0 0-2.0884 1.3383 5.49027 5.49027 0 0 0-.633.7796l.0001.0001.8305.5568.0001.0001a4.4999 4.4999 0 0 1 2.2266-1.7328A4.49983 4.49983 0 0 1 17.7 11.195a4.4987 4.4987 0 0 1 2.3058 1.6259c.4847.6541.7812 1.4251.862 2.2297l-2.2-1.4666-.5547.832 3 2 .3814.2543.2864-.358 2-2.5L23 13.1877Zm-12 1.5-2 2.5.78087.6246 1.17473-1.4683c.0081.0521.0169.1041.0265.156.1515.8194.4881 1.5981.9894 2.2746a5.50042 5.50042 0 0 0 2.8182 1.9873 5.50033 5.50033 0 0 0 3.4475-.0812 5.50073 5.50073 0 0 0 2.0885-1.3383c.2326-.2383.4444-.4984.6318-.7778l.0012-.0018-.0001-.0001-.8305-.5568-.0001-.0001-.0011.0016a4.5001 4.5001 0 0 1-2.2255 1.7312 4.50016 4.50016 0 0 1-2.8206.0664 4.49885 4.49885 0 0 1-2.3057-1.6259 4.49861 4.49861 0 0 1-.862-2.2297l2.2 1.4666.5547-.832-3-2-.3814-.2543-.2864.358Z",{height:32,width:32}),a7=e("M15.5 14v-2.9753c-2.3622.2345-4.2408 2.1131-4.4753 4.4753H14v1h-2.9753c.2345 2.3622 2.1131 4.2408 4.4753 4.4753V18h1v2.9753c2.3622-.2345 4.2408-2.1131 4.4753-4.4753H18v-1h2.9753c-.2345-2.3622-2.1131-4.2408-4.4753-4.4753V14h-1Zm6.4794 1.5c-.2404-2.9149-2.5645-5.239-5.4794-5.4795V8h-1v2.0205c-2.9149.2405-5.239 2.5646-5.4795 5.4795H8v1h2.0205c.2405 2.9149 2.5646 5.239 5.4795 5.4795V24h1v-2.0205c2.9149-.2405 5.239-2.5646 5.4794-5.4795H24v-1h-2.0206Z",{height:32,width:32}),i7=e("M10 10h2v2h-2v-2Zm10 0h2v2h-2v-2Zm-8 5h-2v2h2v-2Zm8 0h2v2h-2v-2Zm-8 5h-2v2h2v-2Zm8 0h2v2h-2v-2Zm-3-10h-2v2h2v-2Zm-2 5h2v2h-2v-2Zm2 5h-2v2h2v-2Z",{height:32,width:32}),u7=e("M10 22.5v-13h2v13h-2Zm5 0v-13h2v13h-2Zm5-13v13h2v-13h-2Z",{height:32,width:32}),h7=e("M9.5 10h13v2h-13v-2Zm0 5h13v2h-13v-2Zm13 5h-13v2h13v-2Z",{height:32,width:32}),m7=e("M19 8h-6V7h6v1Zm4 9c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7c1.7683 0 3.3835.6557 4.6157 1.7372l.0912.0912.5559.5559C22.3443 13.6165 23 15.2317 23 17Zm-.2854-4.3508.1136-.1137.7071-.7071.7071-.7071-.7071-.7071-.7071-.70709L22.1211 9l-.7071.70711-.7071.70709-.0676.0676C19.3308 9.54882 17.7295 9 16 9c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8c0-1.6044-.4723-3.0985-1.2854-4.3508Zm-.7223-.9496.1288.1288.7071-.7071-.7071-.7071-.7013.7013c.2005.1849.3916.3798.5725.5841ZM16.5 17v-5h-1v5c0 .2761.2239.5.5.5s.5-.2239.5-.5Z",{height:32,width:32}),d7=e("M15 9.5c-.5523 0-1 .44772-1 1h4c0-.55228-.4477-1-1-1h-2Zm4 1c0-1.10457-.8954-2-2-2h-2c-1.1046 0-2 .89543-2 2h-3v1h1v10c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2v-10h1v-1h-3Zm1 1h-8v10c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-10Zm-6 7v-4h1v4h-1Zm3 0v-4h1v4h-1Z",{height:32,width:32}),p7=e("M11.5858 16 10.5 14.9142 9.41421 16 10.5 17.0858 11.5858 16Zm-.3787-1.7929L10.5 13.5l-.70711.7071-1.08578 1.0858L8 16l.70711.7071 1.08578 1.0858L10.5 18.5l.7071-.7071 1.0858-1.0858L12.5 16.5h2.0854c.2059.5826.7615 1 1.4146 1 .6531 0 1.2087-.4174 1.4146-1H19.5l.2071.2071 1.0858 1.0858.7071.7071.7071-.7071 1.0858-1.0858L24 16l-.7071-.7071-1.0858-1.0858L21.5 13.5l-.7071.7071-1.0858 1.0858L19.5 15.5h-2.0854c-.2059-.5826-.7615-1-1.4146-1-.6531 0-1.2087.4174-1.4146 1H12.5l-.2071-.2071-1.0858-1.0858ZM22.5858 16 21.5 14.9142 20.4142 16 21.5 17.0858 22.5858 16Z",{height:32,width:32}),l7=e("M21.5085 15.8012c.5554-.5276 1.0351-1.134 1.421-1.8012h-1.1842c-1.2655 1.8142-3.3673 3-5.7454 3-2.3782 0-4.48-1.1858-5.7454-3H9.07022c.38597.6673.86567 1.2737 1.42108 1.8013l-1.59482 1.5949.70712.7071 1.6573-1.6574c.7108.5234 1.5112.9321 2.3742 1.1988l-.6171 2.2213.9636.2676.6262-2.2543c.452.0793.9172.1207 1.3921.1207.4748 0 .9399-.0414 1.392-.1207l.6261 2.2543.9636-.2676-.617-2.2213c.863-.2666 1.6635-.6754 2.3743-1.1989l1.6576 1.6575.7071-.7071-1.5951-1.595Z",{height:32,width:32}),v7=e("M16.0001 19c-2.2999 0-4.3222-1.1942-5.4784-3 1.1562-1.8058 3.1785-3 5.4784-3 2.2998 0 4.3221 1.1942 5.4783 3-1.1562 1.8058-3.1785 3-5.4783 3Zm0-7c2.878 0 5.3774 1.6211 6.6349 4-1.2575 2.3789-3.7569 4-6.6349 4-2.8781 0-5.3775-1.6211-6.63499-4 1.25749-2.3789 3.75689-4 6.63499-4Zm.0003 6c1.1045 0 2-.8954 2-2s-.8955-2-2-2c-1.1046 0-2 .8954-2 2s.8954 2 2 2Z",{height:32,width:32}),g7=e("M15.3463 8.16209c.2868-.50974 1.0207-.50974 1.3074 0l7.7176 13.72021c.2812.4999-.08 1.1177-.6537 1.1177H8.2824c-.57362 0-.9349-.6178-.65368-1.1177L15.3463 8.16209ZM16 12.3817c.4971 0 .9.403.9.9v3.0878c0 .4971-.4029.9-.9.9-.497 0-.9-.4029-.9-.9v-3.0878c0-.497.403-.9.9-.9ZM17.1 20c0-.6075-.4925-1.1-1.1-1.1-.6075 0-1.1.4925-1.1 1.1v.0685c0 .6076.4925 1.1 1.1 1.1.6075 0 1.1-.4924 1.1-1.1V20Z",{height:32,width:32}),Z7=e("M21.7907 19.9341C20.531 21.7847 18.4074 23 16 23c-3.866 0-7-3.134-7-7 0-.6182.08013-1.2176.23057-1.7885l1.80413.6765c.1722.0646.2721.2444.2361.4247l-.3763 1.8814c-.0354.1773.0606.3546.2285.4217l2.0217.8088c.1177.047.2036.1503.2285.2746l.4379 2.1895a.37526.37526 0 0 0 .1025.1916l.5371.5371c.1851.1851.4982.1283.6066-.11l2.0898-4.5976c.0969-.2132-.0232-.4622-.2505-.519l-1.4625-.3656a.37543.37543 0 0 1-.1742-.0986l-1.3167-1.3168a.37521.37521 0 0 0-.2652-.1098h-1.1129a.37509.37509 0 0 1-.3354-.2073l-.7101-1.4201c-.0995-.1992-.0047-.4407.2038-.5189l3.286-1.2322c.183-.0686.2826-.2663.2289-.4542l-.4436-1.55253a.2015.2015 0 0 0-.0033-.01082C15.184 9.03562 15.5879 9 16 9c.2102 0 .4182.00926.6237.02741a.39126.39126 0 0 0-.0071.03958l-.0837.66974c-.0197.15777.0622.31077.2044.38197l.6006.3003a.37504.37504 0 0 0 .3263.0044l1.3-.6067c.0533-.02487.0964-.05846.1297-.09758 1.0432.51488 1.9396 1.28188 2.6096 2.22158l-2.0613-.4123a.37501.37501 0 0 0-.2665.0462l-2.0779 1.2467c-.1681.1009-.2301.314-.1425.4893l1.2411 2.4821c.0635.127.1933.2073.3354.2073h1.652c.1674 0 .3146.111.3606.272l1.0463 3.6621ZM24 16c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Z",{height:32,width:32}),k7={parameters:{fixedWidth:!1},title:"Icons/Size 32"},o=function(){return r(Po,{})},n=function(){return r(zo,{})},c=function(){return r(Bo,{})},t=function(){return r(Fo,{})},s=function(){return r(bo,{})},a=function(){return r(Go,{})},i=function(){return r(Uo,{})},u=function(){return r(Eo,{})},h=function(){return r(Wo,{})},m=function(){return r(No,{})},d=function(){return r(xo,{})},p=function(){return r(jo,{})},l=function(){return r(_o,{})},v=function(){return r(Vo,{})},g=function(){return r(ko,{})},Z=function(){return r(Oo,{})},f=function(){return r(qo,{})},I=function(){return r(Jo,{})},L=function(){return r(Ko,{})},S=function(){return r(Qo,{})},w=function(){return r(Xo,{})},H=function(){return r(Yo,{})},M=function(){return r($o,{})},V=function(){return r(rn,{})},C=function(){return r(Ao,{})},y=function(){return r(en,{})},k=function(){return r(on,{})},A=function(){return r(nn,{})},R=function(){return r(cn,{})},T=function(){return r(Ro,{})},D=function(){return r(tn,{})},P=function(){return r(sn,{})},z=function(){return r(an,{})},B=function(){return r(un,{})},F=function(){return r(hn,{})},b=function(){return r(mn,{})},G=function(){return r(Co,{})},U=function(){return r(dn,{})},E=function(){return r(pn,{})},W=function(){return r(ln,{})},N=function(){return r(vn,{})},j=function(){return r(gn,{})},x=function(){return r(Zn,{})},_=function(){return r(fn,{})},O=function(){return r(In,{})},q=function(){return r(Ln,{})},J=function(){return r(Sn,{})},K=function(){return r(wn,{})},Q=function(){return r(Hn,{})},X=function(){return r(Mn,{})},Y=function(){return r(Vn,{})},$=function(){return r(Cn,{})},r1=function(){return r(yn,{})},e1=function(){return r(An,{})},o1=function(){return r(kn,{})},n1=function(){return r(Rn,{})},c1=function(){return r(Tn,{})},t1=function(){return r(Dn,{})},s1=function(){return r(Pn,{})},a1=function(){return r(zn,{})},i1=function(){return r(Bn,{})},u1=function(){return r(Fn,{})},h1=function(){return r(bn,{})},m1=function(){return r(Gn,{})},d1=function(){return r(Un,{})},p1=function(){return r(En,{})},l1=function(){return r(Wn,{})},v1=function(){return r(Nn,{})},g1=function(){return r(jn,{})},Z1=function(){return r(xn,{})},f1=function(){return r(To,{})},I1=function(){return r(_n,{})},L1=function(){return r(On,{})},S1=function(){return r(qn,{})},w1=function(){return r(Jn,{})},H1=function(){return r(Kn,{})},M1=function(){return r(Qn,{})},V1=function(){return r(Xn,{})},C1=function(){return r(Do,{})},y1=function(){return r(Yn,{})},k1=function(){return r($n,{})},A1=function(){return r(r7,{})},R1=function(){return r(e7,{})},T1=function(){return r(n7,{})},D1=function(){return r(o7,{})},P1=function(){return r(c7,{})},z1=function(){return r(t7,{})},B1=function(){return r(s7,{})},F1=function(){return r(a7,{})},b1=function(){return r(i7,{})},G1=function(){return r(u7,{})},U1=function(){return r(h7,{})},E1=function(){return r(m7,{})},W1=function(){return r(d7,{})},N1=function(){return r(p7,{})},j1=function(){return r(l7,{})},x1=function(){return r(v7,{})},_1=function(){return r(g7,{})},O1=function(){return r(yo,{})},q1=function(){return r(Z7,{})};var J1,K1,Q1;o.parameters={...o.parameters,docs:{...(J1=o.parameters)==null?void 0:J1.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Q1=(K1=o.parameters)==null?void 0:K1.docs)==null?void 0:Q1.source}}};var X1,Y1,$1;n.parameters={...n.parameters,docs:{...(X1=n.parameters)==null?void 0:X1.docs,source:{originalSource:`function () {
-  return ;
-}`,...($1=(Y1=n.parameters)==null?void 0:Y1.docs)==null?void 0:$1.source}}};var r2,e2,o2;c.parameters={...c.parameters,docs:{...(r2=c.parameters)==null?void 0:r2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(o2=(e2=c.parameters)==null?void 0:e2.docs)==null?void 0:o2.source}}};var n2,c2,t2;t.parameters={...t.parameters,docs:{...(n2=t.parameters)==null?void 0:n2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(t2=(c2=t.parameters)==null?void 0:c2.docs)==null?void 0:t2.source}}};var s2,a2,i2;s.parameters={...s.parameters,docs:{...(s2=s.parameters)==null?void 0:s2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(i2=(a2=s.parameters)==null?void 0:a2.docs)==null?void 0:i2.source}}};var u2,h2,m2;a.parameters={...a.parameters,docs:{...(u2=a.parameters)==null?void 0:u2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(m2=(h2=a.parameters)==null?void 0:h2.docs)==null?void 0:m2.source}}};var d2,p2,l2;i.parameters={...i.parameters,docs:{...(d2=i.parameters)==null?void 0:d2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(l2=(p2=i.parameters)==null?void 0:p2.docs)==null?void 0:l2.source}}};var v2,g2,Z2;u.parameters={...u.parameters,docs:{...(v2=u.parameters)==null?void 0:v2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Z2=(g2=u.parameters)==null?void 0:g2.docs)==null?void 0:Z2.source}}};var f2,I2,L2;h.parameters={...h.parameters,docs:{...(f2=h.parameters)==null?void 0:f2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(L2=(I2=h.parameters)==null?void 0:I2.docs)==null?void 0:L2.source}}};var S2,w2,H2;m.parameters={...m.parameters,docs:{...(S2=m.parameters)==null?void 0:S2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(H2=(w2=m.parameters)==null?void 0:w2.docs)==null?void 0:H2.source}}};var M2,V2,C2;d.parameters={...d.parameters,docs:{...(M2=d.parameters)==null?void 0:M2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(C2=(V2=d.parameters)==null?void 0:V2.docs)==null?void 0:C2.source}}};var y2,k2,A2;p.parameters={...p.parameters,docs:{...(y2=p.parameters)==null?void 0:y2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(A2=(k2=p.parameters)==null?void 0:k2.docs)==null?void 0:A2.source}}};var R2,T2,D2;l.parameters={...l.parameters,docs:{...(R2=l.parameters)==null?void 0:R2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(D2=(T2=l.parameters)==null?void 0:T2.docs)==null?void 0:D2.source}}};var P2,z2,B2;v.parameters={...v.parameters,docs:{...(P2=v.parameters)==null?void 0:P2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(B2=(z2=v.parameters)==null?void 0:z2.docs)==null?void 0:B2.source}}};var F2,b2,G2;g.parameters={...g.parameters,docs:{...(F2=g.parameters)==null?void 0:F2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(G2=(b2=g.parameters)==null?void 0:b2.docs)==null?void 0:G2.source}}};var U2,E2,W2;Z.parameters={...Z.parameters,docs:{...(U2=Z.parameters)==null?void 0:U2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(W2=(E2=Z.parameters)==null?void 0:E2.docs)==null?void 0:W2.source}}};var N2,j2,x2;f.parameters={...f.parameters,docs:{...(N2=f.parameters)==null?void 0:N2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(x2=(j2=f.parameters)==null?void 0:j2.docs)==null?void 0:x2.source}}};var _2,O2,q2;I.parameters={...I.parameters,docs:{...(_2=I.parameters)==null?void 0:_2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(q2=(O2=I.parameters)==null?void 0:O2.docs)==null?void 0:q2.source}}};var J2,K2,Q2;L.parameters={...L.parameters,docs:{...(J2=L.parameters)==null?void 0:J2.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Q2=(K2=L.parameters)==null?void 0:K2.docs)==null?void 0:Q2.source}}};var X2,Y2,$2;S.parameters={...S.parameters,docs:{...(X2=S.parameters)==null?void 0:X2.docs,source:{originalSource:`function () {
-  return ;
-}`,...($2=(Y2=S.parameters)==null?void 0:Y2.docs)==null?void 0:$2.source}}};var r3,e3,o3;w.parameters={...w.parameters,docs:{...(r3=w.parameters)==null?void 0:r3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(o3=(e3=w.parameters)==null?void 0:e3.docs)==null?void 0:o3.source}}};var n3,c3,t3;H.parameters={...H.parameters,docs:{...(n3=H.parameters)==null?void 0:n3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(t3=(c3=H.parameters)==null?void 0:c3.docs)==null?void 0:t3.source}}};var s3,a3,i3;M.parameters={...M.parameters,docs:{...(s3=M.parameters)==null?void 0:s3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(i3=(a3=M.parameters)==null?void 0:a3.docs)==null?void 0:i3.source}}};var u3,h3,m3;V.parameters={...V.parameters,docs:{...(u3=V.parameters)==null?void 0:u3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(m3=(h3=V.parameters)==null?void 0:h3.docs)==null?void 0:m3.source}}};var d3,p3,l3;C.parameters={...C.parameters,docs:{...(d3=C.parameters)==null?void 0:d3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(l3=(p3=C.parameters)==null?void 0:p3.docs)==null?void 0:l3.source}}};var v3,g3,Z3;y.parameters={...y.parameters,docs:{...(v3=y.parameters)==null?void 0:v3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Z3=(g3=y.parameters)==null?void 0:g3.docs)==null?void 0:Z3.source}}};var f3,I3,L3;k.parameters={...k.parameters,docs:{...(f3=k.parameters)==null?void 0:f3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(L3=(I3=k.parameters)==null?void 0:I3.docs)==null?void 0:L3.source}}};var S3,w3,H3;A.parameters={...A.parameters,docs:{...(S3=A.parameters)==null?void 0:S3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(H3=(w3=A.parameters)==null?void 0:w3.docs)==null?void 0:H3.source}}};var M3,V3,C3;R.parameters={...R.parameters,docs:{...(M3=R.parameters)==null?void 0:M3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(C3=(V3=R.parameters)==null?void 0:V3.docs)==null?void 0:C3.source}}};var y3,k3,A3;T.parameters={...T.parameters,docs:{...(y3=T.parameters)==null?void 0:y3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(A3=(k3=T.parameters)==null?void 0:k3.docs)==null?void 0:A3.source}}};var R3,T3,D3;D.parameters={...D.parameters,docs:{...(R3=D.parameters)==null?void 0:R3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(D3=(T3=D.parameters)==null?void 0:T3.docs)==null?void 0:D3.source}}};var P3,z3,B3;P.parameters={...P.parameters,docs:{...(P3=P.parameters)==null?void 0:P3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(B3=(z3=P.parameters)==null?void 0:z3.docs)==null?void 0:B3.source}}};var F3,b3,G3;z.parameters={...z.parameters,docs:{...(F3=z.parameters)==null?void 0:F3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(G3=(b3=z.parameters)==null?void 0:b3.docs)==null?void 0:G3.source}}};var U3,E3,W3;B.parameters={...B.parameters,docs:{...(U3=B.parameters)==null?void 0:U3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(W3=(E3=B.parameters)==null?void 0:E3.docs)==null?void 0:W3.source}}};var N3,j3,x3;F.parameters={...F.parameters,docs:{...(N3=F.parameters)==null?void 0:N3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(x3=(j3=F.parameters)==null?void 0:j3.docs)==null?void 0:x3.source}}};var _3,O3,q3;b.parameters={...b.parameters,docs:{...(_3=b.parameters)==null?void 0:_3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(q3=(O3=b.parameters)==null?void 0:O3.docs)==null?void 0:q3.source}}};var J3,K3,Q3;G.parameters={...G.parameters,docs:{...(J3=G.parameters)==null?void 0:J3.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Q3=(K3=G.parameters)==null?void 0:K3.docs)==null?void 0:Q3.source}}};var X3,Y3,$3;U.parameters={...U.parameters,docs:{...(X3=U.parameters)==null?void 0:X3.docs,source:{originalSource:`function () {
-  return ;
-}`,...($3=(Y3=U.parameters)==null?void 0:Y3.docs)==null?void 0:$3.source}}};var rr,er,or;E.parameters={...E.parameters,docs:{...(rr=E.parameters)==null?void 0:rr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(or=(er=E.parameters)==null?void 0:er.docs)==null?void 0:or.source}}};var nr,cr,tr;W.parameters={...W.parameters,docs:{...(nr=W.parameters)==null?void 0:nr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(tr=(cr=W.parameters)==null?void 0:cr.docs)==null?void 0:tr.source}}};var sr,ar,ir;N.parameters={...N.parameters,docs:{...(sr=N.parameters)==null?void 0:sr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(ir=(ar=N.parameters)==null?void 0:ar.docs)==null?void 0:ir.source}}};var ur,hr,mr;j.parameters={...j.parameters,docs:{...(ur=j.parameters)==null?void 0:ur.docs,source:{originalSource:`function () {
-  return ;
-}`,...(mr=(hr=j.parameters)==null?void 0:hr.docs)==null?void 0:mr.source}}};var dr,pr,lr;x.parameters={...x.parameters,docs:{...(dr=x.parameters)==null?void 0:dr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(lr=(pr=x.parameters)==null?void 0:pr.docs)==null?void 0:lr.source}}};var vr,gr,Zr;_.parameters={..._.parameters,docs:{...(vr=_.parameters)==null?void 0:vr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Zr=(gr=_.parameters)==null?void 0:gr.docs)==null?void 0:Zr.source}}};var fr,Ir,Lr;O.parameters={...O.parameters,docs:{...(fr=O.parameters)==null?void 0:fr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Lr=(Ir=O.parameters)==null?void 0:Ir.docs)==null?void 0:Lr.source}}};var Sr,wr,Hr;q.parameters={...q.parameters,docs:{...(Sr=q.parameters)==null?void 0:Sr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Hr=(wr=q.parameters)==null?void 0:wr.docs)==null?void 0:Hr.source}}};var Mr,Vr,Cr;J.parameters={...J.parameters,docs:{...(Mr=J.parameters)==null?void 0:Mr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Cr=(Vr=J.parameters)==null?void 0:Vr.docs)==null?void 0:Cr.source}}};var yr,kr,Ar;K.parameters={...K.parameters,docs:{...(yr=K.parameters)==null?void 0:yr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ar=(kr=K.parameters)==null?void 0:kr.docs)==null?void 0:Ar.source}}};var Rr,Tr,Dr;Q.parameters={...Q.parameters,docs:{...(Rr=Q.parameters)==null?void 0:Rr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Dr=(Tr=Q.parameters)==null?void 0:Tr.docs)==null?void 0:Dr.source}}};var Pr,zr,Br;X.parameters={...X.parameters,docs:{...(Pr=X.parameters)==null?void 0:Pr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Br=(zr=X.parameters)==null?void 0:zr.docs)==null?void 0:Br.source}}};var Fr,br,Gr;Y.parameters={...Y.parameters,docs:{...(Fr=Y.parameters)==null?void 0:Fr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Gr=(br=Y.parameters)==null?void 0:br.docs)==null?void 0:Gr.source}}};var Ur,Er,Wr;$.parameters={...$.parameters,docs:{...(Ur=$.parameters)==null?void 0:Ur.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Wr=(Er=$.parameters)==null?void 0:Er.docs)==null?void 0:Wr.source}}};var Nr,jr,xr;r1.parameters={...r1.parameters,docs:{...(Nr=r1.parameters)==null?void 0:Nr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(xr=(jr=r1.parameters)==null?void 0:jr.docs)==null?void 0:xr.source}}};var _r,Or,qr;e1.parameters={...e1.parameters,docs:{...(_r=e1.parameters)==null?void 0:_r.docs,source:{originalSource:`function () {
-  return ;
-}`,...(qr=(Or=e1.parameters)==null?void 0:Or.docs)==null?void 0:qr.source}}};var Jr,Kr,Qr;o1.parameters={...o1.parameters,docs:{...(Jr=o1.parameters)==null?void 0:Jr.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Qr=(Kr=o1.parameters)==null?void 0:Kr.docs)==null?void 0:Qr.source}}};var Xr,Yr,$r;n1.parameters={...n1.parameters,docs:{...(Xr=n1.parameters)==null?void 0:Xr.docs,source:{originalSource:`function () {
-  return ;
-}`,...($r=(Yr=n1.parameters)==null?void 0:Yr.docs)==null?void 0:$r.source}}};var r5,e5,o5;c1.parameters={...c1.parameters,docs:{...(r5=c1.parameters)==null?void 0:r5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(o5=(e5=c1.parameters)==null?void 0:e5.docs)==null?void 0:o5.source}}};var n5,c5,t5;t1.parameters={...t1.parameters,docs:{...(n5=t1.parameters)==null?void 0:n5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(t5=(c5=t1.parameters)==null?void 0:c5.docs)==null?void 0:t5.source}}};var s5,a5,i5;s1.parameters={...s1.parameters,docs:{...(s5=s1.parameters)==null?void 0:s5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(i5=(a5=s1.parameters)==null?void 0:a5.docs)==null?void 0:i5.source}}};var u5,h5,m5;a1.parameters={...a1.parameters,docs:{...(u5=a1.parameters)==null?void 0:u5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(m5=(h5=a1.parameters)==null?void 0:h5.docs)==null?void 0:m5.source}}};var d5,p5,l5;i1.parameters={...i1.parameters,docs:{...(d5=i1.parameters)==null?void 0:d5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(l5=(p5=i1.parameters)==null?void 0:p5.docs)==null?void 0:l5.source}}};var v5,g5,Z5;u1.parameters={...u1.parameters,docs:{...(v5=u1.parameters)==null?void 0:v5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Z5=(g5=u1.parameters)==null?void 0:g5.docs)==null?void 0:Z5.source}}};var f5,I5,L5;h1.parameters={...h1.parameters,docs:{...(f5=h1.parameters)==null?void 0:f5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(L5=(I5=h1.parameters)==null?void 0:I5.docs)==null?void 0:L5.source}}};var S5,w5,H5;m1.parameters={...m1.parameters,docs:{...(S5=m1.parameters)==null?void 0:S5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(H5=(w5=m1.parameters)==null?void 0:w5.docs)==null?void 0:H5.source}}};var M5,V5,C5;d1.parameters={...d1.parameters,docs:{...(M5=d1.parameters)==null?void 0:M5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(C5=(V5=d1.parameters)==null?void 0:V5.docs)==null?void 0:C5.source}}};var y5,k5,A5;p1.parameters={...p1.parameters,docs:{...(y5=p1.parameters)==null?void 0:y5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(A5=(k5=p1.parameters)==null?void 0:k5.docs)==null?void 0:A5.source}}};var R5,T5,D5;l1.parameters={...l1.parameters,docs:{...(R5=l1.parameters)==null?void 0:R5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(D5=(T5=l1.parameters)==null?void 0:T5.docs)==null?void 0:D5.source}}};var P5,z5,B5;v1.parameters={...v1.parameters,docs:{...(P5=v1.parameters)==null?void 0:P5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(B5=(z5=v1.parameters)==null?void 0:z5.docs)==null?void 0:B5.source}}};var F5,b5,G5;g1.parameters={...g1.parameters,docs:{...(F5=g1.parameters)==null?void 0:F5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(G5=(b5=g1.parameters)==null?void 0:b5.docs)==null?void 0:G5.source}}};var U5,E5,W5;Z1.parameters={...Z1.parameters,docs:{...(U5=Z1.parameters)==null?void 0:U5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(W5=(E5=Z1.parameters)==null?void 0:E5.docs)==null?void 0:W5.source}}};var N5,j5,x5;f1.parameters={...f1.parameters,docs:{...(N5=f1.parameters)==null?void 0:N5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(x5=(j5=f1.parameters)==null?void 0:j5.docs)==null?void 0:x5.source}}};var _5,O5,q5;I1.parameters={...I1.parameters,docs:{...(_5=I1.parameters)==null?void 0:_5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(q5=(O5=I1.parameters)==null?void 0:O5.docs)==null?void 0:q5.source}}};var J5,K5,Q5;L1.parameters={...L1.parameters,docs:{...(J5=L1.parameters)==null?void 0:J5.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Q5=(K5=L1.parameters)==null?void 0:K5.docs)==null?void 0:Q5.source}}};var X5,Y5,$5;S1.parameters={...S1.parameters,docs:{...(X5=S1.parameters)==null?void 0:X5.docs,source:{originalSource:`function () {
-  return ;
-}`,...($5=(Y5=S1.parameters)==null?void 0:Y5.docs)==null?void 0:$5.source}}};var re,ee,oe;w1.parameters={...w1.parameters,docs:{...(re=w1.parameters)==null?void 0:re.docs,source:{originalSource:`function () {
-  return ;
-}`,...(oe=(ee=w1.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,ce,te;H1.parameters={...H1.parameters,docs:{...(ne=H1.parameters)==null?void 0:ne.docs,source:{originalSource:`function () {
-  return ;
-}`,...(te=(ce=H1.parameters)==null?void 0:ce.docs)==null?void 0:te.source}}};var se,ae,ie;M1.parameters={...M1.parameters,docs:{...(se=M1.parameters)==null?void 0:se.docs,source:{originalSource:`function () {
-  return ;
-}`,...(ie=(ae=M1.parameters)==null?void 0:ae.docs)==null?void 0:ie.source}}};var ue,he,me;V1.parameters={...V1.parameters,docs:{...(ue=V1.parameters)==null?void 0:ue.docs,source:{originalSource:`function () {
-  return ;
-}`,...(me=(he=V1.parameters)==null?void 0:he.docs)==null?void 0:me.source}}};var de,pe,le;C1.parameters={...C1.parameters,docs:{...(de=C1.parameters)==null?void 0:de.docs,source:{originalSource:`function () {
-  return ;
-}`,...(le=(pe=C1.parameters)==null?void 0:pe.docs)==null?void 0:le.source}}};var ve,ge,Ze;y1.parameters={...y1.parameters,docs:{...(ve=y1.parameters)==null?void 0:ve.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ze=(ge=y1.parameters)==null?void 0:ge.docs)==null?void 0:Ze.source}}};var fe,Ie,Le;k1.parameters={...k1.parameters,docs:{...(fe=k1.parameters)==null?void 0:fe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Le=(Ie=k1.parameters)==null?void 0:Ie.docs)==null?void 0:Le.source}}};var Se,we,He;A1.parameters={...A1.parameters,docs:{...(Se=A1.parameters)==null?void 0:Se.docs,source:{originalSource:`function () {
-  return ;
-}`,...(He=(we=A1.parameters)==null?void 0:we.docs)==null?void 0:He.source}}};var Me,Ve,Ce;R1.parameters={...R1.parameters,docs:{...(Me=R1.parameters)==null?void 0:Me.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ce=(Ve=R1.parameters)==null?void 0:Ve.docs)==null?void 0:Ce.source}}};var ye,ke,Ae;T1.parameters={...T1.parameters,docs:{...(ye=T1.parameters)==null?void 0:ye.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ae=(ke=T1.parameters)==null?void 0:ke.docs)==null?void 0:Ae.source}}};var Re,Te,De;D1.parameters={...D1.parameters,docs:{...(Re=D1.parameters)==null?void 0:Re.docs,source:{originalSource:`function () {
-  return ;
-}`,...(De=(Te=D1.parameters)==null?void 0:Te.docs)==null?void 0:De.source}}};var Pe,ze,Be;P1.parameters={...P1.parameters,docs:{...(Pe=P1.parameters)==null?void 0:Pe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Be=(ze=P1.parameters)==null?void 0:ze.docs)==null?void 0:Be.source}}};var Fe,be,Ge;z1.parameters={...z1.parameters,docs:{...(Fe=z1.parameters)==null?void 0:Fe.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Ge=(be=z1.parameters)==null?void 0:be.docs)==null?void 0:Ge.source}}};var Ue,Ee,We;B1.parameters={...B1.parameters,docs:{...(Ue=B1.parameters)==null?void 0:Ue.docs,source:{originalSource:`function () {
-  return ;
-}`,...(We=(Ee=B1.parameters)==null?void 0:Ee.docs)==null?void 0:We.source}}};var Ne,je,xe;F1.parameters={...F1.parameters,docs:{...(Ne=F1.parameters)==null?void 0:Ne.docs,source:{originalSource:`function () {
-  return ;
-}`,...(xe=(je=F1.parameters)==null?void 0:je.docs)==null?void 0:xe.source}}};var _e,Oe,qe;b1.parameters={...b1.parameters,docs:{...(_e=b1.parameters)==null?void 0:_e.docs,source:{originalSource:`function () {
-  return ;
-}`,...(qe=(Oe=b1.parameters)==null?void 0:Oe.docs)==null?void 0:qe.source}}};var Je,Ke,Qe;G1.parameters={...G1.parameters,docs:{...(Je=G1.parameters)==null?void 0:Je.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Qe=(Ke=G1.parameters)==null?void 0:Ke.docs)==null?void 0:Qe.source}}};var Xe,Ye,$e;U1.parameters={...U1.parameters,docs:{...(Xe=U1.parameters)==null?void 0:Xe.docs,source:{originalSource:`function () {
-  return ;
-}`,...($e=(Ye=U1.parameters)==null?void 0:Ye.docs)==null?void 0:$e.source}}};var ro,eo,oo;E1.parameters={...E1.parameters,docs:{...(ro=E1.parameters)==null?void 0:ro.docs,source:{originalSource:`function () {
-  return ;
-}`,...(oo=(eo=E1.parameters)==null?void 0:eo.docs)==null?void 0:oo.source}}};var no,co,to;W1.parameters={...W1.parameters,docs:{...(no=W1.parameters)==null?void 0:no.docs,source:{originalSource:`function () {
-  return ;
-}`,...(to=(co=W1.parameters)==null?void 0:co.docs)==null?void 0:to.source}}};var so,ao,io;N1.parameters={...N1.parameters,docs:{...(so=N1.parameters)==null?void 0:so.docs,source:{originalSource:`function () {
-  return ;
-}`,...(io=(ao=N1.parameters)==null?void 0:ao.docs)==null?void 0:io.source}}};var uo,ho,mo;j1.parameters={...j1.parameters,docs:{...(uo=j1.parameters)==null?void 0:uo.docs,source:{originalSource:`function () {
-  return ;
-}`,...(mo=(ho=j1.parameters)==null?void 0:ho.docs)==null?void 0:mo.source}}};var po,lo,vo;x1.parameters={...x1.parameters,docs:{...(po=x1.parameters)==null?void 0:po.docs,source:{originalSource:`function () {
-  return ;
-}`,...(vo=(lo=x1.parameters)==null?void 0:lo.docs)==null?void 0:vo.source}}};var go,Zo,fo;_1.parameters={..._1.parameters,docs:{...(go=_1.parameters)==null?void 0:go.docs,source:{originalSource:`function () {
-  return ;
-}`,...(fo=(Zo=_1.parameters)==null?void 0:Zo.docs)==null?void 0:fo.source}}};var Io,Lo,So;O1.parameters={...O1.parameters,docs:{...(Io=O1.parameters)==null?void 0:Io.docs,source:{originalSource:`function () {
-  return ;
-}`,...(So=(Lo=O1.parameters)==null?void 0:Lo.docs)==null?void 0:So.source}}};var wo,Ho,Mo;q1.parameters={...q1.parameters,docs:{...(wo=q1.parameters)==null?void 0:wo.docs,source:{originalSource:`function () {
-  return ;
-}`,...(Mo=(Ho=q1.parameters)==null?void 0:Ho.docs)==null?void 0:Mo.source}}};const A7=["Adjust","Angle","Animation","ArrowDownCircle","ArrowLeftCircle","ArrowLeftRight","ArrowRightCircle","ArrowUpCircle","ArrowUpDown","Bell","BlendEmpty","Blend","CheckCircleFilled","CheckCircle","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Code","Component","ConnectionConnect","ConnectionDelete","CornerRadius","Corners","Cross","DistributeHorizontalSpacing","DistributeVerticalSpacing","Draft","Effects","Ellipsis","Eyedropper","Folder","Frame","Grid","HyperlinkBreak","HyperlinkLinked","Info","LayoutAlignBottom","LayoutAlignHorizontalCenters","LayoutAlignLeft","LayoutAlignRight","LayoutAlignTop","LayoutAlignVerticalCenters","LayoutGridColumns","LayoutGridRows","LayoutGridUniform","LayoutHorizontal","LayoutVertical","LetterSpacing","Library","LineHeight","LinkBreak","LinkLinked","ListDetailed","List","LockLocked","LockUnlocked","Megaphone","Minus","MissingFonts","NavigateBack","NavigateTo","Notice","PaddingHorizontal","PaddingVertical","ParagraphIndent","ParagraphSpacing","Pencil","Play","Plugin","Plus","Recent","ResetInstance","ResizeToFit","Return","Rotate","Scale","SearchLarge","Search","Share","Smiley","SpacingHorizontal","SpacingVertical","StarFilled","Star","StrokeWeight","Styles","Swap","Target","TidyGrid","TidyListHorizontal","TidyListVertical","Timer","Trash","VectorHandles","VisibilityHidden","VisibilityVisible","WarningFilled","Warning","World"];export{o as Adjust,n as Angle,c as Animation,t as ArrowDownCircle,s as ArrowLeftCircle,a as ArrowLeftRight,i as ArrowRightCircle,u as ArrowUpCircle,h as ArrowUpDown,m as Bell,p as Blend,d as BlendEmpty,v as CheckCircle,l as CheckCircleFilled,g as ChevronDown,Z as ChevronLeft,f as ChevronRight,I as ChevronUp,L as Code,S as Component,w as ConnectionConnect,H as ConnectionDelete,M as CornerRadius,V as Corners,C as Cross,y as DistributeHorizontalSpacing,k as DistributeVerticalSpacing,A as Draft,R as Effects,T as Ellipsis,D as Eyedropper,P as Folder,z as Frame,B as Grid,F as HyperlinkBreak,b as HyperlinkLinked,G as Info,U as LayoutAlignBottom,E as LayoutAlignHorizontalCenters,W as LayoutAlignLeft,N as LayoutAlignRight,j as LayoutAlignTop,x as LayoutAlignVerticalCenters,_ as LayoutGridColumns,O as LayoutGridRows,q as LayoutGridUniform,J as LayoutHorizontal,K as LayoutVertical,Q as LetterSpacing,X as Library,Y as LineHeight,$ as LinkBreak,r1 as LinkLinked,o1 as List,e1 as ListDetailed,n1 as LockLocked,c1 as LockUnlocked,t1 as Megaphone,s1 as Minus,a1 as MissingFonts,i1 as NavigateBack,u1 as NavigateTo,h1 as Notice,m1 as PaddingHorizontal,d1 as PaddingVertical,p1 as ParagraphIndent,l1 as ParagraphSpacing,v1 as Pencil,g1 as Play,Z1 as Plugin,f1 as Plus,I1 as Recent,L1 as ResetInstance,S1 as ResizeToFit,w1 as Return,H1 as Rotate,M1 as Scale,C1 as Search,V1 as SearchLarge,y1 as Share,k1 as Smiley,A1 as SpacingHorizontal,R1 as SpacingVertical,D1 as Star,T1 as StarFilled,P1 as StrokeWeight,z1 as Styles,B1 as Swap,F1 as Target,b1 as TidyGrid,G1 as TidyListHorizontal,U1 as TidyListVertical,E1 as Timer,W1 as Trash,N1 as VectorHandles,j1 as VisibilityHidden,x1 as VisibilityVisible,O1 as Warning,_1 as WarningFilled,q1 as World,A7 as __namedExportsOrder,k7 as default};
-//# sourceMappingURL=icon-32.stories-7ed91ff0.js.map
diff --git a/storybook/assets/icon-32.stories-7ed91ff0.js.map b/storybook/assets/icon-32.stories-7ed91ff0.js.map
deleted file mode 100644
index 96dadaee6..000000000
--- a/storybook/assets/icon-32.stories-7ed91ff0.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-32.stories-7ed91ff0.js","sources":["../../src/icons/icon-32/icon-adjust-32.ts","../../src/icons/icon-32/icon-angle-32.ts","../../src/icons/icon-32/icon-animation-32.ts","../../src/icons/icon-32/icon-arrow-down-circle-32.ts","../../src/icons/icon-32/icon-arrow-left-circle-32.ts","../../src/icons/icon-32/icon-arrow-left-right-32.ts","../../src/icons/icon-32/icon-arrow-right-circle-32.ts","../../src/icons/icon-32/icon-arrow-up-circle-32.ts","../../src/icons/icon-32/icon-arrow-up-down-32.ts","../../src/icons/icon-32/icon-bell-32.ts","../../src/icons/icon-32/icon-blend-32.ts","../../src/icons/icon-32/icon-blend-empty-32.ts","../../src/icons/icon-32/icon-check-circle-filled-32.ts","../../src/icons/icon-32/icon-chevron-left-32.ts","../../src/icons/icon-32/icon-chevron-right-32.ts","../../src/icons/icon-32/icon-chevron-up-32.ts","../../src/icons/icon-32/icon-code-32.ts","../../src/icons/icon-32/icon-component-32.ts","../../src/icons/icon-32/icon-connection-connect-32.ts","../../src/icons/icon-32/icon-connection-delete-32.ts","../../src/icons/icon-32/icon-corner-radius-32.ts","../../src/icons/icon-32/icon-corners-32.ts","../../src/icons/icon-32/icon-distribute-horizontal-spacing-32.ts","../../src/icons/icon-32/icon-distribute-vertical-spacing-32.ts","../../src/icons/icon-32/icon-draft-32.ts","../../src/icons/icon-32/icon-effects-32.ts","../../src/icons/icon-32/icon-eyedropper-32.ts","../../src/icons/icon-32/icon-folder-32.ts","../../src/icons/icon-32/icon-frame-32.ts","../../src/icons/icon-32/icon-grid-32.ts","../../src/icons/icon-32/icon-hyperlink-break-32.ts","../../src/icons/icon-32/icon-hyperlink-linked-32.ts","../../src/icons/icon-32/icon-layout-align-bottom-32.ts","../../src/icons/icon-32/icon-layout-align-horizontal-centers-32.ts","../../src/icons/icon-32/icon-layout-align-left-32.ts","../../src/icons/icon-32/icon-layout-align-right-32.ts","../../src/icons/icon-32/icon-layout-align-top-32.ts","../../src/icons/icon-32/icon-layout-align-vertical-centers-32.ts","../../src/icons/icon-32/icon-layout-grid-columns-32.ts","../../src/icons/icon-32/icon-layout-grid-rows-32.ts","../../src/icons/icon-32/icon-layout-grid-uniform-32.ts","../../src/icons/icon-32/icon-layout-horizontal-32.ts","../../src/icons/icon-32/icon-layout-vertical-32.ts","../../src/icons/icon-32/icon-letter-spacing-32.ts","../../src/icons/icon-32/icon-library-32.ts","../../src/icons/icon-32/icon-line-height-32.ts","../../src/icons/icon-32/icon-link-break-32.ts","../../src/icons/icon-32/icon-link-linked-32.ts","../../src/icons/icon-32/icon-list-32.ts","../../src/icons/icon-32/icon-list-detailed-32.ts","../../src/icons/icon-32/icon-lock-locked-32.ts","../../src/icons/icon-32/icon-lock-unlocked-32.ts","../../src/icons/icon-32/icon-megaphone-32.ts","../../src/icons/icon-32/icon-minus-32.ts","../../src/icons/icon-32/icon-missing-fonts-32.ts","../../src/icons/icon-32/icon-navigate-back-32.ts","../../src/icons/icon-32/icon-navigate-to-32.ts","../../src/icons/icon-32/icon-notice-32.ts","../../src/icons/icon-32/icon-padding-horizontal-32.ts","../../src/icons/icon-32/icon-padding-vertical-32.ts","../../src/icons/icon-32/icon-paragraph-indent-32.ts","../../src/icons/icon-32/icon-paragraph-spacing-32.ts","../../src/icons/icon-32/icon-pencil-32.ts","../../src/icons/icon-32/icon-play-32.ts","../../src/icons/icon-32/icon-plugin-32.ts","../../src/icons/icon-32/icon-recent-32.ts","../../src/icons/icon-32/icon-reset-instance-32.ts","../../src/icons/icon-32/icon-resize-to-fit-32.ts","../../src/icons/icon-32/icon-return-32.ts","../../src/icons/icon-32/icon-rotate-32.ts","../../src/icons/icon-32/icon-scale-32.ts","../../src/icons/icon-32/icon-search-large-32.ts","../../src/icons/icon-32/icon-share-32.ts","../../src/icons/icon-32/icon-smiley-32.ts","../../src/icons/icon-32/icon-spacing-horizontal-32.ts","../../src/icons/icon-32/icon-spacing-vertical-32.ts","../../src/icons/icon-32/icon-star-32.ts","../../src/icons/icon-32/icon-star-filled-32.ts","../../src/icons/icon-32/icon-stroke-weight-32.ts","../../src/icons/icon-32/icon-styles-32.ts","../../src/icons/icon-32/icon-swap-32.ts","../../src/icons/icon-32/icon-target-32.ts","../../src/icons/icon-32/icon-tidy-grid-32.ts","../../src/icons/icon-32/icon-tidy-list-horizontal-32.ts","../../src/icons/icon-32/icon-tidy-list-vertical-32.ts","../../src/icons/icon-32/icon-timer-32.ts","../../src/icons/icon-32/icon-trash-32.ts","../../src/icons/icon-32/icon-vector-handles-32.ts","../../src/icons/icon-32/icon-visibility-hidden-32.ts","../../src/icons/icon-32/icon-visibility-visible-32.ts","../../src/icons/icon-32/icon-warning-filled-32.ts","../../src/icons/icon-32/icon-world-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAdjust32 = createIcon(\n  'M12 15.95V23h1v-7.05c1.1411-.2316 2-1.2405 2-2.45 0-1.2095-.8589-2.2184-2-2.45V9h-1v2.05c-1.1411.2316-2 1.2405-2 2.45 0 1.2095.8589 2.2184 2 2.45Zm2-2.45c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5 1.5-.6716 1.5-1.5ZM19 9h1v7.05c1.1411.2316 2 1.2405 2 2.45 0 1.2095-.8589 2.2184-2 2.45V23h-1v-2.05c-1.1411-.2316-2-1.2405-2-2.45 0-1.2095.8589-2.2184 2-2.45V9Zm2 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAngle32 = createIcon(\n  'M12 12v8h8v-1h-3c0-2.2091-1.7909-4-4-4v-3h-1Zm1 4v3h3c0-1.6569-1.3431-3-3-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconAnimation32 = createIcon(\n  'M10 10h12v12H10V10Zm-1 0c0-.55228.44772-1 1-1h12c.5523 0 1 .44772 1 1v12c0 .5523-.4477 1-1 1H10c-.55228 0-1-.4477-1-1V10Zm10 6-5-3v6l5-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowDownCircle32 = createIcon(\n  'M9 16c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7Zm-1 0c0-4.4183 3.5817-8 8-8s8 3.5817 8 8-3.5817 8-8 8-8-3.5817-8-8Zm8.3535 3.7464-.3536.3536-.3535-.3536-3-3 .7071-.7071 2.1464 2.1465v-6.2929h1v6.2929l2.1465-2.1465.7071.7071-3 3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowLeftCircle32 = createIcon(\n  'M16 9c3.866 0 7 3.134 7 7s-3.134 7-7 7-7-3.134-7-7 3.134-7 7-7Zm0-1c4.4183 0 8 3.5817 8 8s-3.5817 8-8 8-8-3.5817-8-8 3.5817-8 8-8Zm-3.7464 8.3535-.3536-.3536.3536-.3535 3-3 .7071.7071-2.1465 2.1464h6.2929v1h-6.2929l2.1465 2.1465-.7071.7071-3-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowLeftRight32 = createIcon(\n  'm12.2071 16.5 1.6465 1.6464-.7071.7072-2.5-2.5L10.2929 16l.3536-.3536 2.5-2.5.7071.7072L12.2071 15.5h7.5858l-1.6464-1.6464.7071-.7072 2.5 2.5.3535.3536-.3535.3536-2.5 2.5-.7071-.7072L19.7929 16.5h-7.5858Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowRightCircle32 = createIcon(\n  'M16 23c-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7-3.134 7-7 7Zm0 1c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8-3.5817 8-8 8Zm3.7464-8.3535.3536.3536-.3536.3535-3 3-.7071-.7071 2.1465-2.1464h-6.2929v-1h6.2929l-2.1465-2.1465.7071-.7071 3 3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowUpCircle32 = createIcon(\n  'M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Zm-8.3535-3.7464L16 11.9l.3536.3536 3 3-.7071.7071L16.5 13.8142v6.2929h-1v-6.2929l-2.1464 2.1465-.7071-.7071 3-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconArrowUpDown32 = createIcon(\n  'm16.0005 10.2923.3535.3536 2.5 2.5-.7071.7071-1.6464-1.6464v7.5857l1.6464-1.6464.7071.7071-2.5 2.5-.3535.3536-.3536-.3536-2.5-2.5.7071-.7071 1.6465 1.6464v-7.5857L13.854 13.853l-.7071-.7071 2.5-2.5.3536-.3536Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconBell32 = createIcon(\n  'M20 14v3c0 .7684.2889 1.4692.7639 2h-9.5278c.475-.5308.7639-1.2316.7639-2v-3c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4Zm1 0v3c0 1.1046.8954 2 2 2v1H9v-1c1.1046 0 2-.8954 2-2v-3c0-2.7614 2.2386-5 5-5s5 2.2386 5 5Zm-5 9c-1.1046 0-2-.8954-2-2h-1c0 1.6569 1.3431 3 3 3s3-1.3431 3-3h-1c0 1.1046-.8954 2-2 2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconBlend32 = createIcon(\n  'M16.0016 11.0016c.2421.2504.4732.4895.6932.7185C18.8983 14.0124 20 15.2939 20 16.8519c.0025 1.0624-.388 2.1256-1.1716 2.9361-1.562 1.616-4.0947 1.616-5.6567 0-.7836-.8105-1.1742-1.8737-1.1717-2.9361 0-1.558 1.1018-2.8395 3.3053-5.1319.2201-.2289.4512-.468.6933-.7185l.001-.001.0005-.0005.0015.0016Zm-2.1968 3.9096c.5019-.6803 1.2187-1.4542 2.1953-2.4708.9764 1.0166 1.6933 1.7905 2.1951 2.4708.5998.8133.8048 1.38.8048 1.9407v.0024c.0001.0486-.0008.0972-.0029.1457h-5.9942A3.37024 3.37024 0 0 1 13 16.8542v-.0023c0-.5607.205-1.1274.8048-1.9407Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconBlendEmpty32 = createIcon(\n  'M16.6948 11.7201c-.22-.229-.4511-.4681-.6932-.7185-.0005-.0005-.001-.0011-.0015-.0016l-.0005.0005-.001.001c-.2421.2505-.4732.4896-.6933.7185C13.1018 14.0124 12 15.2939 12 16.8519c-.0025 1.0624.3881 2.1256 1.1717 2.9361 1.562 1.616 4.0947 1.616 5.6567 0 .7836-.8105 1.1741-1.8737 1.1716-2.9361 0-1.558-1.1017-2.8395-3.3052-5.1318Zm-.6947.7203c-.9766 1.0166-1.6934 1.7905-2.1953 2.4708-.5998.8133-.8048 1.38-.8048 1.9407v.0023c-.0019.8178.2984 1.6262.8907 2.2388 1.1689 1.2093 3.0498 1.2093 4.2188 0 .5921-.6126.8924-1.4209.8905-2.2387v-.0024c0-.5607-.205-1.1274-.8048-1.9407-.5018-.6803-1.2187-1.4542-2.1951-2.4708Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCheckCircleFilled32 = createIcon(\n  'M16 23.9999c4.4183 0 8-3.5817 8-8s-3.5817-8.00002-8-8.00002-8 3.58172-8 8.00002c0 4.4183 3.5817 8 8 8Zm-.0889-5.1346 4-4.4999-.8222-.7308-3.6125 4.0639-2.5875-2.5874-.7778.7778 3 2.9999.4125.4124.3875-.4359Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconChevronLeft32 = createIcon(\n  'M18.914 11.708 18.206 11 13 15.999l5.206 4.9996.708-.708-4.5-4.2916 4.5-4.291Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconChevronRight32 = createIcon(\n  'm13.09 11.708.708-.708 5.206 4.999-5.206 4.9996-.708-.708 4.5-4.2916-4.5-4.291Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconChevronUp32 = createIcon(\n  'm20.292 18.914.708-.708L16.001 13l-4.9996 5.206.708.708 4.2916-4.5 4.291 4.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCode32 = createIcon(\n  'm10.414 16.0962 3.89-3.889-.708-.707-4.242 4.243-.354.353.354.354 4.242 4.242.707-.707-3.889-3.889Zm7.89-4.596 4.242 4.243.354.353-.354.354-4.243 4.242-.707-.707 3.89-3.889-3.89-3.889.707-.707h.001Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconComponent32 = createIcon(\n  'm12.0625 10.9375.7071.7071 2.5233 2.5233.7071.7071.7071-.7071 2.5233-2.5233.7071-.7071-.7071-.7071-2.5233-2.52329L16 7l-.7071.70711-2.5233 2.52329-.7071.7071Zm6.4608 0L16 13.4608l-2.5233-2.5233L16 8.41421l2.5233 2.52329Zm-6.4608 10.125.7071.7071 2.5233 2.5233L16 25l.7071-.7071 2.5233-2.5233.7071-.7071-.7071-.7071-2.5233-2.5233L16 17.125l-.7071.7071-2.5233 2.5233-.7071.7071Zm6.4608 0L16 23.5858l-2.5233-2.5233L16 18.5392l2.5233 2.5233ZM7.70711 16.7071 7 16l.70711-.7071 2.52329-2.5233.7071-.7071.7071.7071 2.5233 2.5233.7071.7071-.7071.7071-2.5233 2.5233-.7071.7071-.7071-.7071-2.52329-2.5233Zm3.23039 1.8162L13.4608 16l-2.5233-2.5233L8.41421 16l2.52329 2.5233ZM17.125 16l.7071.7071 2.5233 2.5233.7071.7071.7071-.7071 2.5233-2.5233L25 16l-.7071-.7071-2.5233-2.5233-.7071-.7071-.7071.7071-2.5233 2.5233L17.125 16Zm6.4608 0-2.5233 2.5233L18.5392 16l2.5233-2.5233L23.5858 16Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconConnectionConnect32 = createIcon(\n  'M15.5 9H9V8h7.5v5.708c.7355.3214 1.2865.9863 1.45 1.792h5.3429l-2.1465-2.1464.7072-.7072 3 3 .3535.3536-.3535.3536-3 3-.7072-.7072L23.2929 16.5H17.95c-.1635.8057-.7145 1.4706-1.45 1.792V24H9v-1h6.5v-4.5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5V9Zm0 8.5c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconConnectionDelete32 = createIcon(\n  'M15.5 9H9V8h7.5v5.708c.883.3858 1.5 1.2668 1.5 2.292s-.617 1.9062-1.5 2.292V24H9v-1h6.5v-4.5c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5V9Zm7 7.7071 2.6464 2.6465.7072-.7072L23.2071 16l2.6465-2.6464-.7072-.7072L22.5 15.2929l-2.6464-2.6465-.7072.7072L21.7929 16l-2.6465 2.6464.7072.7072L22.5 16.7071Zm-7 .7929c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCornerRadius32 = createIcon(\n  'M21 13h-4c-2.2091 0-4 1.7909-4 4v4h-1v-4c0-2.7614 2.2386-5 5-5h4v1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCorners32 = createIcon(\n  'M11 11h3v1h-2v2h-1v-3Zm7 0h3v3h-1v-2h-2v-1Zm-6 9v-2h-1v3h3v-1h-2Zm9-2v3h-3v-1h2v-2h1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconDistributeHorizontalSpacing32 = createIcon(\n  'M11 22.5v-13h-1v13h1Zm11-13v13h-1v-13h1Zm-5 3v7h-2v-7h2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconDistributeVerticalSpacing32 = createIcon(\n  'M9.5 10h13v1h-13v-1Zm3 5h7v2h-7v-2Zm10 6h-13v1h13v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconDraft32 = createIcon(\n  'M10 8.5h7.7071l.1465.14645 4 3.99995.1464.1465V23.5H10v-15Zm1 1v13h10v-9h-4v-4h-6Zm7 .7071L20.2929 12.5H18v-2.2929Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconEffects32 = createIcon(\n  'M16.5 9v-.5h-1v3h1V9Zm-5.0961 1.6967-.3536-.3536-.7071.7072.3536.3535 1.4142 1.4142.3535.3536.7071-.7071-.3535-.3536-1.4142-1.4142Zm9.8995.7071.3536-.3535-.7071-.7071-.3536.3535-1.4142 1.4142-.3536.3536.7071.7071.3536-.3536 1.4142-1.4142ZM9 15.5h-.5v1h3v-1H9Zm12 0h-.5v1h3v-1H21Zm-8.1819 4.3891.3535-.3536-.7071-.7071-.3535.3536-1.4143 1.4142-.3535.3536.7071.7071.3535-.3536 1.4143-1.4142Zm7.0709-.7071-.3536-.3536-.7071.7071.3536.3536 1.4142 1.4142.3535.3536.7071-.7071-.3535-.3536-1.4142-1.4142ZM16.5 21v-.5h-1v3h1V21Zm.9978-5.0021c0 .8285-.6716 1.5-1.5 1.5s-1.5-.6715-1.5-1.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5Zm1 0c0 1.3807-1.1193 2.5-2.5 2.5s-2.5-1.1193-2.5-2.5 1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconEyedropper32 = createIcon(\n  'M22.4473 22.4c-.8.8-2 .8-2.8 0l-2.8001-2.8-.8.7c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l.7-.7-5.79995-5.8c-.4-.4-1-1.9 0-2.9.99995-1 2.49995-.4 2.89995 0l5.8 5.8.7001-.7c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-.7.7 2.8 2.8c.8.9.8 2.1 0 2.9ZM11.5472 10.5h-1v1l5.8 5.8 1-1c-.1 0-5.8-5.8-5.8-5.8Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconFolder32 = createIcon(\n  'M9 10h7v2H9v-2Zm-1 2V9h9v3h7v11H8V12Zm9 1H9v9h14v-9h-6Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconFrame32 = createIcon(\n  'M11 24v-3H8v-1h3v-8H8v-1h3V8h1v3h8V8h1v3h3v1h-3v8h3v1h-3v3h-1v-3h-8v3h-1Zm9-4v-8h-8v8h8Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconGrid32 = createIcon(\n  'M11 11h3v3h-3v-3Zm-1-1h5v5h-5v-5Zm1 8h3v3h-3v-3Zm-1-1h5v5h-5v-5Zm11-6h-3v3h3v-3Zm-3-1h-1v5h5v-5h-4Zm0 8h3v3h-3v-3Zm-1-1h5v5h-5v-5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconHyperlinkBreak32 = createIcon(\n  'M13.0002 9v3h1V9h-1Zm9.1031.89644c-1.1618-1.16176-3.0454-1.16176-4.2072.00002l-2.7499 2.74994.7071.7071 2.7499-2.7499c.7713-.77128 2.0217-.77129 2.793 0 .7712.7712.7712 2.0216 0 2.7928l-2.75 2.75.7071.7071 2.75-2.75c1.1617-1.1617 1.1617-3.0453 0-4.20706ZM9.89632 22.1035c-1.16176-1.1617-1.16176-3.0453 0-4.2071l2.74998-2.75.7071.7071-2.75 2.75c-.77121.7713-.77121 2.0217 0 2.7929.7713.7713 2.0217.7713 2.7929 0l2.75-2.75.7071.7071-2.75 2.75c-1.1617 1.1618-3.0453 1.1618-4.20708 0ZM22.9997 19h-3v-1h3v1Zm-3.9994 1v3h-1v-3h1Zm-7.0006-7H8.99969v1h3.00001v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconHyperlinkLinked32 = createIcon(\n  'm13.5251 21.6569 2.6517-2.6517.7071.7071-2.6517 2.6517c-1.2692 1.2692-3.327 1.2692-4.59617 0-1.2692-1.2692-1.2692-3.327 0-4.5962l2.65167-2.6517.7071.7071-2.6517 2.6517c-.87864.8787-.87864 2.3033 0 3.182.8787.8786 2.3033.8786 3.182 0Zm6.1872-4.773-.7071-.7071 2.6516-2.6517c.8787-.8786.8787-2.3033 0-3.1819-.8786-.87872-2.3033-.87872-3.1819 0l-2.6517 2.6516-.7071-.7071 2.6517-2.65165c1.2692-1.2692 3.327-1.26921 4.5962 0 1.2692 1.26925 1.2692 3.32695 0 4.59615l-2.6517 2.6517Zm-5.4506 1.6204 4.2426-4.2426-.766-.766-4.2426 4.2426.766.766Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutAlignBottom32 = createIcon(\n  'M14.5 10v10h-2V10h2Zm8 12v1h-13v-1h13Zm-3-2v-6h-2v6h2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutAlignHorizontalCenters32 = createIcon(\n  'M16.5 9.5h-1v3h-5v2h5v3h-3v2h3v3h1v-3h3v-2h-3v-3h5v-2h-5v-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutAlignLeft32 = createIcon(\n  'M10 22.5H9v-13h1v13Zm12-8H12v-2h10v2Zm-10 5h6v-2h-6v2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutAlignRight32 = createIcon(\n  'M22 22.5h1v-13h-1v13Zm-12-8h10v-2H10v2Zm10 5h-6v-2h6v2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutAlignTop32 = createIcon(\n  'M14.5 22V12h-2v10h2Zm8-12V9h-13v1h13Zm-3 2v6h-2v-6h2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutAlignVerticalCenters32 = createIcon(\n  'M12.5 15.5v-5h2v5h3v-3h2v3h3v1h-3v3h-2v-3h-3v5h-2v-5h-3v-1h3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutGridColumns32 = createIcon(\n  'M9 9h3v14H9V9Zm5.5 0h3v14h-3V9ZM23 9h-3v14h3V9Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutGridRows32 = createIcon(\n  'M9 9h14v3H9V9Zm0 5.5h14v3H9v-3ZM23 20H9v3h14v-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutGridUniform32 = createIcon(\n  'M9 9h3v3H9V9Zm11 0h3v3h-3V9Zm-2.5 0h-3v3h3V9ZM9 14.5h3v3H9v-3Zm14 0h-3v3h3v-3Zm-8.5 0h3v3h-3v-3ZM12 20H9v3h3v-3Zm8 0h3v3h-3v-3Zm-2.5 0h-3v3h3v-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutHorizontal32 = createIcon(\n  'M11 11h3v10h-3V11Zm-1-1h5v12h-5V10Zm8 1h3v10h-3V11Zm-1-1h5v12h-5V10Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayoutVertical32 = createIcon(\n  'M11 11h10v3H11v-3Zm-1-1h12v5H10v-5Zm1 8h10v3H11v-3Zm-1-1h12v5H10v-5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLetterSpacing32 = createIcon(\n  'M8 22V10h1v12H8Zm15 0V10h1v12h-1Zm-10.4517-2 2.8-8h1.3036l2.8 8h-.9536l-.7-2h-3.5964l-.7 2h-.9536Zm3.4518-7.1378L17.4483 17h-2.8964l1.4482-4.1378Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLibrary32 = createIcon(\n  'M15.3732 23h1.2579c.2802-.3202.6157-.5974.995-.8187 1.4784-.8623 4.0049-.909 5.3864.1085H24.5v-9.2s-.7969-2.25-4.42-2.25c-1.8746 0-2.9016.6024-3.4563 1.1838-.3883.4071-.5451.8039-.5991.9764h-.0491c-.0541-.1725-.2108-.5693-.5992-.9764-.5546-.5814-1.5816-1.1838-3.4563-1.1838-3.62312 0-4.42 2.25-4.42 2.25v9.19h1.4875c1.3827-1.0184 3.9114-.9698 5.3887-.1044.3806.2229.7167.5021.997.8246ZM16.5 13.2888v8.4568c.1952-.1571.4032-.3002.6222-.428.9272-.5409 2.1146-.7958 3.2412-.787 1.0057.0079 2.0807.2274 2.9518.7592H23.5v-7.973a2.12867 2.12867 0 0 0-.03-.05c-.0861-.1382-.2356-.3387-.4745-.5447-.4605-.3973-1.3302-.8823-2.9155-.8823-1.5862 0-2.3403.4837-2.6945.835-.1881.1867-.2951.3671-.353.4899-.029.0615-.0453.1078-.0528.1316-.0038.0118-.0053.0178-.0051.0169l.0016-.0066.0016-.0074.0011-.0048.0005-.0027.0003-.0014c0-.0001.0001-.0003-.0052-.0015H16.5Zm-1 0h-.4745c-.0053.0012-.0052.0014-.0052.0015l.0003.0014.0005.0027.0011.0048.0016.0074.0016.0066c.0002.0009-.0013-.0051-.0051-.0169-.0075-.0238-.0238-.0701-.0528-.1316-.0579-.1228-.1649-.3032-.353-.4899-.3542-.3513-1.1083-.835-2.6945-.835-1.5853 0-2.45494.485-2.91551.8823-.2389.206-.38841.4065-.47443.5447a1.84294 1.84294 0 0 0-.03006.05v7.963h.18483c.8719-.5323 1.94797-.7515 2.95447-.7586 1.1274-.0079 2.3154.2484 3.2424.7914.2176.1275.4243.2702.6183.4266v-8.4504Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLineHeight32 = createIcon(\n  'M23 10H9V9h14v1Zm0 13H9v-1h14v1Zm-10.4517-3 2.8-8h1.3036l2.8 8h-.9536l-.7-2h-3.5964l-.7 2h-.9536Zm3.4518-7.1378L17.4483 17h-2.8964l1.4482-4.1378Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLinkBreak32 = createIcon(\n  'M18 14v-2c0-1.1046-.8954-2-2-2s-2 .8954-2 2v2h-1v-2c0-1.6569 1.3431-3 3-3s3 1.3431 3 3v2h-1Zm1 4h-1v2c0 1.1046-.8954 2-2 2s-2-.8954-2-2v-2h-1v2c0 1.6569 1.3431 3 3 3s3-1.3431 3-3v-2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLinkLinked32 = createIcon(\n  'M16 10c1.1046 0 2 .8954 2 2v2h1v-2c0-1.6569-1.3431-3-3-3s-3 1.3431-3 3v2h1v-2c0-1.1046.8954-2 2-2Zm2 8h1v2c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3v-2h1v2c0 1.1046.8954 2 2 2s2-.8954 2-2v-2Zm-2.5-5v6h1v-6h-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconList32 = createIcon(\n  'M23 10H9v1h14v-1ZM9 15.5h14v1H9v-1ZM9 21h14v1H9v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconListDetailed32 = createIcon(\n  'M12 10h-2v1h2v-1Zm0 10h-2v1h2v-1Zm-2-5h2v1h-2v-1Zm12-5h-8v1h8v-1Zm-8 10h8v1h-8v-1Zm8-5h-8v1h8v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLockLocked32 = createIcon(\n  'M17.5 13.5V15h-3v-1.5c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5Zm-4 1.5v-1.5c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5V15h.5c.2761 0 .5.2239.5.5v5c0 .2761-.2239.5-.5.5h-6c-.2761 0-.5-.2239-.5-.5v-5c0-.2761.2239-.5.5-.5h.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLockUnlocked32 = createIcon(\n  'M18 14v1h.5c.2761 0 .5.2239.5.5v5c0 .2761-.2239.5-.5.5h-6c-.2761 0-.5-.2239-.5-.5v-5c0-.2761.2239-.5.5-.5H17v-2.5c0-1.3807 1.1193-2.5 2.5-2.5s2.5 1.1193 2.5 2.5V14h-1v-1.5c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5V14Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMegaphone32 = createIcon(\n  'M9.5 12H12v5H9.5C8.11929 17 7 15.8807 7 14.5 7 13.1192 8.11929 12 9.5 12Zm3.5 5v-5.0037a13.00039 13.00039 0 0 0 6.3548-1.835L20 9.77606v8.75714l-1.4686-.5916A12.99982 12.99982 0 0 0 13.6738 17H13Zm-.3103-6H9.5C7.567 11 6 12.567 6 14.5c0 1.875 1.47447 3.4057 3.32719 3.4958l.00614.0184 1.21087 3.6325c.2722.8166 1.0365 1.3675 1.8973 1.3675h1.1711c.6825 0 1.1645-.6687.9487-1.3162L13.3286 18h.3452c1.5365 0 3.0587.295 4.4839.8692l2.1555.8683c.3286.1324.6868-.1095.6868-.4638V8.89512c0-.38818-.4231-.62831-.7563-.42929l-1.4016.83694A11.99989 11.99989 0 0 1 12.6897 11Zm-1.1969 10.3304-1.1054-3.3162h1.8918l1.3334 4h-1.1711c-.4304 0-.8126-.2754-.9487-.6838ZM23 12.5c.8284 0 1.5.6716 1.5 1.5s-.6716 1.5-1.5 1.5v1c1.3807 0 2.5-1.1193 2.5-2.5s-1.1193-2.5-2.5-2.5v1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMinus32 = createIcon('M21.5 16.5h-11v-1h11v1Z', {\n  height: 32,\n  width: 32\n})\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMissingFonts32 = createIcon(\n  'M20.1797 17.6992h-1.1172c-.0234-1.4609.4063-1.9492 1.1641-2.414.4765-.293.8281-.6993.8281-1.2774 0-.6914-.5391-1.1328-1.2031-1.1328-.5977 0-1.1875.3633-1.2344 1.1914h-1.1875c.0508-1.4062 1.1055-2.1758 2.4219-2.1758 1.4336 0 2.3945.8594 2.3945 2.1289 0 .8555-.4063 1.4532-1.1055 1.8789-.7109.4375-.9609.8282-.9609 1.8008Zm.2539 1.5938c0 .4336-.3555.7812-.7813.7812-.4296 0-.7812-.3476-.7812-.7812 0-.4258.3516-.7774.7812-.7774.4258 0 .7813.3516.7813.7774ZM9 20l3.1111-8h1.0851l3.1111 8h-1.0729l-.7778-2h-3.6059l-.7777 2H9Zm3.6537-6.6361L14.0677 17h-2.8281l1.4141-3.6361Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconNavigateBack32 = createIcon(\n  'M23 15H11.7101l3.4002-3.3885-.7059-.7083L9.79167 15.5l4.61273 4.5968.7059-.7083L11.7101 16H23v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconNavigateTo32 = createIcon(\n  'M9 15h11.2899l-3.4002-3.3885.7059-.7083L22.2083 15.5l-4.6127 4.5968-.7059-.7083L20.2899 16H9v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconNotice32 = createIcon(\n  'M9 16c0 3.866 3.134 7 7 7s7-3.134 7-7-3.134-7-7-7-7 3.134-7 7Zm7-8c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8-3.5817-8-8-8Zm0 3.7499c.4142 0 .75.3358.75.75v3.126c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-3.126c0-.4142.3358-.75.75-.75Zm1 7.25c0-.5523-.4477-1-1-1s-1 .4477-1 1v.0686c0 .5523.4477 1 1 1s1-.4477 1-1v-.0686Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPaddingHorizontal32 = createIcon(\n  'M9 23V9h1v14H9Zm13 0V9h1v14h-1Zm-9-10h6v6h-6v-6Zm-1-1h8v8h-8v-8Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPaddingVertical32 = createIcon(\n  'M23 10H9V9h14v1Zm-4 3h-6v6h6v-6Zm-6-1h-1v8h8v-8h-7ZM9 23h14v-1H9v1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconParagraphIndent32 = createIcon(\n  'M11.8536 10.1464 9.35355 7.64642l-.7071.70711 1.64645 1.64645H5V11h5.2929l-1.64645 1.6464.7071.7071 2.50005-2.5.3535-.3535-.3535-.3536ZM23 9.99998h-9V11h9V9.99998ZM23 14H9v1h14v-1Zm0 4H9v1h14v-1Zm0 4H9v1h14v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconParagraphSpacing32 = createIcon(\n  'M23 9H9V8h14v1Zm-7 .79289.3536.35351 2 2-.7072.7072L16.5 11.7071v4.5858l1.1464-1.1465.7072.7072-2 2-.3536.3535-.3536-.3535-2-2 .7072-.7072L15.5 16.2929v-4.5858l-1.1464 1.1465-.7072-.7072 2-2L16 9.79289ZM23 19v1H9v-1h14Zm0 4v1H9v-1h14Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPencil32 = createIcon(\n  'M20.7729 9.14867c.3905-.39053 1.0237-.39053 1.4142 0l1.4142 1.41423c.3905.3905.3905 1.0237 0 1.4142l-1.4142 1.4142-2.8284-2.8283-.7071.7071 2.8283 2.8283-8.2711 8.2712-3.53555.7071.70715-3.5355L20.7729 9.14867ZM9.46079 24.139l4.24101-.8482 10.6066-10.6066c.781-.781.781-2.0474 0-2.82843l-1.4142-1.41421c-.7811-.78105-2.0474-.78105-2.8284 0L9.45916 19.0482l-.8482 4.241-.21246 1.0623 1.06229-.2125Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPlay32 = createIcon(\n  'm13 10.0979.765.4781 8 5 .6784.424-.6784.424-8 5-.765.4781V10.0979Zm1 1.8042v8.1958L20.5566 16 14 11.9021Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPlugin32 = createIcon(\n  'M16 8c-1.2267 0-2 .71059-2 1.5 0 .4208.1997.8505.5583 1.1856.2576.2407.2531.5786.1919.7826-.0599.1998-.2622.5318-.6741.5318H11v10h10v-2.5067c-.4325.3151-.9507.5067-1.5.5067-1.5578 0-2.5-1.4653-2.5-3s.9422-3 2.5-3c.5493 0 1.0675.1916 1.5.5067V12h-3.0761c-.4119 0-.6142-.332-.6741-.5318-.0612-.204-.0657-.5419.1919-.7826C17.8003 10.3505 18 9.9208 18 9.5c0-.78941-.7733-1.5-2-1.5Zm-3 1.5C13 7.9422 14.4653 7 16 7s3 .9422 3 2.5c0 .5493-.1916 1.0675-.5067 1.5H21c.5523 0 1 .4477 1 1v3.0761c0 .4119-.332.6142-.5318.6741-.204.0612-.5419.0657-.7826-.1919C20.3505 15.1997 19.9208 15 19.5 15c-.7894 0-1.5.7733-1.5 2 0 1.2267.7106 2 1.5 2 .4208 0 .8505-.1997 1.1856-.5583.2407-.2576.5786-.2531.7826-.1919.1998.0599.5318.2622.5318.6741V22c0 .5523-.4477 1-1 1H11c-.5523 0-1-.4477-1-1V12c0-.5523.4477-1 1-1h2.5067C13.1916 10.5675 13 10.0493 13 9.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconRecent32 = createIcon(\n  'M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Zm-9-4v5h5v-1h-4v-4h-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconResetInstance32 = createIcon(\n  'm6.79291 15.5.35355-.3535 8.00004-8.00004.3535-.35355.3536.35355 8 8.00004.3535.3535-.7071.7071-.3535-.3535L15.5 8.20712 8.20712 15.5 15.5 22.7929l3.6465-3.6464.3535-.3536.7071.7071-.3535.3536-4 4-.3536.3535-.3535-.3535-8.00004-8-.35355-.3536Zm7.91419-.5H17c3.3137 0 6 2.6863 6 6 0 1.6569-.6716 3.1569-1.7574 4.2427l-.7071-.7072C21.4404 23.6307 22 22.3807 22 21c0-2.7614-2.2386-5-5-5h-2.2929l1.6465 1.6465-.7072.7071-2.5-2.5-.3535-.3536.3535-.3535 2.5-2.5.7072.7071L14.7071 15Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconResizeToFit32 = createIcon(\n  'M8.64642 9.35353 12.2929 13H9.99998v1H14V9.99998h-1v2.29292L9.35353 8.64642l-.70711.70711ZM19.7071 13l3.6464-3.64647-.7071-.70711L19 12.2929V9.99998h-1V14h4v-1h-2.2929Zm0 6 3.6464 3.6464-.7071.7071L19 19.7071V22h-1v-4h4v1h-2.2929Zm-7.4142 0-3.64648 3.6464.70711.7071L13 19.7071V22h1v-4H9.99998v1h2.29292Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconReturn32 = createIcon(\n  'm11.7071 14 2.6465 2.6464-.7071.7071-3.5-3.5-.35359-.3535.35359-.3536 3.5-3.49998.7071.70708L11.7071 13H15.5c3.5762 0 6.5 2.9238 6.5 6.5V21h-1v-1.5c0-3.0239-2.4761-5.5-5.5-5.5h-3.7929Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconRotate32 = createIcon(\n  'M16 8c3.866 0 7 3.134 7 7v2.7929l-2.1464-2.1465-.7072.7072 3 3 .3536.3535.3536-.3535 3-3-.7072-.7072L24 17.7929V15c0-4.4183-3.5817-8-8-8v1Zm0 7H8v8h8v-8Zm-8-1H7v10h10V14H8Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconScale32 = createIcon(\n  'M24 23.5v.5H8V8h5v1H9v14h14v-4h1v4.5ZM13.5 19H13v-6h1v4.2929L22.2929 9H18V8h6v6h-1V9.70711L14.7071 18H19v1h-5.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSearchLarge32 = createIcon(\n  'M20 15c0 2.7614-2.2386 5-5 5s-5-2.2386-5-5 2.2386-5 5-5 5 2.2386 5 5Zm-1.1256 4.5815C17.8291 20.4664 16.4769 21 15 21c-3.3137 0-6-2.6863-6-6s2.6863-6 6-6 6 2.6863 6 6c0 1.4769-.5336 2.8291-1.4185 3.8744l4.2721 4.272-.7072.7072-4.272-4.2721Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconShare32 = createIcon(\n  'M17.5 13c0-1.3807 1.1193-2.5 2.5-2.5 1.3808 0 2.5 1.1193 2.5 2.5s-1.1192 2.5-2.5 2.5c-1.3807 0-2.5-1.1193-2.5-2.5ZM20 9.5c-1.933 0-3.5 1.567-3.5 3.5 0 1.442.872 2.6803 2.1175 3.2164-1.1371.3667-2.0766 1.1736-2.6175 2.22-.5409-1.0464-1.4803-1.8533-2.6175-2.22C14.628 15.6803 15.5 14.442 15.5 13c0-1.933-1.567-3.5-3.5-3.5S8.5 11.067 8.5 13c0 1.442.87203 2.6803 2.1175 3.2164C8.80861 16.7997 7.5 18.497 7.5 20.5V22h17v-1.5c0-2.003-1.3086-3.7003-3.1175-4.2836C22.628 15.6803 23.5 14.442 23.5 13c0-1.933-1.567-3.5-3.5-3.5ZM16.5 21v-.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5v.5h-7Zm-1-.5v.5h-7v-.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5Zm-6-7.5c0-1.3807 1.1193-2.5 2.5-2.5 1.3808 0 2.5 1.1193 2.5 2.5s-1.1192 2.5-2.5 2.5c-1.3807 0-2.5-1.1193-2.5-2.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSmiley32 = createIcon(\n  'M23 16c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7 7 3.134 7 7Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Zm-8.0001 4c-1.8638 0-3.4299-1.2748-3.8739-3h1.0446c.4119 1.1652 1.5231 2 2.8293 2 1.3063 0 2.4175-.8348 2.8293-2h1.0447c-.444 1.7252-2.0101 3-3.874 3ZM19.5 14.125c0 .4832-.3918.875-.875.875s-.875-.3918-.875-.875.3918-.875.875-.875.875.3918.875.875ZM13.125 15c.4832 0 .875-.3918.875-.875s-.3918-.875-.875-.875-.875.3918-.875.875.3918.875.875.875Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSpacingHorizontal32 = createIcon(\n  'M9.5 22h3V10h-3v1h2v10h-2v1Zm13-11h-2v10h2v1h-3V10h3v1Zm-7 2v6h1v-6h-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSpacingVertical32 = createIcon(\n  'M10 9.5v3h12v-3h-1v2H11v-2h-1Zm11 13v-2H11v2h-1v-3h12v3h-1Zm-2-7h-6v1h6v-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconStar32 = createIcon(\n  'm18.5001 13.5-1.973-5.10783-.5377-1.39205-.5337 1.39358L13.5001 13.5H6.50006l1.40751 1 4.46783 3.1742-1.7314 5.2893-.5325 1.6267 1.3826-1.0091L15.9894 20.3l4.4953 3.2811 1.3825 1.0091-.5324-1.6267-1.7314-5.2893 4.484-3.1742 1.4127-1h-7Zm3.8566 1h-4.5424l-.2471-.6397-1.5738-4.07455-1.5595 4.07185-.246.6424H9.63415l3.32045 2.359.6002.4265-.2291.6998-1.2992 3.9691 3.3733-2.4621.5896-.4304.5895.4304 3.3733 2.4621-1.2992-3.9691-.2295-.701.6021-.4262L22.3567 14.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconStarFilled32 = createIcon(\n  'M15.9894 7.00012 18.5001 13.5h7l-5.8967 4.1742 2.2638 6.916L15.9894 20.3l-5.8779 4.2902 2.2639-6.916L6.50006 13.5h7.00004l2.4893-6.49988Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconStrokeWeight32 = createIcon(\n  'M10 10h12v1H10v-1Zm0 4h12v2H10v-2Zm12 5H10v3h12v-3Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconStyles32 = createIcon(\n  'M11.5 13c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5Zm6 0c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5Zm1.5 7.5c-.8284 0-1.5-.6716-1.5-1.5s.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5-.6716 1.5-1.5 1.5ZM11.5 19c0 .8284.6716 1.5 1.5 1.5s1.5-.6716 1.5-1.5-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSwap32 = createIcon(\n  'm23 13.1877-1.1747 1.4683a5.51905 5.51905 0 0 0-.0265-.156 5.49981 5.49981 0 0 0-.9894-2.2746 5.50027 5.50027 0 0 0-6.2658-1.9061 5.50036 5.50036 0 0 0-2.0884 1.3383 5.49027 5.49027 0 0 0-.633.7796l.0001.0001.8305.5568.0001.0001a4.4999 4.4999 0 0 1 2.2266-1.7328A4.49983 4.49983 0 0 1 17.7 11.195a4.4987 4.4987 0 0 1 2.3058 1.6259c.4847.6541.7812 1.4251.862 2.2297l-2.2-1.4666-.5547.832 3 2 .3814.2543.2864-.358 2-2.5L23 13.1877Zm-12 1.5-2 2.5.78087.6246 1.17473-1.4683c.0081.0521.0169.1041.0265.156.1515.8194.4881 1.5981.9894 2.2746a5.50042 5.50042 0 0 0 2.8182 1.9873 5.50033 5.50033 0 0 0 3.4475-.0812 5.50073 5.50073 0 0 0 2.0885-1.3383c.2326-.2383.4444-.4984.6318-.7778l.0012-.0018-.0001-.0001-.8305-.5568-.0001-.0001-.0011.0016a4.5001 4.5001 0 0 1-2.2255 1.7312 4.50016 4.50016 0 0 1-2.8206.0664 4.49885 4.49885 0 0 1-2.3057-1.6259 4.49861 4.49861 0 0 1-.862-2.2297l2.2 1.4666.5547-.832-3-2-.3814-.2543-.2864.358Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTarget32 = createIcon(\n  'M15.5 14v-2.9753c-2.3622.2345-4.2408 2.1131-4.4753 4.4753H14v1h-2.9753c.2345 2.3622 2.1131 4.2408 4.4753 4.4753V18h1v2.9753c2.3622-.2345 4.2408-2.1131 4.4753-4.4753H18v-1h2.9753c-.2345-2.3622-2.1131-4.2408-4.4753-4.4753V14h-1Zm6.4794 1.5c-.2404-2.9149-2.5645-5.239-5.4794-5.4795V8h-1v2.0205c-2.9149.2405-5.239 2.5646-5.4795 5.4795H8v1h2.0205c.2405 2.9149 2.5646 5.239 5.4795 5.4795V24h1v-2.0205c2.9149-.2405 5.239-2.5646 5.4794-5.4795H24v-1h-2.0206Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTidyGrid32 = createIcon(\n  'M10 10h2v2h-2v-2Zm10 0h2v2h-2v-2Zm-8 5h-2v2h2v-2Zm8 0h2v2h-2v-2Zm-8 5h-2v2h2v-2Zm8 0h2v2h-2v-2Zm-3-10h-2v2h2v-2Zm-2 5h2v2h-2v-2Zm2 5h-2v2h2v-2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTidyListHorizontal32 = createIcon(\n  'M10 22.5v-13h2v13h-2Zm5 0v-13h2v13h-2Zm5-13v13h2v-13h-2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTidyListVertical32 = createIcon(\n  'M9.5 10h13v2h-13v-2Zm0 5h13v2h-13v-2Zm13 5h-13v2h13v-2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTimer32 = createIcon(\n  'M19 8h-6V7h6v1Zm4 9c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7 7-7c1.7683 0 3.3835.6557 4.6157 1.7372l.0912.0912.5559.5559C22.3443 13.6165 23 15.2317 23 17Zm-.2854-4.3508.1136-.1137.7071-.7071.7071-.7071-.7071-.7071-.7071-.70709L22.1211 9l-.7071.70711-.7071.70709-.0676.0676C19.3308 9.54882 17.7295 9 16 9c-4.4183 0-8 3.5817-8 8s3.5817 8 8 8 8-3.5817 8-8c0-1.6044-.4723-3.0985-1.2854-4.3508Zm-.7223-.9496.1288.1288.7071-.7071-.7071-.7071-.7013.7013c.2005.1849.3916.3798.5725.5841ZM16.5 17v-5h-1v5c0 .2761.2239.5.5.5s.5-.2239.5-.5Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTrash32 = createIcon(\n  'M15 9.5c-.5523 0-1 .44772-1 1h4c0-.55228-.4477-1-1-1h-2Zm4 1c0-1.10457-.8954-2-2-2h-2c-1.1046 0-2 .89543-2 2h-3v1h1v10c0 1.1046.8954 2 2 2h6c1.1046 0 2-.8954 2-2v-10h1v-1h-3Zm1 1h-8v10c0 .5523.4477 1 1 1h6c.5523 0 1-.4477 1-1v-10Zm-6 7v-4h1v4h-1Zm3 0v-4h1v4h-1Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconVectorHandles32 = createIcon(\n  'M11.5858 16 10.5 14.9142 9.41421 16 10.5 17.0858 11.5858 16Zm-.3787-1.7929L10.5 13.5l-.70711.7071-1.08578 1.0858L8 16l.70711.7071 1.08578 1.0858L10.5 18.5l.7071-.7071 1.0858-1.0858L12.5 16.5h2.0854c.2059.5826.7615 1 1.4146 1 .6531 0 1.2087-.4174 1.4146-1H19.5l.2071.2071 1.0858 1.0858.7071.7071.7071-.7071 1.0858-1.0858L24 16l-.7071-.7071-1.0858-1.0858L21.5 13.5l-.7071.7071-1.0858 1.0858L19.5 15.5h-2.0854c-.2059-.5826-.7615-1-1.4146-1-.6531 0-1.2087.4174-1.4146 1H12.5l-.2071-.2071-1.0858-1.0858ZM22.5858 16 21.5 14.9142 20.4142 16 21.5 17.0858 22.5858 16Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconVisibilityHidden32 = createIcon(\n  'M21.5085 15.8012c.5554-.5276 1.0351-1.134 1.421-1.8012h-1.1842c-1.2655 1.8142-3.3673 3-5.7454 3-2.3782 0-4.48-1.1858-5.7454-3H9.07022c.38597.6673.86567 1.2737 1.42108 1.8013l-1.59482 1.5949.70712.7071 1.6573-1.6574c.7108.5234 1.5112.9321 2.3742 1.1988l-.6171 2.2213.9636.2676.6262-2.2543c.452.0793.9172.1207 1.3921.1207.4748 0 .9399-.0414 1.392-.1207l.6261 2.2543.9636-.2676-.617-2.2213c.863-.2666 1.6635-.6754 2.3743-1.1989l1.6576 1.6575.7071-.7071-1.5951-1.595Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconVisibilityVisible32 = createIcon(\n  'M16.0001 19c-2.2999 0-4.3222-1.1942-5.4784-3 1.1562-1.8058 3.1785-3 5.4784-3 2.2998 0 4.3221 1.1942 5.4783 3-1.1562 1.8058-3.1785 3-5.4783 3Zm0-7c2.878 0 5.3774 1.6211 6.6349 4-1.2575 2.3789-3.7569 4-6.6349 4-2.8781 0-5.3775-1.6211-6.63499-4 1.25749-2.3789 3.75689-4 6.63499-4Zm.0003 6c1.1045 0 2-.8954 2-2s-.8955-2-2-2c-1.1046 0-2 .8954-2 2s.8954 2 2 2Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconWarningFilled32 = createIcon(\n  'M15.3463 8.16209c.2868-.50974 1.0207-.50974 1.3074 0l7.7176 13.72021c.2812.4999-.08 1.1177-.6537 1.1177H8.2824c-.57362 0-.9349-.6178-.65368-1.1177L15.3463 8.16209ZM16 12.3817c.4971 0 .9.403.9.9v3.0878c0 .4971-.4029.9-.9.9-.497 0-.9-.4029-.9-.9v-3.0878c0-.497.403-.9.9-.9ZM17.1 20c0-.6075-.4925-1.1-1.1-1.1-.6075 0-1.1.4925-1.1 1.1v.0685c0 .6076.4925 1.1 1.1 1.1.6075 0 1.1-.4924 1.1-1.1V20Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconWorld32 = createIcon(\n  'M21.7907 19.9341C20.531 21.7847 18.4074 23 16 23c-3.866 0-7-3.134-7-7 0-.6182.08013-1.2176.23057-1.7885l1.80413.6765c.1722.0646.2721.2444.2361.4247l-.3763 1.8814c-.0354.1773.0606.3546.2285.4217l2.0217.8088c.1177.047.2036.1503.2285.2746l.4379 2.1895a.37526.37526 0 0 0 .1025.1916l.5371.5371c.1851.1851.4982.1283.6066-.11l2.0898-4.5976c.0969-.2132-.0232-.4622-.2505-.519l-1.4625-.3656a.37543.37543 0 0 1-.1742-.0986l-1.3167-1.3168a.37521.37521 0 0 0-.2652-.1098h-1.1129a.37509.37509 0 0 1-.3354-.2073l-.7101-1.4201c-.0995-.1992-.0047-.4407.2038-.5189l3.286-1.2322c.183-.0686.2826-.2663.2289-.4542l-.4436-1.55253a.2015.2015 0 0 0-.0033-.01082C15.184 9.03562 15.5879 9 16 9c.2102 0 .4182.00926.6237.02741a.39126.39126 0 0 0-.0071.03958l-.0837.66974c-.0197.15777.0622.31077.2044.38197l.6006.3003a.37504.37504 0 0 0 .3263.0044l1.3-.6067c.0533-.02487.0964-.05846.1297-.09758 1.0432.51488 1.9396 1.28188 2.6096 2.22158l-2.0613-.4123a.37501.37501 0 0 0-.2665.0462l-2.0779 1.2467c-.1681.1009-.2301.314-.1425.4893l1.2411 2.4821c.0635.127.1933.2073.3354.2073h1.652c.1674 0 .3146.111.3606.272l1.0463 3.6621ZM24 16c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconAdjust32","createIcon","height","width","IconAngle32","IconAnimation32","IconArrowDownCircle32","IconArrowLeftCircle32","IconArrowLeftRight32","IconArrowRightCircle32","IconArrowUpCircle32","IconArrowUpDown32","IconBell32","IconBlend32","IconBlendEmpty32","IconCheckCircleFilled32","IconChevronLeft32","IconChevronRight32","IconChevronUp32","IconCode32","IconComponent32","IconConnectionConnect32","IconConnectionDelete32","IconCornerRadius32","IconCorners32","IconDistributeHorizontalSpacing32","IconDistributeVerticalSpacing32","IconDraft32","IconEffects32","IconEyedropper32","IconFolder32","IconFrame32","IconGrid32","IconHyperlinkBreak32","IconHyperlinkLinked32","IconLayoutAlignBottom32","IconLayoutAlignHorizontalCenters32","IconLayoutAlignLeft32","IconLayoutAlignRight32","IconLayoutAlignTop32","IconLayoutAlignVerticalCenters32","IconLayoutGridColumns32","IconLayoutGridRows32","IconLayoutGridUniform32","IconLayoutHorizontal32","IconLayoutVertical32","IconLetterSpacing32","IconLibrary32","IconLineHeight32","IconLinkBreak32","IconLinkLinked32","IconList32","IconListDetailed32","IconLockLocked32","IconLockUnlocked32","IconMegaphone32","IconMinus32","IconMissingFonts32","IconNavigateBack32","IconNavigateTo32","IconNotice32","IconPaddingHorizontal32","IconPaddingVertical32","IconParagraphIndent32","IconParagraphSpacing32","IconPencil32","IconPlay32","IconPlugin32","IconRecent32","IconResetInstance32","IconResizeToFit32","IconReturn32","IconRotate32","IconScale32","IconSearchLarge32","IconShare32","IconSmiley32","IconSpacingHorizontal32","IconSpacingVertical32","IconStar32","IconStarFilled32","IconStrokeWeight32","IconStyles32","IconSwap32","IconTarget32","IconTidyGrid32","IconTidyListHorizontal32","IconTidyListVertical32","IconTimer32","IconTrash32","IconVectorHandles32","IconVisibilityHidden32","IconVisibilityVisible32","IconWarningFilled32","IconWorld32"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/icon-8.stories-4gpzjTF-.js b/storybook/assets/icon-8.stories-4gpzjTF-.js
new file mode 100644
index 000000000..0c239e1fa
--- /dev/null
+++ b/storybook/assets/icon-8.stories-4gpzjTF-.js
@@ -0,0 +1,5 @@
+import{I as p}from"./icon-control-chevron-down-8-WIusIu4s.js";import{c as m}from"./create-icon-prVyFgUx.js";import{u as i}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const u=m("m3.64641 1.64648-3 3 .7071.70711 2.64645-2.64645 2.64645 2.64645.7071-.70711-3-3-.35355-.35355z",{height:8,width:8}),v={parameters:{fixedWidth:!1},title:"Icons/Size 8"},o=function(){return i(p,{})},r=function(){return i(u,{})};var n,e,t;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
+  return ;
+}`,...(t=(e=o.parameters)==null?void 0:e.docs)==null?void 0:t.source}}};var s,c,a;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`function () {
+  return ;
+}`,...(a=(c=r.parameters)==null?void 0:c.docs)==null?void 0:a.source}}};const I=["ControlChevronDown","ControlChevronUp"];export{o as ControlChevronDown,r as ControlChevronUp,I as __namedExportsOrder,v as default};
diff --git a/storybook/assets/icon-8.stories-c9112dec.js b/storybook/assets/icon-8.stories-c9112dec.js
deleted file mode 100644
index 0f0c159b1..000000000
--- a/storybook/assets/icon-8.stories-c9112dec.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import{I as p}from"./icon-control-chevron-down-8-c2f32eaf.js";import{c as m}from"./create-icon-59b2c318.js";import{o as i}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const C=m("m3.64641 1.64648-3 3 .7071.70711 2.64645-2.64645 2.64645 2.64645.7071-.70711-3-3-.35355-.35355-.35355.35355Z",{height:8,width:8}),v={parameters:{fixedWidth:!1},title:"Icons/Size 8"},o=function(){return i(p,{})},r=function(){return i(C,{})};var n,e,t;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
-  return ;
-}`,...(t=(e=o.parameters)==null?void 0:e.docs)==null?void 0:t.source}}};var s,c,a;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`function () {
-  return ;
-}`,...(a=(c=r.parameters)==null?void 0:c.docs)==null?void 0:a.source}}};const I=["ControlChevronDown","ControlChevronUp"];export{o as ControlChevronDown,r as ControlChevronUp,I as __namedExportsOrder,v as default};
-//# sourceMappingURL=icon-8.stories-c9112dec.js.map
diff --git a/storybook/assets/icon-8.stories-c9112dec.js.map b/storybook/assets/icon-8.stories-c9112dec.js.map
deleted file mode 100644
index 254598ce0..000000000
--- a/storybook/assets/icon-8.stories-c9112dec.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-8.stories-c9112dec.js","sources":["../../src/icons/icon-8/icon-control-chevron-up-8.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconControlChevronUp8 = createIcon(\n  'm3.64641 1.64648-3 3 .7071.70711 2.64645-2.64645 2.64645 2.64645.7071-.70711-3-3-.35355-.35355-.35355.35355Z',\n  { height: 8, width: 8 }\n)\n"],"names":["IconControlChevronUp8","createIcon","height","width"],"mappings":"2OAGaA,MAAAA,EAAwBC,EACnC,+GACA,CAAEC,OAAQ,EAAGC,MAAO,CAAE,CACxB;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/icon-button-10110ab3.js.map b/storybook/assets/icon-button-10110ab3.js.map
deleted file mode 100644
index d2e198a92..000000000
--- a/storybook/assets/icon-button-10110ab3.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-button-10110ab3.js","sources":["../../src/components/icon-button/icon-button.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './icon-button.module.css'\n\nexport interface IconButtonProps\n  extends FocusableComponentProps {\n  children: ComponentChildren\n  disabled?: boolean\n  onClick?: EventHandler.onClick\n}\n\nexport const IconButton = createComponent(\n  function (\n    {\n      children,\n      disabled = false,\n      onClick,\n      onKeyDown = noop,\n      propagateEscapeKeyDown = true,\n      ...rest\n    },\n    ref\n  ) {\n    const handleKeyDown = useCallback(\n      function (event: Event.onKeyDown) {\n        onKeyDown(event)\n        if (event.key === 'Escape') {\n          if (propagateEscapeKeyDown === false) {\n            event.stopPropagation()\n          }\n          event.currentTarget.blur()\n        }\n      },\n      [onKeyDown, propagateEscapeKeyDown]\n    )\n\n    return (\n      \n        
{children}
\n      \n    )\n  }\n)\n"],"names":["IconButton","createComponent","children","disabled","onClick","onKeyDown","noop","propagateEscapeKeyDown","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsx","class","styles","iconButton","tabIndex","icon"],"mappings":"8NAgBaA,EAAaC,EACxB,SACE,CACEC,SAAAA,EACAC,SAAAA,EAAW,GACXC,QAAAA,EACAC,UAAAA,EAAYC,EACZC,uBAAAA,EAAyB,GACzB,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA2C,CACnDP,EAAUO,CAAK,EACXA,EAAMC,MAAQ,WACZN,IAA2B,IAC7BK,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACX,EAAWE,CAAsB,CACpC,EAEA,OACEU,EAAA,SAAA,CAAA,GACMT,EACJC,IAAAA,EACAS,MAAOC,EAAOC,WACdjB,SAAUA,IAAa,GACvBC,QAAAA,EACAC,UAAWK,EACXW,SAAU,EAAEnB,SAEZe,EAAA,MAAA,CAAKC,MAAOC,EAAOG,KAAKpB,SAAAA,CAAAA,CAAgB,CAAA,CAClC,CAEZ,CACF"}
\ No newline at end of file
diff --git a/storybook/assets/icon-button-6f0f9066.css b/storybook/assets/icon-button-JkZb0qjB.css
similarity index 100%
rename from storybook/assets/icon-button-6f0f9066.css
rename to storybook/assets/icon-button-JkZb0qjB.css
diff --git a/storybook/assets/icon-button-10110ab3.js b/storybook/assets/icon-button-UahFBS6G.js
similarity index 62%
rename from storybook/assets/icon-button-10110ab3.js
rename to storybook/assets/icon-button-UahFBS6G.js
index ccae342c4..c0992737b 100644
--- a/storybook/assets/icon-button-10110ab3.js
+++ b/storybook/assets/icon-button-UahFBS6G.js
@@ -1,2 +1 @@
-import{c as l,T as m}from"./create-component-b0512abd.js";import{n as b}from"./no-op-cb277961.js";import{o as c}from"./jsxRuntime.module-632ba37d.js";const d="_iconButton_1bkfg_1",p="_icon_1bkfg_1",i={iconButton:d,icon:p},k=l(function({children:s,disabled:r=!1,onClick:u,onKeyDown:n=b,propagateEscapeKeyDown:t=!0,...a},f){const e=m(function(o){n(o),o.key==="Escape"&&(t===!1&&o.stopPropagation(),o.currentTarget.blur())},[n,t]);return c("button",{...a,ref:f,class:i.iconButton,disabled:r===!0,onClick:u,onKeyDown:e,tabIndex:0,children:c("div",{class:i.icon,children:s})})});export{k as I};
-//# sourceMappingURL=icon-button-10110ab3.js.map
+import{c as l,T as m}from"./create-component-a83A1_Pu.js";import{n as b}from"./no-op-Uu3q6ZSj.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";const d="_iconButton_1bkfg_1",p="_icon_1bkfg_1",i={iconButton:d,icon:p},k=l(function({children:s,disabled:r=!1,onClick:u,onKeyDown:n=b,propagateEscapeKeyDown:t=!0,...a},f){const e=m(function(o){n(o),o.key==="Escape"&&(t===!1&&o.stopPropagation(),o.currentTarget.blur())},[n,t]);return c("button",{...a,ref:f,class:i.iconButton,disabled:r===!0,onClick:u,onKeyDown:e,tabIndex:0,children:c("div",{class:i.icon,children:s})})});export{k as I};
diff --git a/storybook/assets/icon-button.stories-26351c6a.js b/storybook/assets/icon-button.stories-0eEjEUbw.js
similarity index 77%
rename from storybook/assets/icon-button.stories-26351c6a.js
rename to storybook/assets/icon-button.stories-0eEjEUbw.js
index 2e5341b48..9539f37fa 100644
--- a/storybook/assets/icon-button.stories-26351c6a.js
+++ b/storybook/assets/icon-button.stories-0eEjEUbw.js
@@ -1,4 +1,4 @@
-import{u as k}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-plus-32-8b6a0896.js";import{I as i}from"./icon-button-10110ab3.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./no-op-cb277961.js";const b={title:"Components/Icon Button"},t=function(){function o(e){console.log(e)}return n(i,{onClick:o,children:n(s,{})})},c=function(){function o(e){console.log(e)}return n(i,{...k(),onClick:o,children:n(s,{})})},r=function(){function o(e){console.log(e)}return n(i,{disabled:!0,onClick:o,children:n(s,{})})};var l,a,u;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
+import{u as k}from"./use-initial-focus-xmfxIugy.js";import{I as s}from"./icon-plus-32-QyIs5gmA.js";import{I as i}from"./icon-button-UahFBS6G.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./no-op-Uu3q6ZSj.js";const b={title:"Components/Icon Button"},t=function(){function o(e){console.log(e)}return n(i,{onClick:o,children:n(s,{})})},c=function(){function o(e){console.log(e)}return n(i,{...k(),onClick:o,children:n(s,{})})},r=function(){function o(e){console.log(e)}return n(i,{disabled:!0,onClick:o,children:n(s,{})})};var l,a,u;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`function () {
   function handleClick(event: JSX.TargetedEvent) {
     console.log(event);
   }
@@ -20,4 +20,3 @@ import{u as k}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-pl
       
     ;
 }`,...(I=(C=r.parameters)==null?void 0:C.docs)==null?void 0:I.source}}};const F=["Passive","Focused","Disabled"];export{r as Disabled,c as Focused,t as Passive,F as __namedExportsOrder,b as default};
-//# sourceMappingURL=icon-button.stories-26351c6a.js.map
diff --git a/storybook/assets/icon-button.stories-26351c6a.js.map b/storybook/assets/icon-button.stories-26351c6a.js.map
deleted file mode 100644
index c717ee1d4..000000000
--- a/storybook/assets/icon-button.stories-26351c6a.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.stories-26351c6a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/icon-caret-right-16-4OZxGOFD.js b/storybook/assets/icon-caret-right-16-4OZxGOFD.js
new file mode 100644
index 000000000..45663f5d5
--- /dev/null
+++ b/storybook/assets/icon-caret-right-16-4OZxGOFD.js
@@ -0,0 +1 @@
+import{c as t}from"./create-icon-prVyFgUx.js";const c=t("M12 8 8 5v6z",{height:16,width:16});export{c as I};
diff --git a/storybook/assets/icon-caret-right-16-f2a2bc99.js b/storybook/assets/icon-caret-right-16-f2a2bc99.js
deleted file mode 100644
index b037e38fc..000000000
--- a/storybook/assets/icon-caret-right-16-f2a2bc99.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as t}from"./create-icon-59b2c318.js";const c=t("M12 8 8 5v6l4-3Z",{height:16,width:16});export{c as I};
-//# sourceMappingURL=icon-caret-right-16-f2a2bc99.js.map
diff --git a/storybook/assets/icon-caret-right-16-f2a2bc99.js.map b/storybook/assets/icon-caret-right-16-f2a2bc99.js.map
deleted file mode 100644
index ad202bd3b..000000000
--- a/storybook/assets/icon-caret-right-16-f2a2bc99.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-caret-right-16-f2a2bc99.js","sources":["../../src/icons/icon-16/icon-caret-right-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCaretRight16 = createIcon('M12 8 8 5v6l4-3Z', {\n  height: 16,\n  width: 16\n})\n"],"names":["IconCaretRight16","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAmBC,EAAW,mBAAoB,CAC7DC,OAAQ,GACRC,MAAO,EACT,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/icon-chevron-down-32-21cd5cae.js b/storybook/assets/icon-chevron-down-32-21cd5cae.js
deleted file mode 100644
index dd056d752..000000000
--- a/storybook/assets/icon-chevron-down-32-21cd5cae.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as o}from"./create-icon-59b2c318.js";const c=o("m11.708 13.09-.708.708 4.999 5.206 4.9996-5.206-.708-.708-4.2916 4.5-4.291-4.5Z",{height:32,width:32});export{c as I};
-//# sourceMappingURL=icon-chevron-down-32-21cd5cae.js.map
diff --git a/storybook/assets/icon-chevron-down-32-21cd5cae.js.map b/storybook/assets/icon-chevron-down-32-21cd5cae.js.map
deleted file mode 100644
index 4eeb601eb..000000000
--- a/storybook/assets/icon-chevron-down-32-21cd5cae.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-chevron-down-32-21cd5cae.js","sources":["../../src/icons/icon-32/icon-chevron-down-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconChevronDown32 = createIcon(\n  'm11.708 13.09-.708.708 4.999 5.206 4.9996-5.206-.708-.708-4.2916 4.5-4.291-4.5Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconChevronDown32","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAoBC,EAC/B,kFACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-chevron-down-32-UVJdQFN7.js b/storybook/assets/icon-chevron-down-32-UVJdQFN7.js
new file mode 100644
index 000000000..6f66f89de
--- /dev/null
+++ b/storybook/assets/icon-chevron-down-32-UVJdQFN7.js
@@ -0,0 +1 @@
+import{c as o}from"./create-icon-prVyFgUx.js";const c=o("m11.708 13.09-.708.708 4.999 5.206 4.9996-5.206-.708-.708-4.2916 4.5z",{height:32,width:32});export{c as I};
diff --git a/storybook/assets/icon-control-checkbox-checked-12-1nQT_nAV.js b/storybook/assets/icon-control-checkbox-checked-12-1nQT_nAV.js
new file mode 100644
index 000000000..8bea264f9
--- /dev/null
+++ b/storybook/assets/icon-control-checkbox-checked-12-1nQT_nAV.js
@@ -0,0 +1 @@
+import{c as o}from"./create-icon-prVyFgUx.js";const e=o("m3.17647 4.82377 1.88235 1.88236 3.76471-3.76472L10 4.11788l-4.94118 4.9412L2 6.00024z",{height:12,width:12});export{e as I};
diff --git a/storybook/assets/icon-control-checkbox-checked-12-fd838326.js b/storybook/assets/icon-control-checkbox-checked-12-fd838326.js
deleted file mode 100644
index f49935339..000000000
--- a/storybook/assets/icon-control-checkbox-checked-12-fd838326.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as o}from"./create-icon-59b2c318.js";const e=o("m3.17647 4.82377 1.88235 1.88236 3.76471-3.76472L10 4.11788l-4.94118 4.9412L2 6.00024l1.17647-1.17647Z",{height:12,width:12});export{e as I};
-//# sourceMappingURL=icon-control-checkbox-checked-12-fd838326.js.map
diff --git a/storybook/assets/icon-control-checkbox-checked-12-fd838326.js.map b/storybook/assets/icon-control-checkbox-checked-12-fd838326.js.map
deleted file mode 100644
index e1c69ad9a..000000000
--- a/storybook/assets/icon-control-checkbox-checked-12-fd838326.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-control-checkbox-checked-12-fd838326.js","sources":["../../src/icons/icon-12/icon-control-checkbox-checked-12.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconControlCheckboxChecked12 = createIcon(\n  'm3.17647 4.82377 1.88235 1.88236 3.76471-3.76472L10 4.11788l-4.94118 4.9412L2 6.00024l1.17647-1.17647Z',\n  { height: 12, width: 12 }\n)\n"],"names":["IconControlCheckboxChecked12","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAA+BC,EAC1C,yGACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-control-chevron-down-8-WIusIu4s.js b/storybook/assets/icon-control-chevron-down-8-WIusIu4s.js
new file mode 100644
index 000000000..897b4db30
--- /dev/null
+++ b/storybook/assets/icon-control-chevron-down-8-WIusIu4s.js
@@ -0,0 +1 @@
+import{c as o}from"./create-icon-prVyFgUx.js";const n=o("m3.64641 6.35352-3-3 .70711-.70711 2.64644 2.64645 2.64645-2.64645.70711.70711-3 3-.35356.35355z",{height:8,width:8});export{n as I};
diff --git a/storybook/assets/icon-control-chevron-down-8-c2f32eaf.js b/storybook/assets/icon-control-chevron-down-8-c2f32eaf.js
deleted file mode 100644
index f82119199..000000000
--- a/storybook/assets/icon-control-chevron-down-8-c2f32eaf.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as o}from"./create-icon-59b2c318.js";const n=o("m3.64641 6.35352-3-3 .70711-.70711 2.64644 2.64645 2.64645-2.64645.70711.70711-3 3-.35356.35355-.35355-.35355Z",{height:8,width:8});export{n as I};
-//# sourceMappingURL=icon-control-chevron-down-8-c2f32eaf.js.map
diff --git a/storybook/assets/icon-control-chevron-down-8-c2f32eaf.js.map b/storybook/assets/icon-control-chevron-down-8-c2f32eaf.js.map
deleted file mode 100644
index 411c9739a..000000000
--- a/storybook/assets/icon-control-chevron-down-8-c2f32eaf.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-control-chevron-down-8-c2f32eaf.js","sources":["../../src/icons/icon-8/icon-control-chevron-down-8.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconControlChevronDown8 = createIcon(\n  'm3.64641 6.35352-3-3 .70711-.70711 2.64644 2.64645 2.64645-2.64645.70711.70711-3 3-.35356.35355-.35355-.35355Z',\n  { height: 8, width: 8 }\n)\n"],"names":["IconControlChevronDown8","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAA0BC,EACrC,iHACA,CAAEC,OAAQ,EAAGC,MAAO,CAAE,CACxB"}
\ No newline at end of file
diff --git a/storybook/assets/icon-cross-32-9903a829.js b/storybook/assets/icon-cross-32-9903a829.js
deleted file mode 100644
index 4585dd10c..000000000
--- a/storybook/assets/icon-cross-32-9903a829.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as o}from"./create-icon-59b2c318.js";const c=o("m16 15.293 4.6465-4.6464.7071.7071-4.6465 4.6464 4.6465 4.6465-.7071.7071L16 16.7073l-4.6464 4.6464-.7071-.7071 4.6464-4.6465-4.6464-4.6463.7071-.7071L16 15.293Z",{height:32,width:32});export{c as I};
-//# sourceMappingURL=icon-cross-32-9903a829.js.map
diff --git a/storybook/assets/icon-cross-32-9903a829.js.map b/storybook/assets/icon-cross-32-9903a829.js.map
deleted file mode 100644
index c5427e7e0..000000000
--- a/storybook/assets/icon-cross-32-9903a829.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-cross-32-9903a829.js","sources":["../../src/icons/icon-32/icon-cross-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCross32 = createIcon(\n  'm16 15.293 4.6465-4.6464.7071.7071-4.6465 4.6464 4.6465 4.6465-.7071.7071L16 16.7073l-4.6464 4.6464-.7071-.7071 4.6464-4.6465-4.6464-4.6463.7071-.7071L16 15.293Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconCross32","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAcC,EACzB,oKACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-cross-32-kKgUD1DN.js b/storybook/assets/icon-cross-32-kKgUD1DN.js
new file mode 100644
index 000000000..b4de029f9
--- /dev/null
+++ b/storybook/assets/icon-cross-32-kKgUD1DN.js
@@ -0,0 +1 @@
+import{c as o}from"./create-icon-prVyFgUx.js";const c=o("m16 15.293 4.6465-4.6464.7071.7071-4.6465 4.6464 4.6465 4.6465-.7071.7071L16 16.7073l-4.6464 4.6464-.7071-.7071 4.6464-4.6465-4.6464-4.6463.7071-.7071z",{height:32,width:32});export{c as I};
diff --git a/storybook/assets/icon-ellipsis-32-J7MTjauF.js b/storybook/assets/icon-ellipsis-32-J7MTjauF.js
new file mode 100644
index 000000000..4f86673b8
--- /dev/null
+++ b/storybook/assets/icon-ellipsis-32-J7MTjauF.js
@@ -0,0 +1 @@
+import{c}from"./create-icon-prVyFgUx.js";const o=c("M11.5 16c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5m6 0c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5m4.5 1.5c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5",{height:32,width:32});export{o as I};
diff --git a/storybook/assets/icon-ellipsis-32-ea05aaf4.js b/storybook/assets/icon-ellipsis-32-ea05aaf4.js
deleted file mode 100644
index 5d8607e70..000000000
--- a/storybook/assets/icon-ellipsis-32-ea05aaf4.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c}from"./create-icon-59b2c318.js";const o=c("M11.5 16c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5Zm6 0c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm4.5 1.5c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z",{height:32,width:32});export{o as I};
-//# sourceMappingURL=icon-ellipsis-32-ea05aaf4.js.map
diff --git a/storybook/assets/icon-ellipsis-32-ea05aaf4.js.map b/storybook/assets/icon-ellipsis-32-ea05aaf4.js.map
deleted file mode 100644
index f2c23a0ee..000000000
--- a/storybook/assets/icon-ellipsis-32-ea05aaf4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-ellipsis-32-ea05aaf4.js","sources":["../../src/icons/icon-32/icon-ellipsis-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconEllipsis32 = createIcon(\n  'M11.5 16c0 .8284-.6716 1.5-1.5 1.5-.82843 0-1.5-.6716-1.5-1.5s.67157-1.5 1.5-1.5c.8284 0 1.5.6716 1.5 1.5Zm6 0c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm4.5 1.5c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconEllipsis32","createIcon","height","width"],"mappings":"yCAGaA,MAAAA,EAAiBC,EAC5B,yRACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-layer-component-16-Cmvba59g.js b/storybook/assets/icon-layer-component-16-Cmvba59g.js
new file mode 100644
index 000000000..a27b1bea7
--- /dev/null
+++ b/storybook/assets/icon-layer-component-16-Cmvba59g.js
@@ -0,0 +1 @@
+import{c as o}from"./create-icon-prVyFgUx.js";const e=o("M5.74273 4.74815 8 2.5002l2.2573 2.24795L8 6.9961zm-.9946 5.50915L2.50018 8l2.24795-2.25727L6.99608 8zm5.50917.9946-2.25732 2.2479-2.25727-2.2479 2.25727-2.24799zm3.2425-3.25189-2.248-2.25727-2.24791 2.25727 2.24791 2.25729z",{height:16,width:16});export{e as I};
diff --git a/storybook/assets/icon-layer-component-16-f7ee7cd7.js b/storybook/assets/icon-layer-component-16-f7ee7cd7.js
deleted file mode 100644
index 100436e21..000000000
--- a/storybook/assets/icon-layer-component-16-f7ee7cd7.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as o}from"./create-icon-59b2c318.js";const e=o("M5.74273 4.74815 8 2.5002l2.2573 2.24795L8 6.9961 5.74273 4.74815Zm-.9946 5.50915L2.50018 8l2.24795-2.25727L6.99608 8l-2.24795 2.2573Zm5.50917.9946-2.25732 2.2479-2.25727-2.2479 2.25727-2.24799 2.25732 2.24799Zm3.2425-3.25189-2.248-2.25727-2.24791 2.25727 2.24791 2.25729 2.248-2.25729Z",{height:16,width:16});export{e as I};
-//# sourceMappingURL=icon-layer-component-16-f7ee7cd7.js.map
diff --git a/storybook/assets/icon-layer-component-16-f7ee7cd7.js.map b/storybook/assets/icon-layer-component-16-f7ee7cd7.js.map
deleted file mode 100644
index 8ded530f7..000000000
--- a/storybook/assets/icon-layer-component-16-f7ee7cd7.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-layer-component-16-f7ee7cd7.js","sources":["../../src/icons/icon-16/icon-layer-component-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerComponent16 = createIcon(\n  'M5.74273 4.74815 8 2.5002l2.2573 2.24795L8 6.9961 5.74273 4.74815Zm-.9946 5.50915L2.50018 8l2.24795-2.25727L6.99608 8l-2.24795 2.2573Zm5.50917.9946-2.25732 2.2479-2.25727-2.2479 2.25727-2.24799 2.25732 2.24799Zm3.2425-3.25189-2.248-2.25727-2.24791 2.25727 2.24791 2.25729 2.248-2.25729Z',\n  { height: 16, width: 16 }\n)\n"],"names":["IconLayerComponent16","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAuBC,EAClC,iSACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-layer-frame-16-89e1c06f.js b/storybook/assets/icon-layer-frame-16-89e1c06f.js
deleted file mode 100644
index 79872d70e..000000000
--- a/storybook/assets/icon-layer-frame-16-89e1c06f.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as h}from"./create-icon-59b2c318.js";const V=h("M6 2.5V5h4V2.5h1V5h2.5v1H11v4h2.5v1H11v2.5h-1V11H6v2.5H5V11H2.5v-1H5V6H2.5V5H5V2.5h1Zm4 7.5V6H6v4h4Z",{height:16,width:16});export{V as I};
-//# sourceMappingURL=icon-layer-frame-16-89e1c06f.js.map
diff --git a/storybook/assets/icon-layer-frame-16-89e1c06f.js.map b/storybook/assets/icon-layer-frame-16-89e1c06f.js.map
deleted file mode 100644
index 28febe82f..000000000
--- a/storybook/assets/icon-layer-frame-16-89e1c06f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-layer-frame-16-89e1c06f.js","sources":["../../src/icons/icon-16/icon-layer-frame-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconLayerFrame16 = createIcon(\n  'M6 2.5V5h4V2.5h1V5h2.5v1H11v4h2.5v1H11v2.5h-1V11H6v2.5H5V11H2.5v-1H5V6H2.5V5H5V2.5h1Zm4 7.5V6H6v4h4Z',\n  { height: 16, width: 16 }\n)\n"],"names":["IconLayerFrame16","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAmBC,EAC9B,uGACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-layer-frame-16-sVAwYanE.js b/storybook/assets/icon-layer-frame-16-sVAwYanE.js
new file mode 100644
index 000000000..0030782b1
--- /dev/null
+++ b/storybook/assets/icon-layer-frame-16-sVAwYanE.js
@@ -0,0 +1 @@
+import{c as H}from"./create-icon-prVyFgUx.js";const h=H("M6 2.5V5h4V2.5h1V5h2.5v1H11v4h2.5v1H11v2.5h-1V11H6v2.5H5V11H2.5v-1H5V6H2.5V5H5V2.5zm4 7.5V6H6v4z",{height:16,width:16});export{h as I};
diff --git a/storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js b/storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js
deleted file mode 100644
index d0eb8ac09..000000000
--- a/storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as e}from"./create-icon-59b2c318.js";const o=e("M13.2069 5.20724 7.70688 10.7072l-.70711.7072-.70711-.7072-3-2.99996 1.41422-1.41421 2.29289 2.29289 4.79293-4.79289 1.4142 1.41421Z",{height:16,width:16});export{o as I};
-//# sourceMappingURL=icon-menu-checkmark-checked-16-11f1d34a.js.map
diff --git a/storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js.map b/storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js.map
deleted file mode 100644
index 1611d343d..000000000
--- a/storybook/assets/icon-menu-checkmark-checked-16-11f1d34a.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-menu-checkmark-checked-16-11f1d34a.js","sources":["../../src/icons/icon-16/icon-menu-checkmark-checked-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconMenuCheckmarkChecked16 = createIcon(\n  'M13.2069 5.20724 7.70688 10.7072l-.70711.7072-.70711-.7072-3-2.99996 1.41422-1.41421 2.29289 2.29289 4.79293-4.79289 1.4142 1.41421Z',\n  { height: 16, width: 16 }\n)\n"],"names":["IconMenuCheckmarkChecked16","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAA6BC,EACxC,uIACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-menu-checkmark-checked-16-YiEcMcv9.js b/storybook/assets/icon-menu-checkmark-checked-16-YiEcMcv9.js
new file mode 100644
index 000000000..27cabb492
--- /dev/null
+++ b/storybook/assets/icon-menu-checkmark-checked-16-YiEcMcv9.js
@@ -0,0 +1 @@
+import{c as e}from"./create-icon-prVyFgUx.js";const o=e("M13.2069 5.20724 7.70688 10.7072l-.70711.7072-.70711-.7072-3-2.99996 1.41422-1.41421 2.29289 2.29289 4.79293-4.79289z",{height:16,width:16});export{o as I};
diff --git a/storybook/assets/icon-plus-32-8b6a0896.js b/storybook/assets/icon-plus-32-8b6a0896.js
deleted file mode 100644
index f6d4b5e32..000000000
--- a/storybook/assets/icon-plus-32-8b6a0896.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as h}from"./create-icon-59b2c318.js";const t=h("M15.5 15.5v-5h1v5h5v1h-5v5h-1v-5h-5v-1h5Z",{height:32,width:32});export{t as I};
-//# sourceMappingURL=icon-plus-32-8b6a0896.js.map
diff --git a/storybook/assets/icon-plus-32-8b6a0896.js.map b/storybook/assets/icon-plus-32-8b6a0896.js.map
deleted file mode 100644
index b5b04313b..000000000
--- a/storybook/assets/icon-plus-32-8b6a0896.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-plus-32-8b6a0896.js","sources":["../../src/icons/icon-32/icon-plus-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconPlus32 = createIcon(\n  'M15.5 15.5v-5h1v5h5v1h-5v5h-1v-5h-5v-1h5Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconPlus32","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAaC,EACxB,4CACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-plus-32-QyIs5gmA.js b/storybook/assets/icon-plus-32-QyIs5gmA.js
new file mode 100644
index 000000000..cb9a99d02
--- /dev/null
+++ b/storybook/assets/icon-plus-32-QyIs5gmA.js
@@ -0,0 +1 @@
+import{c as h}from"./create-icon-prVyFgUx.js";const t=h("M15.5 15.5v-5h1v5h5v1h-5v5h-1v-5h-5v-1z",{height:32,width:32});export{t as I};
diff --git a/storybook/assets/icon-search-32-3e7_9C8J.js b/storybook/assets/icon-search-32-3e7_9C8J.js
new file mode 100644
index 000000000..5ae7bfad3
--- /dev/null
+++ b/storybook/assets/icon-search-32-3e7_9C8J.js
@@ -0,0 +1 @@
+import{c}from"./create-icon-prVyFgUx.js";const t=c("M19.1034 15.0517c0 1.9616-1.5901 3.5517-3.5517 3.5517-1.9615 0-3.5517-1.5901-3.5517-3.5517 0-1.9615 1.5902-3.5517 3.5517-3.5517 1.9616 0 3.5517 1.5902 3.5517 3.5517m-.7062 3.5529c-.7793.625-1.7687.9988-2.8455.9988-2.5138 0-4.5517-2.0378-4.5517-4.5517 0-2.5138 2.0379-4.5517 4.5517-4.5517 2.5139 0 4.5517 2.0379 4.5517 4.5517 0 1.0769-.3739 2.0664-.999 2.8458l3.2491 3.2492-.7071.7071z",{height:32,width:32});export{t as I};
diff --git a/storybook/assets/icon-search-32-6f1a60ac.js b/storybook/assets/icon-search-32-6f1a60ac.js
deleted file mode 100644
index cc9ed03ac..000000000
--- a/storybook/assets/icon-search-32-6f1a60ac.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c}from"./create-icon-59b2c318.js";const t=c("M19.1034 15.0517c0 1.9616-1.5901 3.5517-3.5517 3.5517-1.9615 0-3.5517-1.5901-3.5517-3.5517 0-1.9615 1.5902-3.5517 3.5517-3.5517 1.9616 0 3.5517 1.5902 3.5517 3.5517Zm-.7062 3.5529c-.7793.625-1.7687.9988-2.8455.9988-2.5138 0-4.5517-2.0378-4.5517-4.5517 0-2.5138 2.0379-4.5517 4.5517-4.5517 2.5139 0 4.5517 2.0379 4.5517 4.5517 0 1.0769-.3739 2.0664-.999 2.8458l3.2491 3.2492-.7071.7071-3.2492-3.2492Z",{height:32,width:32});export{t as I};
-//# sourceMappingURL=icon-search-32-6f1a60ac.js.map
diff --git a/storybook/assets/icon-search-32-6f1a60ac.js.map b/storybook/assets/icon-search-32-6f1a60ac.js.map
deleted file mode 100644
index 1bbd2a34f..000000000
--- a/storybook/assets/icon-search-32-6f1a60ac.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-search-32-6f1a60ac.js","sources":["../../src/icons/icon-32/icon-search-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSearch32 = createIcon(\n  'M19.1034 15.0517c0 1.9616-1.5901 3.5517-3.5517 3.5517-1.9615 0-3.5517-1.5901-3.5517-3.5517 0-1.9615 1.5902-3.5517 3.5517-3.5517 1.9616 0 3.5517 1.5902 3.5517 3.5517Zm-.7062 3.5529c-.7793.625-1.7687.9988-2.8455.9988-2.5138 0-4.5517-2.0378-4.5517-4.5517 0-2.5138 2.0379-4.5517 4.5517-4.5517 2.5139 0 4.5517 2.0379 4.5517 4.5517 0 1.0769-.3739 2.0664-.999 2.8458l3.2491 3.2492-.7071.7071-3.2492-3.2492Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconSearch32","createIcon","height","width"],"mappings":"yCAGaA,MAAAA,EAAeC,EAC1B,kZACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-space-horizontal-16-8c2b3927.js b/storybook/assets/icon-space-horizontal-16-8c2b3927.js
deleted file mode 100644
index 5d371fb26..000000000
--- a/storybook/assets/icon-space-horizontal-16-8c2b3927.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as h}from"./create-icon-59b2c318.js";const t=h("M2 3h2v10H2v1h3V2H2v1Zm10-1h3v1h-2v10h2v1h-3V2Zm-4 9V5h1v6H8Z",{height:16,width:16});export{t as I};
-//# sourceMappingURL=icon-space-horizontal-16-8c2b3927.js.map
diff --git a/storybook/assets/icon-space-horizontal-16-8c2b3927.js.map b/storybook/assets/icon-space-horizontal-16-8c2b3927.js.map
deleted file mode 100644
index 52a09c91f..000000000
--- a/storybook/assets/icon-space-horizontal-16-8c2b3927.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-space-horizontal-16-8c2b3927.js","sources":["../../src/icons/icon-16/icon-space-horizontal-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconSpaceHorizontal16 = createIcon(\n  'M2 3h2v10H2v1h3V2H2v1Zm10-1h3v1h-2v10h2v1h-3V2Zm-4 9V5h1v6H8Z',\n  { height: 16, width: 16 }\n)\n"],"names":["IconSpaceHorizontal16","createIcon","height","width"],"mappings":"8CAGaA,MAAAA,EAAwBC,EACnC,gEACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-space-horizontal-16-X-oA0OB9.js b/storybook/assets/icon-space-horizontal-16-X-oA0OB9.js
new file mode 100644
index 000000000..df3a591d4
--- /dev/null
+++ b/storybook/assets/icon-space-horizontal-16-X-oA0OB9.js
@@ -0,0 +1 @@
+import{c as h}from"./create-icon-prVyFgUx.js";const t=h("M2 3h2v10H2v1h3V2H2zm10-1h3v1h-2v10h2v1h-3V2.5zm-4 9V5h1v6z",{height:16,width:16});export{t as I};
diff --git a/storybook/assets/icon-text-align-right-16-51b4aacc.js b/storybook/assets/icon-text-align-right-16-51b4aacc.js
deleted file mode 100644
index 0877ab040..000000000
--- a/storybook/assets/icon-text-align-right-16-51b4aacc.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c as h}from"./create-icon-59b2c318.js";const e=h("M1 3h14v1H1V3Zm3 4h8v1H4V7Zm9 4H3v1h10v-1Z",{height:16,width:16}),v=h("M1 3h14v1H1V3Zm0 4h8v1H1V7Zm10 4H1v1h10v-1Z",{height:16,width:16}),i=h("M1 3h14v1H1V3Zm6 4h8v1H7V7Zm8 4H5v1h10v-1Z",{height:16,width:16});export{e as I,v as a,i as b};
-//# sourceMappingURL=icon-text-align-right-16-51b4aacc.js.map
diff --git a/storybook/assets/icon-text-align-right-16-51b4aacc.js.map b/storybook/assets/icon-text-align-right-16-51b4aacc.js.map
deleted file mode 100644
index 23f2b7604..000000000
--- a/storybook/assets/icon-text-align-right-16-51b4aacc.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-text-align-right-16-51b4aacc.js","sources":["../../src/icons/icon-16/icon-text-align-center-16.ts","../../src/icons/icon-16/icon-text-align-left-16.ts","../../src/icons/icon-16/icon-text-align-right-16.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTextAlignCenter16 = createIcon(\n  'M1 3h14v1H1V3Zm3 4h8v1H4V7Zm9 4H3v1h10v-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTextAlignLeft16 = createIcon(\n  'M1 3h14v1H1V3Zm0 4h8v1H1V7Zm10 4H1v1h10v-1Z',\n  { height: 16, width: 16 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconTextAlignRight16 = createIcon(\n  'M1 3h14v1H1V3Zm6 4h8v1H7V7Zm8 4H5v1h10v-1Z',\n  { height: 16, width: 16 }\n)\n"],"names":["IconTextAlignCenter16","createIcon","height","width","IconTextAlignLeft16","IconTextAlignRight16"],"mappings":"8CAGaA,MAAAA,EAAwBC,EACnC,6CACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B,ECHaC,EAAsBH,EACjC,8CACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B,ECHaE,EAAuBJ,EAClC,6CACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/icon-text-align-right-16-J_jF2sTt.js b/storybook/assets/icon-text-align-right-16-J_jF2sTt.js
new file mode 100644
index 000000000..94b3be717
--- /dev/null
+++ b/storybook/assets/icon-text-align-right-16-J_jF2sTt.js
@@ -0,0 +1 @@
+import{c as h}from"./create-icon-prVyFgUx.js";const e=h("M1 3h14v1H1zm3 4h8v1H4zm9 4H3v1h10z",{height:16,width:16}),i=h("M1 3h14v1H1zm0 4h8v1H1zm10 4H1v1h10z",{height:16,width:16}),n=h("M1 3h14v1H1zm6 4h8v1H7zm8 4H5v1h10z",{height:16,width:16});export{i as I,e as a,n as b};
diff --git a/storybook/assets/icon-toggle-button-911bd8b2.js.map b/storybook/assets/icon-toggle-button-911bd8b2.js.map
deleted file mode 100644
index fcd146540..000000000
--- a/storybook/assets/icon-toggle-button-911bd8b2.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-toggle-button-911bd8b2.js","sources":["../../src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './icon-toggle-button.module.css'\n\nexport interface IconToggleButtonProps\n  extends FocusableComponentProps {\n  children: ComponentChildren\n  disabled?: boolean\n  onChange?: EventHandler.onChange\n  onValueChange?: EventHandler.onValueChange\n  value: boolean\n}\n\nexport const IconToggleButton = createComponent<\n  HTMLInputElement,\n  IconToggleButtonProps\n>(function (\n  {\n    children,\n    disabled = false,\n    onChange = noop,\n    onKeyDown = noop,\n    onValueChange = noop,\n    propagateEscapeKeyDown = true,\n    value,\n    ...rest\n  },\n  ref\n) {\n  const handleChange = useCallback(\n    function (event: Event.onChange) {\n      onChange(event)\n      const newValue = event.currentTarget.checked === true\n      onValueChange(newValue)\n    },\n    [onChange, onValueChange]\n  )\n\n  const handleKeyDown = useCallback(\n    function (event: Event.onKeyDown) {\n      onKeyDown(event)\n      if (event.key === 'Escape') {\n        if (propagateEscapeKeyDown === false) {\n          event.stopPropagation()\n        }\n        event.currentTarget.blur()\n      }\n    },\n    [onKeyDown, propagateEscapeKeyDown]\n  )\n\n  return (\n    \n      \n      
\n        
{children}
\n      
\n    \n  )\n})\n"],"names":["IconToggleButton","createComponent","children","disabled","onChange","noop","onKeyDown","onValueChange","propagateEscapeKeyDown","value","rest","ref","handleChange","useCallback","event","newValue","currentTarget","checked","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","iconToggleButton","_jsx","input","tabIndex","type","box","icon"],"mappings":"mXAmBaA,EAAmBC,EAG9B,SACA,CACEC,SAAAA,EACAC,SAAAA,EAAW,GACXC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDV,EAASU,CAAK,EACRC,MAAAA,EAAWD,EAAME,cAAcC,UAAY,GACjDV,EAAcQ,CAAQ,CAAA,EAExB,CAACX,EAAUG,CAAa,CAC1B,EAEMW,EAAgBL,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMK,MAAQ,WACZX,IAA2B,IAC7BM,EAAMM,gBAAgB,EAExBN,EAAME,cAAcK,OACtB,EAEF,CAACf,EAAWE,CAAsB,CACpC,EAEA,OACEc,EAAA,QAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,iBACPvB,IAAa,GAAOsB,EAAOtB,SAAW,IAAI,CAC3C,EAAED,UAEHyB,EAAA,QAAA,CAAA,GACMjB,EACJC,IAAAA,EACAM,QAASR,IAAU,GACnBc,MAAOE,EAAOG,MACdzB,SAAUA,IAAa,GACvBC,SAAUQ,EACVN,UAAWY,EACXW,SAAU,EACVC,KAAK,UAAA,CACN,EACDH,EAAA,MAAA,CAAKJ,MAAOE,EAAOM,IAAI7B,SACrByB,EAAA,MAAA,CAAKJ,MAAOE,EAAOO,KAAK9B,SAAAA,CAAAA,CAAgB,CAAA,CACrC,CAAC,CAAA,CACD,CAEX,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/icon-toggle-button-342fdf52.css b/storybook/assets/icon-toggle-button-EUl5wPvh.css
similarity index 100%
rename from storybook/assets/icon-toggle-button-342fdf52.css
rename to storybook/assets/icon-toggle-button-EUl5wPvh.css
diff --git a/storybook/assets/icon-toggle-button-911bd8b2.js b/storybook/assets/icon-toggle-button-PibQK2T8.js
similarity index 69%
rename from storybook/assets/icon-toggle-button-911bd8b2.js
rename to storybook/assets/icon-toggle-button-PibQK2T8.js
index a927fa9a4..f80dbbefc 100644
--- a/storybook/assets/icon-toggle-button-911bd8b2.js
+++ b/storybook/assets/icon-toggle-button-PibQK2T8.js
@@ -1,2 +1 @@
-import{c as m,T as r}from"./create-component-b0512abd.js";import{c as T}from"./create-class-name-71c46838.js";import{n as c}from"./no-op-cb277961.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const h="_iconToggleButton_lawt0_1",x="_input_lawt0_7",w="_disabled_lawt0_17",B="_box_lawt0_21",k="_icon_lawt0_1",t={iconToggleButton:h,input:x,disabled:w,box:B,icon:k},P=m(function({children:u,disabled:e=!1,onChange:s=c,onKeyDown:i=c,onValueChange:l=c,propagateEscapeKeyDown:a=!0,value:d,..._},p){const b=r(function(o){s(o);const f=o.currentTarget.checked===!0;l(f)},[s,l]),g=r(function(o){i(o),o.key==="Escape"&&(a===!1&&o.stopPropagation(),o.currentTarget.blur())},[i,a]);return n("label",{class:T([t.iconToggleButton,e===!0?t.disabled:null]),children:[n("input",{..._,ref:p,checked:d===!0,class:t.input,disabled:e===!0,onChange:b,onKeyDown:g,tabIndex:0,type:"checkbox"}),n("div",{class:t.box,children:n("div",{class:t.icon,children:u})})]})});export{P as I};
-//# sourceMappingURL=icon-toggle-button-911bd8b2.js.map
+import{c as m,T as r}from"./create-component-a83A1_Pu.js";import{c as T}from"./create-class-name-gq91Tlk7.js";import{n as c}from"./no-op-Uu3q6ZSj.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";const h="_iconToggleButton_lawt0_1",x="_input_lawt0_7",w="_disabled_lawt0_17",B="_box_lawt0_21",k="_icon_lawt0_1",t={iconToggleButton:h,input:x,disabled:w,box:B,icon:k},P=m(function({children:u,disabled:e=!1,onChange:s=c,onKeyDown:i=c,onValueChange:l=c,propagateEscapeKeyDown:a=!0,value:d,..._},p){const b=r(function(o){s(o);const f=o.currentTarget.checked===!0;l(f)},[s,l]),g=r(function(o){i(o),o.key==="Escape"&&(a===!1&&o.stopPropagation(),o.currentTarget.blur())},[i,a]);return n("label",{class:T([t.iconToggleButton,e===!0?t.disabled:null]),children:[n("input",{..._,ref:p,checked:d===!0,class:t.input,disabled:e===!0,onChange:b,onKeyDown:g,tabIndex:0,type:"checkbox"}),n("div",{class:t.box,children:n("div",{class:t.icon,children:u})})]})});export{P as I};
diff --git a/storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js.map b/storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js.map
deleted file mode 100644
index cf174a6ca..000000000
--- a/storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-toggle-button-selected.stories-e7bf491b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js b/storybook/assets/icon-toggle-button-selected.stories-r7c-itNJ.js
similarity index 84%
rename from storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js
rename to storybook/assets/icon-toggle-button-selected.stories-r7c-itNJ.js
index 0a0833fde..7811d3a3b 100644
--- a/storybook/assets/icon-toggle-button-selected.stories-e7bf491b.js
+++ b/storybook/assets/icon-toggle-button-selected.stories-r7c-itNJ.js
@@ -1,4 +1,4 @@
-import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-initial-focus-57bdde46.js";import{I as i}from"./icon-ellipsis-32-ea05aaf4.js";import{I as g}from"./icon-toggle-button-911bd8b2.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const L={tags:["2"],title:"Components/Icon Toggle Button/Selected"},u=function(){const[n,t]=d(!0);function a(o){const r=o.currentTarget.checked;console.log(r),t(r)}return e(g,{onChange:a,value:n,children:e(i,{})})},l=function(){const[n,t]=d(!0);function a(o){const r=o.currentTarget.checked;console.log(r),t(r)}return e(g,{...S(),onChange:a,value:n,children:e(i,{})})},s=function(){function n(){throw new Error("This function should not be called")}return e(g,{disabled:!0,onChange:n,value:!0,children:e(i,{})})},c=function(){const[n,t]=d(!0);function a(o){console.log(o),t(o)}return e(g,{onValueChange:a,value:n,children:e(i,{})})};var h,p,m;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+import{h as d}from"./create-component-a83A1_Pu.js";import{u as S}from"./use-initial-focus-xmfxIugy.js";import{I as i}from"./icon-ellipsis-32-J7MTjauF.js";import{I as g}from"./icon-toggle-button-PibQK2T8.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const L={tags:["2"],title:"Components/Icon Toggle Button/Selected"},u=function(){const[n,t]=d(!0);function a(o){const r=o.currentTarget.checked;console.log(r),t(r)}return e(g,{onChange:a,value:n,children:e(i,{})})},l=function(){const[n,t]=d(!0);function a(o){const r=o.currentTarget.checked;console.log(r),t(r)}return e(g,{...S(),onChange:a,value:n,children:e(i,{})})},s=function(){function n(){throw new Error("This function should not be called")}return e(g,{disabled:!0,onChange:n,value:!0,children:e(i,{})})},c=function(){const[n,t]=d(!0);function a(o){console.log(o),t(o)}return e(g,{onValueChange:a,value:n,children:e(i,{})})};var h,p,m;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(true);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as S}from"./use-init
       
     ;
 }`,...(B=(E=c.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const M=["Passive","Focused","Disabled","OnValueChange"];export{s as Disabled,l as Focused,c as OnValueChange,u as Passive,M as __namedExportsOrder,L as default};
-//# sourceMappingURL=icon-toggle-button-selected.stories-e7bf491b.js.map
diff --git a/storybook/assets/icon-toggle-button-unselected.stories-70e73244.js.map b/storybook/assets/icon-toggle-button-unselected.stories-70e73244.js.map
deleted file mode 100644
index 235db8f79..000000000
--- a/storybook/assets/icon-toggle-button-unselected.stories-70e73244.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-toggle-button-unselected.stories-70e73244.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/icon-toggle-button-unselected.stories-70e73244.js b/storybook/assets/icon-toggle-button-unselected.stories-l0BL0ljN.js
similarity index 83%
rename from storybook/assets/icon-toggle-button-unselected.stories-70e73244.js
rename to storybook/assets/icon-toggle-button-unselected.stories-l0BL0ljN.js
index b37cecd8a..8eb38c37a 100644
--- a/storybook/assets/icon-toggle-button-unselected.stories-70e73244.js
+++ b/storybook/assets/icon-toggle-button-unselected.stories-l0BL0ljN.js
@@ -1,4 +1,4 @@
-import{h as d}from"./create-component-b0512abd.js";import{u as b}from"./use-initial-focus-57bdde46.js";import{I as i}from"./icon-ellipsis-32-ea05aaf4.js";import{I as g}from"./icon-toggle-button-911bd8b2.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const L={tags:["1"],title:"Components/Icon Toggle Button/Unselected"},s=function(){const[n,a]=d(!1);function t(o){const l=o.currentTarget.checked;console.log(l),a(l)}return e(g,{onChange:t,value:n,children:e(i,{})})},r=function(){const[n,a]=d(!1);function t(o){const l=o.currentTarget.checked;console.log(l),a(l)}return e(g,{...b(),onChange:t,value:n,children:e(i,{})})},u=function(){function n(){throw new Error("This function should not be called")}return e(g,{disabled:!0,onChange:n,value:!1,children:e(i,{})})},c=function(){const[n,a]=d(!1);function t(o){console.log(o),a(o)}return e(g,{onValueChange:t,value:n,children:e(i,{})})};var h,p,m;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+import{h as d}from"./create-component-a83A1_Pu.js";import{u as b}from"./use-initial-focus-xmfxIugy.js";import{I as i}from"./icon-ellipsis-32-J7MTjauF.js";import{I as g}from"./icon-toggle-button-PibQK2T8.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const L={tags:["1"],title:"Components/Icon Toggle Button/Unselected"},s=function(){const[n,a]=d(!1);function t(o){const l=o.currentTarget.checked;console.log(l),a(l)}return e(g,{onChange:t,value:n,children:e(i,{})})},r=function(){const[n,a]=d(!1);function t(o){const l=o.currentTarget.checked;console.log(l),a(l)}return e(g,{...b(),onChange:t,value:n,children:e(i,{})})},u=function(){function n(){throw new Error("This function should not be called")}return e(g,{disabled:!0,onChange:n,value:!1,children:e(i,{})})},c=function(){const[n,a]=d(!1);function t(o){console.log(o),a(o)}return e(g,{onValueChange:t,value:n,children:e(i,{})})};var h,p,m;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(false);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -35,4 +35,3 @@ import{h as d}from"./create-component-b0512abd.js";import{u as b}from"./use-init
       
     ;
 }`,...(B=(E=c.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const M=["Passive","Focused","Disabled","OnValueChange"];export{u as Disabled,r as Focused,c as OnValueChange,s as Passive,M as __namedExportsOrder,L as default};
-//# sourceMappingURL=icon-toggle-button-unselected.stories-70e73244.js.map
diff --git a/storybook/assets/icon-warning-32-EzzE98O2.js b/storybook/assets/icon-warning-32-EzzE98O2.js
new file mode 100644
index 000000000..0d5557be1
--- /dev/null
+++ b/storybook/assets/icon-warning-32-EzzE98O2.js
@@ -0,0 +1 @@
+import{c}from"./create-icon-prVyFgUx.js";const t=c("M23 15.9999c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7.00002 7-7.00002 7 3.13402 7 7.00002m1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8.00002 8-8.00002 8 3.58172 8 8.00002m-8.0889 2.8654 4-4.4999-.8222-.7308-3.6125 4.0639-2.5875-2.5874-.7778.7778 3 2.9999.4125.4124z",{height:32,width:32}),h=c("M9 16c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7m7 8c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8-3.5817 8-8 8m-.5-4.5v-4h1v4zm1.25-6.4999c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-.0686c0-.4142.3358-.75.75-.75s.75.3358.75.75z",{height:32,width:32}),o=c("M23.2901 22 16 9.03973 8.70983 22zM16.8716 8.54947c-.3823-.67965-1.3609-.67965-1.7432 0L7.83825 21.5097C7.46329 22.1763 7.945 23 8.70983 23H23.2901c.7649 0 1.2466-.8237.8716-1.4903zm-.8717 4.42383c.4142 0 .75.3358.75.75v2.5294c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-2.5294c0-.4142.3358-.75.75-.75m1 6.5269c0-.5523-.4477-1-1-1s-1 .4477-1 1v.0685c0 .5523.4477 1 1 1s1-.4477 1-1z",{height:32,width:32});export{h as I,t as a,o as b};
diff --git a/storybook/assets/icon-warning-32-b4db70b9.js b/storybook/assets/icon-warning-32-b4db70b9.js
deleted file mode 100644
index bad29f5aa..000000000
--- a/storybook/assets/icon-warning-32-b4db70b9.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c}from"./create-icon-59b2c318.js";const h=c("M23 15.9999c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7.00002 7-7.00002 7 3.13402 7 7.00002Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8.00002 8-8.00002 8 3.58172 8 8.00002Zm-8.0889 2.8654 4-4.4999-.8222-.7308-3.6125 4.0639-2.5875-2.5874-.7778.7778 3 2.9999.4125.4124.3875-.4359Z",{height:32,width:32}),t=c("M9 16c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7Zm7 8c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8-3.5817 8-8 8Zm-.5-4.5v-4h1v4h-1Zm1.25-6.4999c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-.0686c0-.4142.3358-.75.75-.75s.75.3358.75.75v.0686Z",{height:32,width:32}),o=c("M23.2901 22 16 9.03973 8.70983 22H23.2901ZM16.8716 8.54947c-.3823-.67965-1.3609-.67965-1.7432 0L7.83825 21.5097C7.46329 22.1763 7.945 23 8.70983 23H23.2901c.7649 0 1.2466-.8237.8716-1.4903L16.8716 8.54947Zm-.8717 4.42383c.4142 0 .75.3358.75.75v2.5294c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-2.5294c0-.4142.3358-.75.75-.75Zm1 6.5269c0-.5523-.4477-1-1-1s-1 .4477-1 1v.0685c0 .5523.4477 1 1 1s1-.4477 1-1v-.0685Z",{height:32,width:32});export{t as I,h as a,o as b};
-//# sourceMappingURL=icon-warning-32-b4db70b9.js.map
diff --git a/storybook/assets/icon-warning-32-b4db70b9.js.map b/storybook/assets/icon-warning-32-b4db70b9.js.map
deleted file mode 100644
index 90da28744..000000000
--- a/storybook/assets/icon-warning-32-b4db70b9.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"icon-warning-32-b4db70b9.js","sources":["../../src/icons/icon-32/icon-check-circle-32.ts","../../src/icons/icon-32/icon-info-32.ts","../../src/icons/icon-32/icon-warning-32.ts"],"sourcesContent":["// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconCheckCircle32 = createIcon(\n  'M23 15.9999c0 3.866-3.134 7-7 7s-7-3.134-7-7 3.134-7.00002 7-7.00002 7 3.13402 7 7.00002Zm1 0c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8.00002 8-8.00002 8 3.58172 8 8.00002Zm-8.0889 2.8654 4-4.4999-.8222-.7308-3.6125 4.0639-2.5875-2.5874-.7778.7778 3 2.9999.4125.4124.3875-.4359Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconInfo32 = createIcon(\n  'M9 16c0-3.866 3.134-7 7-7s7 3.134 7 7-3.134 7-7 7-7-3.134-7-7Zm7 8c-4.4183 0-8-3.5817-8-8s3.5817-8 8-8 8 3.5817 8 8-3.5817 8-8 8Zm-.5-4.5v-4h1v4h-1Zm1.25-6.4999c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-.0686c0-.4142.3358-.75.75-.75s.75.3358.75.75v.0686Z',\n  { height: 32, width: 32 }\n)\n","// THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.\nimport { createIcon } from '../create-icon'\n\nexport const IconWarning32 = createIcon(\n  'M23.2901 22 16 9.03973 8.70983 22H23.2901ZM16.8716 8.54947c-.3823-.67965-1.3609-.67965-1.7432 0L7.83825 21.5097C7.46329 22.1763 7.945 23 8.70983 23H23.2901c.7649 0 1.2466-.8237.8716-1.4903L16.8716 8.54947Zm-.8717 4.42383c.4142 0 .75.3358.75.75v2.5294c0 .4142-.3358.75-.75.75s-.75-.3358-.75-.75v-2.5294c0-.4142.3358-.75.75-.75Zm1 6.5269c0-.5523-.4477-1-1-1s-1 .4477-1 1v.0685c0 .5523.4477 1 1 1s1-.4477 1-1v-.0685Z',\n  { height: 32, width: 32 }\n)\n"],"names":["IconCheckCircle32","createIcon","height","width","IconInfo32","IconWarning32"],"mappings":"yCAGaA,MAAAA,EAAoBC,EAC/B,4RACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B,ECHaC,EAAaH,EACxB,mQACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B,ECHaE,EAAgBJ,EAC3B,gaACA,CAAEC,OAAQ,GAAIC,MAAO,EAAG,CAC1B"}
\ No newline at end of file
diff --git a/storybook/assets/iframe-394fd2bd.js b/storybook/assets/iframe-394fd2bd.js
deleted file mode 100644
index bccb8f865..000000000
--- a/storybook/assets/iframe-394fd2bd.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))d(s);new MutationObserver(s=>{for(const o of s)if(o.type==="childList")for(const e of o.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&d(e)}).observe(document,{childList:!0,subtree:!0});function n(s){const o={};return s.integrity&&(o.integrity=s.integrity),s.referrerPolicy&&(o.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?o.credentials="include":s.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function d(s){if(s.ep)return;s.ep=!0;const o=n(s);fetch(s.href,o)}})();const E="modulepreload",p=function(r){return"/create-figma-plugin/storybook/"+r},l={},t=function(_,n,d){if(!n||n.length===0)return _();const s=document.getElementsByTagName("link");return Promise.all(n.map(o=>{if(o=p(o),o in l)return;l[o]=!0;const e=o.endsWith(".css"),m=e?'[rel="stylesheet"]':"";if(!!d)for(let c=s.length-1;c>=0;c--){const a=s[c];if(a.href===o&&(!e||a.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${o}"]${m}`))return;const i=document.createElement("link");if(i.rel=e?"stylesheet":E,e||(i.as="script",i.crossOrigin=""),i.href=o,document.head.appendChild(i),e)return new Promise((c,a)=>{i.addEventListener("load",c),i.addEventListener("error",()=>a(new Error(`Unable to preload CSS for ${o}`)))})})).then(()=>_()).catch(o=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=o,window.dispatchEvent(e),!e.defaultPrevented)throw o})},{createBrowserChannel:x}=__STORYBOOK_MODULE_CHANNELS__,{addons:O}=__STORYBOOK_MODULE_PREVIEW_API__,u=x({page:"preview"});O.setChannel(u);window.__STORYBOOK_ADDONS_CHANNEL__=u;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=u);const y={"./src/index.stories.tsx":async()=>t(()=>import("./index.stories-8bf340f0.js"),["assets/index.stories-8bf340f0.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/banner-0efaf16b.js","assets/create-class-name-71c46838.js","assets/jsxRuntime.module-632ba37d.js","assets/banner-464dc457.css","assets/button-49678b56.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/dropdown-b1c572a4.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-control-chevron-down-8-c2f32eaf.js","assets/create-icon-59b2c318.js","assets/create-icon-29ab0592.css","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/constants-4a59d305.js","assets/dropdown-19ea46e3.css","assets/file-upload-button-ff119540.js","assets/file-comparator-3bc6e99f.js","assets/file-upload-button-de7a1991.css","assets/file-upload-dropzone-66f5398d.js","assets/file-upload-dropzone-63bdf16e.css","assets/layer-5c2c61bd.js","assets/layer-64539675.css","assets/modal-ca5c9550.js","assets/icon-cross-32-9903a829.js","assets/create-focus-trap-key-down-handler-e65db33a.js","assets/icon-button-10110ab3.js","assets/icon-button-6f0f9066.css","assets/text-72c2365d.js","assets/text-6f7d014d.css","assets/modal-d53550d7.css","assets/range-slider-526ae6e9.js","assets/range-slider-8dd2362a.css","assets/segmented-control-f234bae1.js","assets/segmented-control-106855eb.css","assets/textbox-color-e09f9d9a.js","assets/raw-textbox-numeric-737ada3a.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox-color-ee72081b.css","assets/textbox-numeric-1a566c07.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/textbox-numeric-5e4979cb.css","assets/toggle-d38d149f.js","assets/toggle-f105433d.css","assets/icon-layer-component-16-f7ee7cd7.js","assets/icon-layer-frame-16-89e1c06f.js","assets/icon-space-horizontal-16-8c2b3927.js","assets/icon-warning-32-b4db70b9.js","assets/bold-fe504295.js","assets/bold-bec3b1f9.css","assets/muted-c4f74b69.js","assets/muted-c00cd133.css","assets/columns-290be62d.js","assets/columns-9e8b9a5e.css","assets/stack-a63253f7.js","assets/stack-858d83b9.css","assets/vertical-space-f6719a71.js","assets/vertical-space-5486dd52.css"]),"./src/layout/vertical-space/stories/vertical-space.stories.tsx":async()=>t(()=>import("./vertical-space.stories-d7dd5a5e.js"),["assets/vertical-space.stories-d7dd5a5e.js","assets/vertical-space-f6719a71.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/vertical-space-5486dd52.css"]),"./src/layout/middle-align/stories/middle-align.stories.tsx":async()=>t(()=>import("./middle-align.stories-fb63b6cf.js"),["assets/middle-align.stories-fb63b6cf.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/middle-align.stories-349e7086.css"]),"./src/layout/stack/stories/stack.stories.tsx":async()=>t(()=>import("./stack.stories-f0b656f0.js"),["assets/stack.stories-f0b656f0.js","assets/stack-a63253f7.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/jsxRuntime.module-632ba37d.js","assets/stack-858d83b9.css"]),"./src/layout/inline/stories/inline.stories.tsx":async()=>t(()=>import("./inline.stories-36ef1375.js"),["assets/inline.stories-36ef1375.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/jsxRuntime.module-632ba37d.js","assets/inline.stories-9fe0824d.css"]),"./src/layout/container/stories/container.stories.tsx":async()=>t(()=>import("./container.stories-db68c1b3.js"),["assets/container.stories-db68c1b3.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/container.stories-61d8a847.css"]),"./src/layout/columns/stories/columns.stories.tsx":async()=>t(()=>import("./columns.stories-1299682b.js"),["assets/columns.stories-1299682b.js","assets/columns-290be62d.js","assets/preact.module-fa42f7d1.js","assets/create-class-name-71c46838.js","assets/create-component-b0512abd.js","assets/jsxRuntime.module-632ba37d.js","assets/columns-9e8b9a5e.css"]),"./src/inline-text/muted/stories/muted.stories.tsx":async()=>t(()=>import("./muted.stories-f50fa510.js"),["assets/muted.stories-f50fa510.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/muted-c4f74b69.js","assets/muted-c00cd133.css"]),"./src/inline-text/link/stories/link.stories.tsx":async()=>t(()=>import("./link.stories-8f4fc19d.js"),["assets/link.stories-8f4fc19d.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/no-op-cb277961.js","assets/link.stories-43d6b0b7.css"]),"./src/inline-text/code/stories/code.stories.tsx":async()=>t(()=>import("./code.stories-8a74b352.js"),["assets/code.stories-8a74b352.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/code.stories-8acd8039.css"]),"./src/inline-text/bold/stories/bold.stories.tsx":async()=>t(()=>import("./bold.stories-5a775a7f.js"),["assets/bold.stories-5a775a7f.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/bold-fe504295.js","assets/bold-bec3b1f9.css"]),"./src/icons/icon-8/stories/icon-8.stories.tsx":async()=>t(()=>import("./icon-8.stories-c9112dec.js"),["assets/icon-8.stories-c9112dec.js","assets/icon-control-chevron-down-8-c2f32eaf.js","assets/create-icon-59b2c318.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css"]),"./src/icons/icon-12/stories/icon-12.stories.tsx":async()=>t(()=>import("./icon-12.stories-246a554b.js"),["assets/icon-12.stories-246a554b.js","assets/icon-control-checkbox-checked-12-fd838326.js","assets/create-icon-59b2c318.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css"]),"./src/hooks/use-initial-focus/stories/use-initial-focus.stories.tsx":async()=>t(()=>import("./use-initial-focus.stories-e2a5d5aa.js"),["assets/use-initial-focus.stories-e2a5d5aa.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/textbox-cbecdc05.js","assets/get-current-from-ref-47f174f6.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/vertical-space-f6719a71.js","assets/vertical-space-5486dd52.css","assets/use-initial-focus-57bdde46.js"]),"./src/icons/icon-16/stories/icon-16.stories.tsx":async()=>t(()=>import("./icon-16.stories-dff3ba7c.js"),["assets/icon-16.stories-dff3ba7c.js","assets/create-icon-59b2c318.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/icon-caret-right-16-f2a2bc99.js","assets/icon-layer-component-16-f7ee7cd7.js","assets/icon-layer-frame-16-89e1c06f.js","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/icon-space-horizontal-16-8c2b3927.js","assets/icon-text-align-right-16-51b4aacc.js"]),"./src/hooks/use-form/stories/use-form.stories.tsx":async()=>t(()=>import("./use-form.stories-2103883c.js"),["assets/use-form.stories-2103883c.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/text-72c2365d.js","assets/text-6f7d014d.css","assets/textbox-cbecdc05.js","assets/get-current-from-ref-47f174f6.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/vertical-space-f6719a71.js","assets/vertical-space-5486dd52.css","assets/use-focus-trap-22e1816a.js","assets/create-focus-trap-key-down-handler-e65db33a.js","assets/use-initial-focus-57bdde46.js"]),"./src/hooks/use-focus-trap/stories/use-focus-trap.stories.tsx":async()=>t(()=>import("./use-focus-trap.stories-093f69e2.js"),["assets/use-focus-trap.stories-093f69e2.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/textbox-cbecdc05.js","assets/get-current-from-ref-47f174f6.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/vertical-space-f6719a71.js","assets/vertical-space-5486dd52.css","assets/use-focus-trap-22e1816a.js","assets/create-focus-trap-key-down-handler-e65db33a.js"]),"./src/icons/icon-32/stories/icon-32.stories.tsx":async()=>t(()=>import("./icon-32.stories-7ed91ff0.js"),["assets/icon-32.stories-7ed91ff0.js","assets/create-icon-59b2c318.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/icon-warning-32-b4db70b9.js","assets/icon-chevron-down-32-21cd5cae.js","assets/icon-cross-32-9903a829.js","assets/icon-ellipsis-32-ea05aaf4.js","assets/icon-plus-32-8b6a0896.js","assets/icon-search-32-6f1a60ac.js"]),"./src/components/toggle/stories/toggle-unselected.stories.tsx":async()=>t(()=>import("./toggle-unselected.stories-bb83c243.js"),["assets/toggle-unselected.stories-bb83c243.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/toggle-d38d149f.js","assets/no-op-cb277961.js","assets/toggle-f105433d.css"]),"./src/components/toggle/stories/toggle-selected.stories.tsx":async()=>t(()=>import("./toggle-selected.stories-77ae03f0.js"),["assets/toggle-selected.stories-77ae03f0.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/toggle-d38d149f.js","assets/no-op-cb277961.js","assets/toggle-f105433d.css"]),"./src/components/tabs/stories/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-5ea73981.js"),["assets/tabs.stories-5ea73981.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/jsxRuntime.module-632ba37d.js","assets/tabs.stories-1b85315c.css"]),"./src/components/selectable-item/stories/selectable-item-unselected.stories.tsx":async()=>t(()=>import("./selectable-item-unselected.stories-9d294fae.js"),["assets/selectable-item-unselected.stories-9d294fae.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/selectable-item-c557a788.js","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/selectable-item-9882cb9e.css"]),"./src/components/selectable-item/stories/selectable-item-selected.stories.tsx":async()=>t(()=>import("./selectable-item-selected.stories-1d766c1c.js"),["assets/selectable-item-selected.stories-1d766c1c.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/selectable-item-c557a788.js","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/selectable-item-9882cb9e.css"]),"./src/components/text/stories/text.stories.tsx":async()=>t(()=>import("./text.stories-fb46e146.js"),["assets/text.stories-fb46e146.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css"]),"./src/components/search-textbox/stories/search-textbox.stories.tsx":async()=>t(()=>import("./search-textbox.stories-fedd062a.js"),["assets/search-textbox.stories-fedd062a.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-cross-32-9903a829.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/icon-search-32-6f1a60ac.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/search-textbox.stories-59c6be1c.css"]),"./src/components/segmented-control/stories/segmented-control.stories.tsx":async()=>t(()=>import("./segmented-control.stories-d7784e58.js"),["assets/segmented-control.stories-d7784e58.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-text-align-right-16-51b4aacc.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/segmented-control-f234bae1.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/segmented-control-106855eb.css"]),"./src/components/range-slider/stories/range-slider.stories.tsx":async()=>t(()=>import("./range-slider.stories-8b06c019.js"),["assets/range-slider.stories-8b06c019.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/use-initial-focus-57bdde46.js","assets/vertical-space-f6719a71.js","assets/jsxRuntime.module-632ba37d.js","assets/vertical-space-5486dd52.css","assets/textbox-numeric-1a566c07.js","assets/create-class-name-71c46838.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/raw-textbox-numeric-737ada3a.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox-numeric-5e4979cb.css","assets/range-slider-526ae6e9.js","assets/range-slider-8dd2362a.css"]),"./src/components/radio-buttons/stories/radio-buttons.stories.tsx":async()=>t(()=>import("./radio-buttons.stories-feddbbed.js"),["assets/radio-buttons.stories-feddbbed.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/stack-a63253f7.js","assets/stack-858d83b9.css","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/radio-buttons.stories-a25fa6c6.css"]),"./src/components/preview/stories/preview.stories.tsx":async()=>t(()=>import("./preview.stories-27bd9269.js"),["assets/preview.stories-27bd9269.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/preview.stories-d6d240b7.css"]),"./src/components/layer/stories/layer-frame-unselected.stories.tsx":async()=>t(()=>import("./layer-frame-unselected.stories-43279d0f.js"),["assets/layer-frame-unselected.stories-43279d0f.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/layer-5c2c61bd.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/layer-64539675.css"]),"./src/components/layer/stories/layer-frame-selected.stories.tsx":async()=>t(()=>import("./layer-frame-selected.stories-65b266eb.js"),["assets/layer-frame-selected.stories-65b266eb.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/layer-5c2c61bd.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/layer-64539675.css"]),"./src/components/layer/stories/layer-component-unselected.stories.tsx":async()=>t(()=>import("./layer-component-unselected.stories-3eb75bff.js"),["assets/layer-component-unselected.stories-3eb75bff.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-component-16-f7ee7cd7.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/layer-5c2c61bd.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/layer-64539675.css"]),"./src/components/layer/stories/layer-component-selected.stories.tsx":async()=>t(()=>import("./layer-component-selected.stories-9a6a8262.js"),["assets/layer-component-selected.stories-9a6a8262.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-component-16-f7ee7cd7.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/layer-5c2c61bd.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/layer-64539675.css"]),"./src/components/icon-toggle-button/stories/icon-toggle-button-unselected.stories.tsx":async()=>t(()=>import("./icon-toggle-button-unselected.stories-70e73244.js"),["assets/icon-toggle-button-unselected.stories-70e73244.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-ellipsis-32-ea05aaf4.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/icon-toggle-button-911bd8b2.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/icon-toggle-button-342fdf52.css"]),"./src/components/icon-toggle-button/stories/icon-toggle-button-selected.stories.tsx":async()=>t(()=>import("./icon-toggle-button-selected.stories-e7bf491b.js"),["assets/icon-toggle-button-selected.stories-e7bf491b.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-ellipsis-32-ea05aaf4.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/icon-toggle-button-911bd8b2.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/icon-toggle-button-342fdf52.css"]),"./src/components/loading-indicator/stories/loading-indicator.stories.tsx":async()=>t(()=>import("./loading-indicator.stories-d2208236.js"),["assets/loading-indicator.stories-d2208236.js","assets/loading-indicator-a4a1d996.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css"]),"./src/components/modal/stories/modal-right.stories.tsx":async()=>t(()=>import("./modal-right.stories-c21bf3d6.js"),["assets/modal-right.stories-c21bf3d6.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/icon-chevron-down-32-21cd5cae.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/modal-ca5c9550.js","assets/icon-cross-32-9903a829.js","assets/get-current-from-ref-47f174f6.js","assets/create-focus-trap-key-down-handler-e65db33a.js","assets/icon-button-10110ab3.js","assets/icon-button-6f0f9066.css","assets/text-72c2365d.js","assets/text-6f7d014d.css","assets/modal-d53550d7.css"]),"./src/components/modal/stories/modal-left.stories.tsx":async()=>t(()=>import("./modal-left.stories-571109b4.js"),["assets/modal-left.stories-571109b4.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/icon-chevron-down-32-21cd5cae.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/modal-ca5c9550.js","assets/icon-cross-32-9903a829.js","assets/get-current-from-ref-47f174f6.js","assets/create-focus-trap-key-down-handler-e65db33a.js","assets/icon-button-10110ab3.js","assets/icon-button-6f0f9066.css","assets/text-72c2365d.js","assets/text-6f7d014d.css","assets/modal-d53550d7.css"]),"./src/components/modal/stories/modal-default.stories.tsx":async()=>t(()=>import("./modal-default.stories-6264ba3a.js"),["assets/modal-default.stories-6264ba3a.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/icon-chevron-down-32-21cd5cae.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/modal-ca5c9550.js","assets/icon-cross-32-9903a829.js","assets/get-current-from-ref-47f174f6.js","assets/create-focus-trap-key-down-handler-e65db33a.js","assets/icon-button-10110ab3.js","assets/icon-button-6f0f9066.css","assets/text-72c2365d.js","assets/text-6f7d014d.css","assets/modal-d53550d7.css"]),"./src/components/modal/stories/modal-bottom.stories.tsx":async()=>t(()=>import("./modal-bottom.stories-71f48a0f.js"),["assets/modal-bottom.stories-71f48a0f.js","assets/preact.module-fa42f7d1.js","assets/create-component-b0512abd.js","assets/icon-chevron-down-32-21cd5cae.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/modal-ca5c9550.js","assets/icon-cross-32-9903a829.js","assets/get-current-from-ref-47f174f6.js","assets/create-focus-trap-key-down-handler-e65db33a.js","assets/icon-button-10110ab3.js","assets/icon-button-6f0f9066.css","assets/text-72c2365d.js","assets/text-6f7d014d.css","assets/modal-d53550d7.css"]),"./src/components/icon-button/stories/icon-button.stories.tsx":async()=>t(()=>import("./icon-button.stories-26351c6a.js"),["assets/icon-button.stories-26351c6a.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/icon-plus-32-8b6a0896.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/icon-button-10110ab3.js","assets/no-op-cb277961.js","assets/icon-button-6f0f9066.css"]),"./src/components/dropdown/stories/dropdown-underline.stories.tsx":async()=>t(()=>import("./dropdown-underline.stories-e6dc4cf6.js"),["assets/dropdown-underline.stories-e6dc4cf6.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/dropdown-b1c572a4.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-control-chevron-down-8-c2f32eaf.js","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/dropdown-19ea46e3.css"]),"./src/components/dropdown/stories/dropdown-default.stories.tsx":async()=>t(()=>import("./dropdown-default.stories-63307882.js"),["assets/dropdown-default.stories-63307882.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/dropdown-b1c572a4.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-control-chevron-down-8-c2f32eaf.js","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/dropdown-19ea46e3.css"]),"./src/components/dropdown/stories/dropdown-border.stories.tsx":async()=>t(()=>import("./dropdown-border.stories-5b886f31.js"),["assets/dropdown-border.stories-5b886f31.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/dropdown-b1c572a4.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-control-chevron-down-8-c2f32eaf.js","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/dropdown-19ea46e3.css"]),"./src/components/divider/stories/divider.stories.tsx":async()=>t(()=>import("./divider.stories-739f81e4.js"),["assets/divider.stories-739f81e4.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/divider.stories-813854e1.css"]),"./src/components/disclosure/stories/disclosure-open.stories.tsx":async()=>t(()=>import("./disclosure-open.stories-5e163502.js"),["assets/disclosure-open.stories-5e163502.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/disclosure-457591a5.js","assets/icon-caret-right-16-f2a2bc99.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/no-op-cb277961.js","assets/disclosure-b53efc80.css"]),"./src/components/disclosure/stories/disclosure-closed.stories.tsx":async()=>t(()=>import("./disclosure-closed.stories-d553f970.js"),["assets/disclosure-closed.stories-d553f970.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/disclosure-457591a5.js","assets/icon-caret-right-16-f2a2bc99.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/no-op-cb277961.js","assets/disclosure-b53efc80.css"]),"./src/components/checkbox/stories/checkbox-unselected.stories.tsx":async()=>t(()=>import("./checkbox-unselected.stories-1ce5b43b.js"),["assets/checkbox-unselected.stories-1ce5b43b.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/checkbox-b26472f0.js","assets/icon-control-checkbox-checked-12-fd838326.js","assets/create-icon-59b2c318.js","assets/create-icon-29ab0592.css","assets/no-op-cb277961.js","assets/checkbox-2b57e0c7.css"]),"./src/components/checkbox/stories/checkbox-selected.stories.tsx":async()=>t(()=>import("./checkbox-selected.stories-1db7411b.js"),["assets/checkbox-selected.stories-1db7411b.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/jsxRuntime.module-632ba37d.js","assets/text-6f7d014d.css","assets/checkbox-b26472f0.js","assets/icon-control-checkbox-checked-12-fd838326.js","assets/create-icon-59b2c318.js","assets/create-icon-29ab0592.css","assets/no-op-cb277961.js","assets/checkbox-2b57e0c7.css"]),"./src/components/button/stories/button-secondary.stories.tsx":async()=>t(()=>import("./button-secondary.stories-388a8fcc.js"),["assets/button-secondary.stories-388a8fcc.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css"]),"./src/components/button/stories/button-secondary-danger.stories.tsx":async()=>t(()=>import("./button-secondary-danger.stories-89e8f833.js"),["assets/button-secondary-danger.stories-89e8f833.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css"]),"./src/components/button/stories/button-default.stories.tsx":async()=>t(()=>import("./button-default.stories-87bd9c88.js"),["assets/button-default.stories-87bd9c88.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css"]),"./src/components/button/stories/button-danger.stories.tsx":async()=>t(()=>import("./button-danger.stories-4c074330.js"),["assets/button-danger.stories-4c074330.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/button-49678b56.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css"]),"./src/components/banner/stories/banner.stories.tsx":async()=>t(()=>import("./banner.stories-8ad76332.js"),["assets/banner.stories-8ad76332.js","assets/icon-warning-32-b4db70b9.js","assets/create-icon-59b2c318.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/banner-0efaf16b.js","assets/create-class-name-71c46838.js","assets/banner-464dc457.css"]),"./src/components/textbox/textbox-numeric/stories/textbox-numeric-underline.stories.tsx":async()=>t(()=>import("./textbox-numeric-underline.stories-97590a5d.js"),["assets/textbox-numeric-underline.stories-97590a5d.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-numeric-1a566c07.js","assets/create-class-name-71c46838.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/raw-textbox-numeric-737ada3a.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox-numeric-5e4979cb.css"]),"./src/components/textbox/textbox-numeric/stories/textbox-numeric-default.stories.tsx":async()=>t(()=>import("./textbox-numeric-default.stories-0089a338.js"),["assets/textbox-numeric-default.stories-0089a338.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-numeric-1a566c07.js","assets/create-class-name-71c46838.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/raw-textbox-numeric-737ada3a.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox-numeric-5e4979cb.css"]),"./src/components/textbox/textbox-numeric/stories/textbox-numeric-border.stories.tsx":async()=>t(()=>import("./textbox-numeric-border.stories-5afba1b7.js"),["assets/textbox-numeric-border.stories-5afba1b7.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-numeric-1a566c07.js","assets/create-class-name-71c46838.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/raw-textbox-numeric-737ada3a.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox-numeric-5e4979cb.css"]),"./src/components/textbox/textbox-multiline/stories/textbox-multiline-underline.stories.tsx":async()=>t(()=>import("./textbox-multiline-underline.stories-09bed23e.js"),["assets/textbox-multiline-underline.stories-09bed23e.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/textbox-multiline-5ebc1828.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/is-keycode-character-generating-0746a523.js","assets/jsxRuntime.module-632ba37d.js","assets/mixed-values-e51728b2.js","assets/textbox-multiline-0bafeb68.css"]),"./src/components/textbox/textbox-multiline/stories/textbox-multiline-default.stories.tsx":async()=>t(()=>import("./textbox-multiline-default.stories-8433aa3e.js"),["assets/textbox-multiline-default.stories-8433aa3e.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/textbox-multiline-5ebc1828.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/is-keycode-character-generating-0746a523.js","assets/jsxRuntime.module-632ba37d.js","assets/mixed-values-e51728b2.js","assets/textbox-multiline-0bafeb68.css"]),"./src/components/textbox/textbox-multiline/stories/textbox-multiline-border.stories.tsx":async()=>t(()=>import("./textbox-multiline-border.stories-4d6039ad.js"),["assets/textbox-multiline-border.stories-4d6039ad.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/textbox-multiline-5ebc1828.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/is-keycode-character-generating-0746a523.js","assets/jsxRuntime.module-632ba37d.js","assets/mixed-values-e51728b2.js","assets/textbox-multiline-0bafeb68.css"]),"./src/components/textbox/textbox-color/stories/textbox-color-underline.stories.tsx":async()=>t(()=>import("./textbox-color-underline.stories-2df4ce63.js"),["assets/textbox-color-underline.stories-2df4ce63.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/textbox-color-e09f9d9a.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/raw-textbox-numeric-737ada3a.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/jsxRuntime.module-632ba37d.js","assets/mixed-values-e51728b2.js","assets/textbox-color-ee72081b.css"]),"./src/components/textbox/textbox-color/stories/textbox-color-default.stories.tsx":async()=>t(()=>import("./textbox-color-default.stories-c94d931c.js"),["assets/textbox-color-default.stories-c94d931c.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/textbox-color-e09f9d9a.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/raw-textbox-numeric-737ada3a.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/jsxRuntime.module-632ba37d.js","assets/mixed-values-e51728b2.js","assets/textbox-color-ee72081b.css"]),"./src/components/textbox/textbox-color/stories/textbox-color-border.stories.tsx":async()=>t(()=>import("./textbox-color-border.stories-f2ff3567.js"),["assets/textbox-color-border.stories-f2ff3567.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/textbox-color-e09f9d9a.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/raw-textbox-numeric-737ada3a.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/jsxRuntime.module-632ba37d.js","assets/mixed-values-e51728b2.js","assets/textbox-color-ee72081b.css"]),"./src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-underline.stories.tsx":async()=>t(()=>import("./textbox-autocomplete-underline.stories-82b41626.js"),["assets/textbox-autocomplete-underline.stories-82b41626.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-autocomplete-40a3642f.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/textbox-autocomplete-c97a57ca.css"]),"./src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-default.stories.tsx":async()=>t(()=>import("./textbox-autocomplete-default.stories-5b478f7e.js"),["assets/textbox-autocomplete-default.stories-5b478f7e.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-autocomplete-40a3642f.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/textbox-autocomplete-c97a57ca.css"]),"./src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-border.stories.tsx":async()=>t(()=>import("./textbox-autocomplete-border.stories-b83f1000.js"),["assets/textbox-autocomplete-border.stories-b83f1000.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-autocomplete-40a3642f.js","assets/use-mouse-down-outside-bb94ce97.js","assets/get-current-from-ref-47f174f6.js","assets/use-mouse-down-outside-e35ac25f.css","assets/icon-menu-checkmark-checked-16-11f1d34a.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/constants-4a59d305.js","assets/compute-next-value-3d847061.js","assets/is-keycode-character-generating-0746a523.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css","assets/textbox-autocomplete-c97a57ca.css"]),"./src/components/textbox/textbox/stories/textbox-underline.stories.tsx":async()=>t(()=>import("./textbox-underline.stories-72689ea6.js"),["assets/textbox-underline.stories-72689ea6.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-cbecdc05.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css"]),"./src/components/textbox/textbox/stories/textbox-default.stories.tsx":async()=>t(()=>import("./textbox-default.stories-a11a0e38.js"),["assets/textbox-default.stories-a11a0e38.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-cbecdc05.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css"]),"./src/components/textbox/textbox/stories/textbox-border.stories.tsx":async()=>t(()=>import("./textbox-border.stories-dff8fefd.js"),["assets/textbox-border.stories-dff8fefd.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/use-initial-focus-57bdde46.js","assets/icon-layer-frame-16-89e1c06f.js","assets/create-icon-59b2c318.js","assets/jsxRuntime.module-632ba37d.js","assets/create-icon-29ab0592.css","assets/textbox-cbecdc05.js","assets/create-class-name-71c46838.js","assets/get-current-from-ref-47f174f6.js","assets/no-op-cb277961.js","assets/is-keycode-character-generating-0746a523.js","assets/mixed-values-e51728b2.js","assets/textbox.module-917ccc0f.js","assets/textbox-51150df0.css"]),"./src/components/file-upload/file-upload-button/stories/file-upload-button-secondary.stories.tsx":async()=>t(()=>import("./file-upload-button-secondary.stories-2b0091be.js"),["assets/file-upload-button-secondary.stories-2b0091be.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/file-upload-button-ff119540.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/file-comparator-3bc6e99f.js","assets/file-upload-button-de7a1991.css"]),"./src/components/file-upload/file-upload-button/stories/file-upload-button-default.stories.tsx":async()=>t(()=>import("./file-upload-button-default.stories-7fe0bffe.js"),["assets/file-upload-button-default.stories-7fe0bffe.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/file-upload-button-ff119540.js","assets/create-class-name-71c46838.js","assets/no-op-cb277961.js","assets/button.module-2bfe3ef2.js","assets/button-f70ecda2.css","assets/loading-indicator-a4a1d996.js","assets/jsxRuntime.module-632ba37d.js","assets/loading-indicator-e2d9ff62.css","assets/file-comparator-3bc6e99f.js","assets/file-upload-button-de7a1991.css"]),"./src/components/file-upload/file-upload-dropzone/stories/file-upload-dropzone.stories.tsx":async()=>t(()=>import("./file-upload-dropzone.stories-2f3f47d4.js"),["assets/file-upload-dropzone.stories-2f3f47d4.js","assets/use-initial-focus-57bdde46.js","assets/create-component-b0512abd.js","assets/preact.module-fa42f7d1.js","assets/muted-c4f74b69.js","assets/jsxRuntime.module-632ba37d.js","assets/muted-c00cd133.css","assets/text-72c2365d.js","assets/create-class-name-71c46838.js","assets/text-6f7d014d.css","assets/file-upload-dropzone-66f5398d.js","assets/no-op-cb277961.js","assets/file-comparator-3bc6e99f.js","assets/file-upload-dropzone-63bdf16e.css"])};async function R(r){return y[r]()}const{composeConfigs:P,PreviewWeb:T,ClientApi:b}=__STORYBOOK_MODULE_PREVIEW_API__,v=async()=>{const r=await Promise.all([t(()=>import("./config-986ae472.js"),["assets/config-986ae472.js","assets/preact.module-fa42f7d1.js"]),t(()=>import("./preview-ba0a067c.js"),["assets/preview-ba0a067c.js","assets/jsxRuntime.module-632ba37d.js","assets/preact.module-fa42f7d1.js","assets/preview-85fdbae2.css"])]);return P(r)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new T;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new b({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:R,getProjectAnnotations:v});
-//# sourceMappingURL=iframe-394fd2bd.js.map
diff --git a/storybook/assets/iframe-394fd2bd.js.map b/storybook/assets/iframe-394fd2bd.js.map
deleted file mode 100644
index a80de2a10..000000000
--- a/storybook/assets/iframe-394fd2bd.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"mappings":"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","names":["createBrowserChannel","addons","channel","page","setChannel","window","__STORYBOOK_ADDONS_CHANNEL__","CONFIG_TYPE","__STORYBOOK_SERVER_CHANNEL__","importers","__vitePreload","importFn","path","composeConfigs","PreviewWeb","ClientApi","getProjectAnnotations","configs","Promise","all","__STORYBOOK_PREVIEW__","__STORYBOOK_STORY_STORE__","storyStore","__STORYBOOK_CLIENT_API__","initialize"],"sources":["../../../../../../../../../virtual:/@storybook/builder-vite/setup-addons.js","../../../../../../../../../virtual:/@storybook/builder-vite/storybook-stories.js","../../../../../../../../../virtual:/@storybook/builder-vite/vite-app.js"],"sourcesContent":["import { createBrowserChannel } from '@storybook/channels';\n    import { addons } from '@storybook/preview-api';\n\n    const channel = createBrowserChannel({ page: 'preview' });\n    addons.setChannel(channel);\n    window.__STORYBOOK_ADDONS_CHANNEL__ = channel;\n    \n    if (window.CONFIG_TYPE === 'DEVELOPMENT'){\n      window.__STORYBOOK_SERVER_CHANNEL__ = channel;\n    }","const importers = {\n        './src/index.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/index.stories.tsx'),\n  './src/layout/vertical-space/stories/vertical-space.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/layout/vertical-space/stories/vertical-space.stories.tsx'),\n  './src/layout/middle-align/stories/middle-align.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/layout/middle-align/stories/middle-align.stories.tsx'),\n  './src/layout/stack/stories/stack.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/layout/stack/stories/stack.stories.tsx'),\n  './src/layout/inline/stories/inline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/layout/inline/stories/inline.stories.tsx'),\n  './src/layout/container/stories/container.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/layout/container/stories/container.stories.tsx'),\n  './src/layout/columns/stories/columns.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/layout/columns/stories/columns.stories.tsx'),\n  './src/inline-text/muted/stories/muted.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/inline-text/muted/stories/muted.stories.tsx'),\n  './src/inline-text/link/stories/link.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/inline-text/link/stories/link.stories.tsx'),\n  './src/inline-text/code/stories/code.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/inline-text/code/stories/code.stories.tsx'),\n  './src/inline-text/bold/stories/bold.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/inline-text/bold/stories/bold.stories.tsx'),\n  './src/icons/icon-8/stories/icon-8.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/icons/icon-8/stories/icon-8.stories.tsx'),\n  './src/icons/icon-12/stories/icon-12.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/icons/icon-12/stories/icon-12.stories.tsx'),\n  './src/hooks/use-initial-focus/stories/use-initial-focus.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/hooks/use-initial-focus/stories/use-initial-focus.stories.tsx'),\n  './src/icons/icon-16/stories/icon-16.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/icons/icon-16/stories/icon-16.stories.tsx'),\n  './src/hooks/use-form/stories/use-form.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/hooks/use-form/stories/use-form.stories.tsx'),\n  './src/hooks/use-focus-trap/stories/use-focus-trap.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/hooks/use-focus-trap/stories/use-focus-trap.stories.tsx'),\n  './src/icons/icon-32/stories/icon-32.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/icons/icon-32/stories/icon-32.stories.tsx'),\n  './src/components/toggle/stories/toggle-unselected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/toggle/stories/toggle-unselected.stories.tsx'),\n  './src/components/toggle/stories/toggle-selected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/toggle/stories/toggle-selected.stories.tsx'),\n  './src/components/tabs/stories/tabs.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/tabs/stories/tabs.stories.tsx'),\n  './src/components/selectable-item/stories/selectable-item-unselected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/selectable-item/stories/selectable-item-unselected.stories.tsx'),\n  './src/components/selectable-item/stories/selectable-item-selected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/selectable-item/stories/selectable-item-selected.stories.tsx'),\n  './src/components/text/stories/text.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/text/stories/text.stories.tsx'),\n  './src/components/search-textbox/stories/search-textbox.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/search-textbox/stories/search-textbox.stories.tsx'),\n  './src/components/segmented-control/stories/segmented-control.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/segmented-control/stories/segmented-control.stories.tsx'),\n  './src/components/range-slider/stories/range-slider.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/range-slider/stories/range-slider.stories.tsx'),\n  './src/components/radio-buttons/stories/radio-buttons.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/radio-buttons/stories/radio-buttons.stories.tsx'),\n  './src/components/preview/stories/preview.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/preview/stories/preview.stories.tsx'),\n  './src/components/layer/stories/layer-frame-unselected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/layer/stories/layer-frame-unselected.stories.tsx'),\n  './src/components/layer/stories/layer-frame-selected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/layer/stories/layer-frame-selected.stories.tsx'),\n  './src/components/layer/stories/layer-component-unselected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/layer/stories/layer-component-unselected.stories.tsx'),\n  './src/components/layer/stories/layer-component-selected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/layer/stories/layer-component-selected.stories.tsx'),\n  './src/components/icon-toggle-button/stories/icon-toggle-button-unselected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/icon-toggle-button/stories/icon-toggle-button-unselected.stories.tsx'),\n  './src/components/icon-toggle-button/stories/icon-toggle-button-selected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/icon-toggle-button/stories/icon-toggle-button-selected.stories.tsx'),\n  './src/components/loading-indicator/stories/loading-indicator.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/loading-indicator/stories/loading-indicator.stories.tsx'),\n  './src/components/modal/stories/modal-right.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/modal/stories/modal-right.stories.tsx'),\n  './src/components/modal/stories/modal-left.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/modal/stories/modal-left.stories.tsx'),\n  './src/components/modal/stories/modal-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/modal/stories/modal-default.stories.tsx'),\n  './src/components/modal/stories/modal-bottom.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/modal/stories/modal-bottom.stories.tsx'),\n  './src/components/icon-button/stories/icon-button.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/icon-button/stories/icon-button.stories.tsx'),\n  './src/components/dropdown/stories/dropdown-underline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/dropdown/stories/dropdown-underline.stories.tsx'),\n  './src/components/dropdown/stories/dropdown-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/dropdown/stories/dropdown-default.stories.tsx'),\n  './src/components/dropdown/stories/dropdown-border.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/dropdown/stories/dropdown-border.stories.tsx'),\n  './src/components/divider/stories/divider.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/divider/stories/divider.stories.tsx'),\n  './src/components/disclosure/stories/disclosure-open.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/disclosure/stories/disclosure-open.stories.tsx'),\n  './src/components/disclosure/stories/disclosure-closed.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/disclosure/stories/disclosure-closed.stories.tsx'),\n  './src/components/checkbox/stories/checkbox-unselected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/checkbox/stories/checkbox-unselected.stories.tsx'),\n  './src/components/checkbox/stories/checkbox-selected.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/checkbox/stories/checkbox-selected.stories.tsx'),\n  './src/components/button/stories/button-secondary.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/button/stories/button-secondary.stories.tsx'),\n  './src/components/button/stories/button-secondary-danger.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/button/stories/button-secondary-danger.stories.tsx'),\n  './src/components/button/stories/button-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/button/stories/button-default.stories.tsx'),\n  './src/components/button/stories/button-danger.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/button/stories/button-danger.stories.tsx'),\n  './src/components/banner/stories/banner.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/banner/stories/banner.stories.tsx'),\n  './src/components/textbox/textbox-numeric/stories/textbox-numeric-underline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-numeric/stories/textbox-numeric-underline.stories.tsx'),\n  './src/components/textbox/textbox-numeric/stories/textbox-numeric-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-numeric/stories/textbox-numeric-default.stories.tsx'),\n  './src/components/textbox/textbox-numeric/stories/textbox-numeric-border.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-numeric/stories/textbox-numeric-border.stories.tsx'),\n  './src/components/textbox/textbox-multiline/stories/textbox-multiline-underline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-multiline/stories/textbox-multiline-underline.stories.tsx'),\n  './src/components/textbox/textbox-multiline/stories/textbox-multiline-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-multiline/stories/textbox-multiline-default.stories.tsx'),\n  './src/components/textbox/textbox-multiline/stories/textbox-multiline-border.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-multiline/stories/textbox-multiline-border.stories.tsx'),\n  './src/components/textbox/textbox-color/stories/textbox-color-underline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-color/stories/textbox-color-underline.stories.tsx'),\n  './src/components/textbox/textbox-color/stories/textbox-color-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-color/stories/textbox-color-default.stories.tsx'),\n  './src/components/textbox/textbox-color/stories/textbox-color-border.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-color/stories/textbox-color-border.stories.tsx'),\n  './src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-underline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-underline.stories.tsx'),\n  './src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-default.stories.tsx'),\n  './src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-border.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-border.stories.tsx'),\n  './src/components/textbox/textbox/stories/textbox-underline.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox/stories/textbox-underline.stories.tsx'),\n  './src/components/textbox/textbox/stories/textbox-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox/stories/textbox-default.stories.tsx'),\n  './src/components/textbox/textbox/stories/textbox-border.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/textbox/textbox/stories/textbox-border.stories.tsx'),\n  './src/components/file-upload/file-upload-button/stories/file-upload-button-secondary.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/file-upload/file-upload-button/stories/file-upload-button-secondary.stories.tsx'),\n  './src/components/file-upload/file-upload-button/stories/file-upload-button-default.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/file-upload/file-upload-button/stories/file-upload-button-default.stories.tsx'),\n  './src/components/file-upload/file-upload-dropzone/stories/file-upload-dropzone.stories.tsx': async () => import('/@fs//Users/yuanqing/Desktop/Code/create-figma-plugin/packages/ui/src/components/file-upload/file-upload-dropzone/stories/file-upload-dropzone.stories.tsx')\n    };\n\n    export async function importFn(path) {\n        return importers[path]();\n    }","import { composeConfigs, PreviewWeb, ClientApi } from '@storybook/preview-api';\n  import '/virtual:/@storybook/builder-vite/setup-addons.js';\n  import { importFn } from '/virtual:/@storybook/builder-vite/storybook-stories.js';\n  \n    \n  const getProjectAnnotations = async () => {\n    const configs = await Promise.all([import('@storybook/preact/preview'),\nimport('/.storybook/preview.jsx')])\n    return composeConfigs(configs);\n  }\n\n    window.__STORYBOOK_PREVIEW__ = window.__STORYBOOK_PREVIEW__ || new PreviewWeb();\n    \n    window.__STORYBOOK_STORY_STORE__ = window.__STORYBOOK_STORY_STORE__ || window.__STORYBOOK_PREVIEW__.storyStore;\n    window.__STORYBOOK_CLIENT_API__ = window.__STORYBOOK_CLIENT_API__ || new ClientApi({ storyStore: window.__STORYBOOK_PREVIEW__.storyStore });\n    window.__STORYBOOK_PREVIEW__.initialize({ importFn, getProjectAnnotations });\n    \n    if (import.meta.hot) {\n      import.meta.hot.accept('/virtual:/@storybook/builder-vite/storybook-stories.js', (newModule) => {\n      // importFn has changed so we need to patch the new one in\n      window.__STORYBOOK_PREVIEW__.onStoriesChanged({ importFn: newModule.importFn });\n      });\n\n    import.meta.hot.accept([\"@storybook/preact/preview\",\"/.storybook/preview.jsx\"], () => {\n      \n  const getProjectAnnotations = async () => {\n    const configs = await Promise.all([import('@storybook/preact/preview'),\nimport('/.storybook/preview.jsx')])\n    return composeConfigs(configs);\n  }\n      // getProjectAnnotations has changed so we need to patch the new one in\n      window.__STORYBOOK_PREVIEW__.onGetProjectAnnotationsChanged({ getProjectAnnotations });\n    });\n  };"],"file":"assets/iframe-394fd2bd.js"}
\ No newline at end of file
diff --git a/storybook/assets/iframe-GT1aGhI7.js b/storybook/assets/iframe-GT1aGhI7.js
new file mode 100644
index 000000000..412d54103
--- /dev/null
+++ b/storybook/assets/iframe-GT1aGhI7.js
@@ -0,0 +1,7 @@
+import"../sb-preview/runtime.js";(function(){const _=document.createElement("link").relList;if(_&&_.supports&&_.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))a(o);new MutationObserver(o=>{for(const s of o)if(s.type==="childList")for(const e of s.addedNodes)e.tagName==="LINK"&&e.rel==="modulepreload"&&a(e)}).observe(document,{childList:!0,subtree:!0});function n(o){const s={};return o.integrity&&(s.integrity=o.integrity),o.referrerPolicy&&(s.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?s.credentials="include":o.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function a(o){if(o.ep)return;o.ep=!0;const s=n(o);fetch(o.href,s)}})();const p="modulepreload",x=function(r){return"/create-figma-plugin/storybook/"+r},m={},t=function(_,n,a){let o=Promise.resolve();if(n&&n.length>0){const s=document.getElementsByTagName("link");o=Promise.all(n.map(e=>{if(e=x(e),e in m)return;m[e]=!0;const c=e.endsWith(".css"),E=c?'[rel="stylesheet"]':"";if(!!a)for(let d=s.length-1;d>=0;d--){const u=s[d];if(u.href===e&&(!c||u.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${e}"]${E}`))return;const i=document.createElement("link");if(i.rel=c?"stylesheet":p,c||(i.as="script",i.crossOrigin=""),i.href=e,document.head.appendChild(i),c)return new Promise((d,u)=>{i.addEventListener("load",d),i.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${e}`)))})}))}return o.then(()=>_()).catch(s=>{const e=new Event("vite:preloadError",{cancelable:!0});if(e.payload=s,window.dispatchEvent(e),!e.defaultPrevented)throw s})},{createBrowserChannel:O}=__STORYBOOK_MODULE_CHANNELS__,{addons:y}=__STORYBOOK_MODULE_PREVIEW_API__,l=O({page:"preview"});y.setChannel(l);window.__STORYBOOK_ADDONS_CHANNEL__=l;window.CONFIG_TYPE==="DEVELOPMENT"&&(window.__STORYBOOK_SERVER_CHANNEL__=l);const R={"./src/components/banner/stories/banner.stories.tsx":async()=>t(()=>import("./banner.stories-Mcfai9vy.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9])),"./src/components/button/stories/button-danger.stories.tsx":async()=>t(()=>import("./button-danger.stories-IDoEabzs.js"),__vite__mapDeps([10,11,3,4,12,8,13,14,5,15,16,17])),"./src/components/button/stories/button-default.stories.tsx":async()=>t(()=>import("./button-default.stories-qkyf98_K.js"),__vite__mapDeps([18,11,3,4,12,8,13,14,5,15,16,17])),"./src/components/button/stories/button-secondary-danger.stories.tsx":async()=>t(()=>import("./button-secondary-danger.stories-BD6cDdZm.js"),__vite__mapDeps([19,11,3,4,12,8,13,14,5,15,16,17])),"./src/components/button/stories/button-secondary.stories.tsx":async()=>t(()=>import("./button-secondary.stories-B8DDp3TX.js"),__vite__mapDeps([20,11,3,4,12,8,13,14,5,15,16,17])),"./src/components/checkbox/stories/checkbox-selected.stories.tsx":async()=>t(()=>import("./checkbox-selected.stories-Lk1ACFBW.js"),__vite__mapDeps([21,3,4,11,22,8,5,23,24,25,2,6,13,26])),"./src/components/checkbox/stories/checkbox-unselected.stories.tsx":async()=>t(()=>import("./checkbox-unselected.stories-mAGJi9bc.js"),__vite__mapDeps([27,3,4,11,22,8,5,23,24,25,2,6,13,26])),"./src/components/disclosure/stories/disclosure-closed.stories.tsx":async()=>t(()=>import("./disclosure-closed.stories-nfv589A3.js"),__vite__mapDeps([28,3,4,11,29,30,2,5,6,13,31])),"./src/components/disclosure/stories/disclosure-open.stories.tsx":async()=>t(()=>import("./disclosure-open.stories-upp-riPy.js"),__vite__mapDeps([32,3,4,11,29,30,2,5,6,13,31])),"./src/components/divider/stories/divider.stories.tsx":async()=>t(()=>import("./divider.stories-3-9BIGPg.js"),__vite__mapDeps([33,3,4,5,34])),"./src/components/dropdown/stories/dropdown-border.stories.tsx":async()=>t(()=>import("./dropdown-border.stories-cv--pAkc.js"),__vite__mapDeps([35,3,4,11,36,2,5,6,37,38,39,40,41,42,8,13,43,44])),"./src/components/dropdown/stories/dropdown-default.stories.tsx":async()=>t(()=>import("./dropdown-default.stories-PVoIwWk5.js"),__vite__mapDeps([45,3,4,11,36,2,5,6,37,38,39,40,41,42,8,13,43,44])),"./src/components/dropdown/stories/dropdown-underline.stories.tsx":async()=>t(()=>import("./dropdown-underline.stories-NVjQGAGM.js"),__vite__mapDeps([46,3,4,11,36,2,5,6,37,38,39,40,41,42,8,13,43,44])),"./src/components/file-upload/file-upload-button/stories/file-upload-button-default.stories.tsx":async()=>t(()=>import("./file-upload-button-default.stories-4aJFcX-s.js"),__vite__mapDeps([47,11,3,4,48,8,13,16,17,14,5,15,49,50])),"./src/components/file-upload/file-upload-button/stories/file-upload-button-secondary.stories.tsx":async()=>t(()=>import("./file-upload-button-secondary.stories-H4wo7EAP.js"),__vite__mapDeps([51,11,3,4,48,8,13,16,17,14,5,15,49,50])),"./src/components/file-upload/file-upload-dropzone/stories/file-upload-dropzone.stories.tsx":async()=>t(()=>import("./file-upload-dropzone.stories-OsAqkA9U.js"),__vite__mapDeps([52,11,3,4,53,5,54,22,8,23,55,13,49,56])),"./src/components/icon-button/stories/icon-button.stories.tsx":async()=>t(()=>import("./icon-button.stories-0eEjEUbw.js"),__vite__mapDeps([57,11,3,4,58,2,5,6,59,13,60])),"./src/components/icon-toggle-button/stories/icon-toggle-button-selected.stories.tsx":async()=>t(()=>import("./icon-toggle-button-selected.stories-r7c-itNJ.js"),__vite__mapDeps([61,3,4,11,62,2,5,6,63,8,13,64])),"./src/components/icon-toggle-button/stories/icon-toggle-button-unselected.stories.tsx":async()=>t(()=>import("./icon-toggle-button-unselected.stories-l0BL0ljN.js"),__vite__mapDeps([65,3,4,11,62,2,5,6,63,8,13,64])),"./src/components/layer/stories/layer-component-selected.stories.tsx":async()=>t(()=>import("./layer-component-selected.stories-WW1m5OgW.js"),__vite__mapDeps([66,3,4,11,67,2,5,6,68,8,13,69])),"./src/components/layer/stories/layer-component-unselected.stories.tsx":async()=>t(()=>import("./layer-component-unselected.stories-4sbK85q6.js"),__vite__mapDeps([70,3,4,11,67,2,5,6,68,8,13,69])),"./src/components/layer/stories/layer-frame-selected.stories.tsx":async()=>t(()=>import("./layer-frame-selected.stories-uJtAPPGq.js"),__vite__mapDeps([71,3,4,11,36,2,5,6,68,8,13,69])),"./src/components/layer/stories/layer-frame-unselected.stories.tsx":async()=>t(()=>import("./layer-frame-unselected.stories-NXBHKMAz.js"),__vite__mapDeps([72,3,4,11,36,2,5,6,68,8,13,69])),"./src/components/loading-indicator/stories/loading-indicator.stories.tsx":async()=>t(()=>import("./loading-indicator.stories-_VKlm_r4.js"),__vite__mapDeps([73,14,3,4,5,15])),"./src/components/modal/stories/modal-bottom.stories.tsx":async()=>t(()=>import("./modal-bottom.stories-jO5IzMCe.js"),__vite__mapDeps([74,4,3,75,2,5,6,12,8,13,14,15,16,17,76,77,39,78,59,60,22,23,79])),"./src/components/modal/stories/modal-default.stories.tsx":async()=>t(()=>import("./modal-default.stories-tVweCxBE.js"),__vite__mapDeps([80,4,3,75,2,5,6,12,8,13,14,15,16,17,76,77,39,78,59,60,22,23,79])),"./src/components/modal/stories/modal-left.stories.tsx":async()=>t(()=>import("./modal-left.stories-TGqZrk0m.js"),__vite__mapDeps([81,4,3,75,2,5,6,12,8,13,14,15,16,17,76,77,39,78,59,60,22,23,79])),"./src/components/modal/stories/modal-right.stories.tsx":async()=>t(()=>import("./modal-right.stories-P9Kik0mX.js"),__vite__mapDeps([82,4,3,75,2,5,6,12,8,13,14,15,16,17,76,77,39,78,59,60,22,23,79])),"./src/components/preview/stories/preview.stories.tsx":async()=>t(()=>import("./preview.stories-yt4tr4rl.js"),__vite__mapDeps([83,3,4,5,84])),"./src/components/radio-buttons/stories/radio-buttons.stories.tsx":async()=>t(()=>import("./radio-buttons.stories-8nBOLsn9.js"),__vite__mapDeps([85,3,4,11,22,8,5,23,86,87,13,43,88])),"./src/components/range-slider/stories/range-slider.stories.tsx":async()=>t(()=>import("./range-slider.stories-xERzPFtp.js"),__vite__mapDeps([89,4,3,11,90,5,91,92,8,93,94,95,39,13,96,97,98,99,100,101])),"./src/components/search-textbox/stories/search-textbox.stories.tsx":async()=>t(()=>import("./search-textbox.stories-eY-3n0tv.js"),__vite__mapDeps([102,3,4,11,77,2,5,6,103,8,39,13,104])),"./src/components/segmented-control/stories/segmented-control.stories.tsx":async()=>t(()=>import("./segmented-control.stories-Rq3BCc0p.js"),__vite__mapDeps([105,3,4,11,106,2,5,6,107,8,13,43,108])),"./src/components/selectable-item/stories/selectable-item-selected.stories.tsx":async()=>t(()=>import("./selectable-item-selected.stories-_sczjbVK.js"),__vite__mapDeps([109,3,4,11,110,42,2,5,6,8,13,111])),"./src/components/selectable-item/stories/selectable-item-unselected.stories.tsx":async()=>t(()=>import("./selectable-item-unselected.stories-Fnh-SG_k.js"),__vite__mapDeps([112,3,4,11,110,42,2,5,6,8,13,111])),"./src/components/tabs/stories/tabs.stories.tsx":async()=>t(()=>import("./tabs.stories-w3GSDRnt.js"),__vite__mapDeps([113,3,4,13,43,5,114])),"./src/components/text/stories/text.stories.tsx":async()=>t(()=>import("./text.stories-lS_Q2Npl.js"),__vite__mapDeps([115,22,8,3,4,5,23])),"./src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-border.stories.tsx":async()=>t(()=>import("./textbox-autocomplete-border.stories-wJfzFkS3.js"),__vite__mapDeps([116,3,4,11,36,2,5,6,117,38,39,40,42,8,13,43,96,97,93,94,118])),"./src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-default.stories.tsx":async()=>t(()=>import("./textbox-autocomplete-default.stories-Ijz2fZ7R.js"),__vite__mapDeps([119,3,4,11,36,2,5,6,117,38,39,40,42,8,13,43,96,97,93,94,118])),"./src/components/textbox/textbox-autocomplete/stories/textbox-autocomplete-underline.stories.tsx":async()=>t(()=>import("./textbox-autocomplete-underline.stories-5PQUIhGB.js"),__vite__mapDeps([120,3,4,11,36,2,5,6,117,38,39,40,42,8,13,43,96,97,93,94,118])),"./src/components/textbox/textbox-color/stories/textbox-color-border.stories.tsx":async()=>t(()=>import("./textbox-color-border.stories-ZSu6xBPp.js"),__vite__mapDeps([121,3,4,11,122,8,39,13,95,96,97,5,98,123])),"./src/components/textbox/textbox-color/stories/textbox-color-default.stories.tsx":async()=>t(()=>import("./textbox-color-default.stories-_HA6nw9g.js"),__vite__mapDeps([124,3,4,11,122,8,39,13,95,96,97,5,98,123])),"./src/components/textbox/textbox-color/stories/textbox-color-underline.stories.tsx":async()=>t(()=>import("./textbox-color-underline.stories--jT9QZwp.js"),__vite__mapDeps([125,3,4,11,122,8,39,13,95,96,97,5,98,123])),"./src/components/textbox/textbox-multiline/stories/textbox-multiline-border.stories.tsx":async()=>t(()=>import("./textbox-multiline-border.stories--gb6GKW6.js"),__vite__mapDeps([126,3,4,11,127,8,39,13,97,5,98,128])),"./src/components/textbox/textbox-multiline/stories/textbox-multiline-default.stories.tsx":async()=>t(()=>import("./textbox-multiline-default.stories-BmQmxhU2.js"),__vite__mapDeps([129,3,4,11,127,8,39,13,97,5,98,128])),"./src/components/textbox/textbox-multiline/stories/textbox-multiline-underline.stories.tsx":async()=>t(()=>import("./textbox-multiline-underline.stories-9pfXK8T2.js"),__vite__mapDeps([130,3,4,11,127,8,39,13,97,5,98,128])),"./src/components/textbox/textbox-numeric/stories/textbox-numeric-border.stories.tsx":async()=>t(()=>import("./textbox-numeric-border.stories-g2dVNLVl.js"),__vite__mapDeps([131,3,4,11,36,2,5,6,92,8,93,94,95,39,13,96,97,98,99])),"./src/components/textbox/textbox-numeric/stories/textbox-numeric-default.stories.tsx":async()=>t(()=>import("./textbox-numeric-default.stories-e6Ok1HXC.js"),__vite__mapDeps([132,3,4,11,36,2,5,6,92,8,93,94,95,39,13,96,97,98,99])),"./src/components/textbox/textbox-numeric/stories/textbox-numeric-underline.stories.tsx":async()=>t(()=>import("./textbox-numeric-underline.stories-uU8HTsVu.js"),__vite__mapDeps([133,3,4,11,36,2,5,6,92,8,93,94,95,39,13,96,97,98,99])),"./src/components/textbox/textbox/stories/textbox-border.stories.tsx":async()=>t(()=>import("./textbox-border.stories-Y9evAEAa.js"),__vite__mapDeps([134,3,4,11,36,2,5,6,135,8,39,13,97,98,93,94])),"./src/components/textbox/textbox/stories/textbox-default.stories.tsx":async()=>t(()=>import("./textbox-default.stories-Cpk7tdag.js"),__vite__mapDeps([136,3,4,11,36,2,5,6,135,8,39,13,97,98,93,94])),"./src/components/textbox/textbox/stories/textbox-underline.stories.tsx":async()=>t(()=>import("./textbox-underline.stories-uuyKIThV.js"),__vite__mapDeps([137,3,4,11,36,2,5,6,135,8,39,13,97,98,93,94])),"./src/components/toggle/stories/toggle-selected.stories.tsx":async()=>t(()=>import("./toggle-selected.stories-Tohjby0S.js"),__vite__mapDeps([138,3,4,11,22,8,5,23,139,13,140])),"./src/components/toggle/stories/toggle-unselected.stories.tsx":async()=>t(()=>import("./toggle-unselected.stories-igJZ6KvY.js"),__vite__mapDeps([141,3,4,11,22,8,5,23,139,13,140])),"./src/hooks/use-focus-trap/stories/use-focus-trap.stories.tsx":async()=>t(()=>import("./use-focus-trap.stories-R3nnK0N7.js"),__vite__mapDeps([142,4,3,12,8,13,14,5,15,16,17,135,39,97,98,93,94,90,91,143,78])),"./src/hooks/use-form/stories/use-form.stories.tsx":async()=>t(()=>import("./use-form.stories-tCkv2mPS.js"),__vite__mapDeps([144,4,3,12,8,13,14,5,15,16,17,22,23,135,39,97,98,93,94,90,91,143,78,11])),"./src/hooks/use-initial-focus/stories/use-initial-focus.stories.tsx":async()=>t(()=>import("./use-initial-focus.stories-g_gPTZYH.js"),__vite__mapDeps([145,4,3,12,8,13,14,5,15,16,17,135,39,97,98,93,94,90,91,11])),"./src/icons/icon-12/stories/icon-12.stories.tsx":async()=>t(()=>import("./icon-12.stories-YvPSCqL5.js"),__vite__mapDeps([146,25,2,3,4,5,6])),"./src/icons/icon-16/stories/icon-16.stories.tsx":async()=>t(()=>import("./icon-16.stories-ny6jNTwk.js"),__vite__mapDeps([147,2,3,4,5,6,30,67,36,42,148,106])),"./src/icons/icon-32/stories/icon-32.stories.tsx":async()=>t(()=>import("./icon-32.stories-3lVry5eG.js"),__vite__mapDeps([149,2,3,4,5,6,1,75,77,62,58,103])),"./src/icons/icon-8/stories/icon-8.stories.tsx":async()=>t(()=>import("./icon-8.stories-4gpzjTF-.js"),__vite__mapDeps([150,41,2,3,4,5,6])),"./src/index.stories.tsx":async()=>t(()=>import("./index.stories-pMfAxagH.js"),__vite__mapDeps([151,4,3,7,8,5,9,12,13,14,15,16,17,37,38,39,40,41,2,6,42,43,44,48,49,50,55,56,68,69,76,77,78,59,60,22,23,79,100,101,107,108,122,95,96,97,98,123,92,93,94,99,139,140,67,36,148,1,152,153,53,54,154,155,86,87,90,91])),"./src/inline-text/bold/stories/bold.stories.tsx":async()=>t(()=>import("./bold.stories-H_NR_i94.js"),__vite__mapDeps([156,22,8,3,4,5,23,152,153])),"./src/inline-text/code/stories/code.stories.tsx":async()=>t(()=>import("./code.stories-djj4bJBQ.js"),__vite__mapDeps([157,22,8,3,4,5,23,158])),"./src/inline-text/link/stories/link.stories.tsx":async()=>t(()=>import("./link.stories-s_WMOv7o.js"),__vite__mapDeps([159,22,8,3,4,5,23,13,160])),"./src/inline-text/muted/stories/muted.stories.tsx":async()=>t(()=>import("./muted.stories-ouW6hQiY.js"),__vite__mapDeps([161,22,8,3,4,5,23,53,54])),"./src/layout/columns/stories/columns.stories.tsx":async()=>t(()=>import("./columns.stories-y9TMP2Pz.js"),__vite__mapDeps([162,154,4,8,3,5,155])),"./src/layout/container/stories/container.stories.tsx":async()=>t(()=>import("./container.stories-upSfGUWB.js"),__vite__mapDeps([163,3,4,5,164])),"./src/layout/inline/stories/inline.stories.tsx":async()=>t(()=>import("./inline.stories-wsks3aEC.js"),__vite__mapDeps([165,4,3,5,166])),"./src/layout/middle-align/stories/middle-align.stories.tsx":async()=>t(()=>import("./middle-align.stories-wpjqUQ4b.js"),__vite__mapDeps([167,3,4,5,168])),"./src/layout/stack/stories/stack.stories.tsx":async()=>t(()=>import("./stack.stories-Cy7OdWMn.js"),__vite__mapDeps([169,86,4,3,5,87])),"./src/layout/vertical-space/stories/vertical-space.stories.tsx":async()=>t(()=>import("./vertical-space.stories-9DWbUa8d.js"),__vite__mapDeps([170,90,3,4,5,91]))};async function P(r){return R[r]()}const{composeConfigs:T,PreviewWeb:b,ClientApi:v}=__STORYBOOK_MODULE_PREVIEW_API__,L=async()=>{const r=await Promise.all([t(()=>import("./entry-preview-ESHCePHL.js"),__vite__mapDeps([171,4])),t(()=>import("./preview-Ux_poXh_.js"),__vite__mapDeps([172,5,4,173]))]);return T(r)};window.__STORYBOOK_PREVIEW__=window.__STORYBOOK_PREVIEW__||new b;window.__STORYBOOK_STORY_STORE__=window.__STORYBOOK_STORY_STORE__||window.__STORYBOOK_PREVIEW__.storyStore;window.__STORYBOOK_CLIENT_API__=window.__STORYBOOK_CLIENT_API__||new v({storyStore:window.__STORYBOOK_PREVIEW__.storyStore});window.__STORYBOOK_PREVIEW__.initialize({importFn:P,getProjectAnnotations:L});
+function __vite__mapDeps(indexes) {
+  if (!__vite__mapDeps.viteFileDeps) {
+    __vite__mapDeps.viteFileDeps = ["assets/banner.stories-Mcfai9vy.js","assets/icon-warning-32-EzzE98O2.js","assets/create-icon-prVyFgUx.js","assets/create-component-a83A1_Pu.js","assets/preact.module-pS-_M4k6.js","assets/jsxRuntime.module-mP9ZGqev.js","assets/create-icon-KPF4BRl-.css","assets/banner-_WMKvoGx.js","assets/create-class-name-gq91Tlk7.js","assets/banner-w3c3sfs4.css","assets/button-danger.stories-IDoEabzs.js","assets/use-initial-focus-xmfxIugy.js","assets/button-7i81gHC9.js","assets/no-op-Uu3q6ZSj.js","assets/loading-indicator-NeprGR7l.js","assets/loading-indicator-szUtEGsH.css","assets/button.module-7LHM3uxw.js","assets/button-j2Biga2D.css","assets/button-default.stories-qkyf98_K.js","assets/button-secondary-danger.stories-BD6cDdZm.js","assets/button-secondary.stories-B8DDp3TX.js","assets/checkbox-selected.stories-Lk1ACFBW.js","assets/text-SssoFudj.js","assets/text-uN4TRVP7.css","assets/checkbox-whaqbIRT.js","assets/icon-control-checkbox-checked-12-1nQT_nAV.js","assets/checkbox-ou-3dnm1.css","assets/checkbox-unselected.stories-mAGJi9bc.js","assets/disclosure-closed.stories-nfv589A3.js","assets/disclosure-Rnx3Yv7O.js","assets/icon-caret-right-16-4OZxGOFD.js","assets/disclosure-R7MV9eYJ.css","assets/disclosure-open.stories-upp-riPy.js","assets/divider.stories-3-9BIGPg.js","assets/divider-38y61yRP.css","assets/dropdown-border.stories-cv--pAkc.js","assets/icon-layer-frame-16-sVAwYanE.js","assets/dropdown-i_U1MUKd.js","assets/use-mouse-down-outside-sDCyQFx-.js","assets/get-current-from-ref-KzY6_NOj.js","assets/use-mouse-down-outside-NFl9jwTD.css","assets/icon-control-chevron-down-8-WIusIu4s.js","assets/icon-menu-checkmark-checked-16-YiEcMcv9.js","assets/constants-TQdAxsXB.js","assets/dropdown-0ez3b1hF.css","assets/dropdown-default.stories-PVoIwWk5.js","assets/dropdown-underline.stories-NVjQGAGM.js","assets/file-upload-button-default.stories-4aJFcX-s.js","assets/file-upload-button-RaAkgiqe.js","assets/file-comparator-J4lx6xNz.js","assets/file-upload-button-SeNiXi9q.css","assets/file-upload-button-secondary.stories-H4wo7EAP.js","assets/file-upload-dropzone.stories-OsAqkA9U.js","assets/muted-FAkxyWMe.js","assets/muted-rxvDGnic.css","assets/file-upload-dropzone-URJ26_Ps.js","assets/file-upload-dropzone-uTRHkxG-.css","assets/icon-button.stories-0eEjEUbw.js","assets/icon-plus-32-QyIs5gmA.js","assets/icon-button-UahFBS6G.js","assets/icon-button-JkZb0qjB.css","assets/icon-toggle-button-selected.stories-r7c-itNJ.js","assets/icon-ellipsis-32-J7MTjauF.js","assets/icon-toggle-button-PibQK2T8.js","assets/icon-toggle-button-EUl5wPvh.css","assets/icon-toggle-button-unselected.stories-l0BL0ljN.js","assets/layer-component-selected.stories-WW1m5OgW.js","assets/icon-layer-component-16-Cmvba59g.js","assets/layer-1iS7BN44.js","assets/layer-GU1ceIAw.css","assets/layer-component-unselected.stories-4sbK85q6.js","assets/layer-frame-selected.stories-uJtAPPGq.js","assets/layer-frame-unselected.stories-NXBHKMAz.js","assets/loading-indicator.stories-_VKlm_r4.js","assets/modal-bottom.stories-jO5IzMCe.js","assets/icon-chevron-down-32-UVJdQFN7.js","assets/modal-AU58KIp5.js","assets/icon-cross-32-kKgUD1DN.js","assets/create-focus-trap-key-down-handler-_kplv3kG.js","assets/modal-MCMEite7.css","assets/modal-default.stories-tVweCxBE.js","assets/modal-left.stories-TGqZrk0m.js","assets/modal-right.stories-P9Kik0mX.js","assets/preview.stories-yt4tr4rl.js","assets/preview-y4WD49EI.css","assets/radio-buttons.stories-8nBOLsn9.js","assets/stack-_6nbU-5Y.js","assets/stack-Rre7KtU-.css","assets/radio-buttons-F4SLeHTv.css","assets/range-slider.stories-xERzPFtp.js","assets/vertical-space-UCQOgkM_.js","assets/vertical-space-3q1dPwwc.css","assets/textbox-numeric-PxkjMYjC.js","assets/textbox.module-SUUSsoq6.js","assets/textbox-O61nvNFZ.css","assets/raw-textbox-numeric-P_SZCsOz.js","assets/compute-next-value-v04i_0LO.js","assets/is-keycode-character-generating-0Qf6Kf4s.js","assets/mixed-values-kiIAV0Ly.js","assets/textbox-numeric-XCu0BD7X.css","assets/range-slider-njcGadeh.js","assets/range-slider-WI8CFO67.css","assets/search-textbox.stories-eY-3n0tv.js","assets/icon-search-32-3e7_9C8J.js","assets/search-textbox-YICy67bR.css","assets/segmented-control.stories-Rq3BCc0p.js","assets/icon-text-align-right-16-J_jF2sTt.js","assets/segmented-control-9Om1GZT4.js","assets/segmented-control-jnMM-Jry.css","assets/selectable-item-selected.stories-_sczjbVK.js","assets/selectable-item-sN4Kf-eQ.js","assets/selectable-item-QvAH-y-G.css","assets/selectable-item-unselected.stories-Fnh-SG_k.js","assets/tabs.stories-w3GSDRnt.js","assets/tabs-lGDQGXUB.css","assets/text.stories-lS_Q2Npl.js","assets/textbox-autocomplete-border.stories-wJfzFkS3.js","assets/textbox-autocomplete-ON4sHUkZ.js","assets/textbox-autocomplete-4BX7G8mW.css","assets/textbox-autocomplete-default.stories-Ijz2fZ7R.js","assets/textbox-autocomplete-underline.stories-5PQUIhGB.js","assets/textbox-color-border.stories-ZSu6xBPp.js","assets/textbox-color-XA5fhHru.js","assets/textbox-color-1OXmEAhq.css","assets/textbox-color-default.stories-_HA6nw9g.js","assets/textbox-color-underline.stories--jT9QZwp.js","assets/textbox-multiline-border.stories--gb6GKW6.js","assets/textbox-multiline-99OCCbva.js","assets/textbox-multiline-jO8cXaxK.css","assets/textbox-multiline-default.stories-BmQmxhU2.js","assets/textbox-multiline-underline.stories-9pfXK8T2.js","assets/textbox-numeric-border.stories-g2dVNLVl.js","assets/textbox-numeric-default.stories-e6Ok1HXC.js","assets/textbox-numeric-underline.stories-uU8HTsVu.js","assets/textbox-border.stories-Y9evAEAa.js","assets/textbox-InH0rXhO.js","assets/textbox-default.stories-Cpk7tdag.js","assets/textbox-underline.stories-uuyKIThV.js","assets/toggle-selected.stories-Tohjby0S.js","assets/toggle-Ssv4YiRN.js","assets/toggle-GgNXmnTj.css","assets/toggle-unselected.stories-igJZ6KvY.js","assets/use-focus-trap.stories-R3nnK0N7.js","assets/use-focus-trap-B-9_MXKH.js","assets/use-form.stories-tCkv2mPS.js","assets/use-initial-focus.stories-g_gPTZYH.js","assets/icon-12.stories-YvPSCqL5.js","assets/icon-16.stories-ny6jNTwk.js","assets/icon-space-horizontal-16-X-oA0OB9.js","assets/icon-32.stories-3lVry5eG.js","assets/icon-8.stories-4gpzjTF-.js","assets/index.stories-pMfAxagH.js","assets/bold-Jm537La9.js","assets/bold-jfQ55EAv.css","assets/columns-U3hU5xxd.js","assets/columns-t8U3x5Er.css","assets/bold.stories-H_NR_i94.js","assets/code.stories-djj4bJBQ.js","assets/code-9uEzsybj.css","assets/link.stories-s_WMOv7o.js","assets/link-v2tCSOw6.css","assets/muted.stories-ouW6hQiY.js","assets/columns.stories-y9TMP2Pz.js","assets/container.stories-upSfGUWB.js","assets/container-KqfQr_uZ.css","assets/inline.stories-wsks3aEC.js","assets/inline-KDlXHm1z.css","assets/middle-align.stories-wpjqUQ4b.js","assets/middle-align-TdV9bf6T.css","assets/stack.stories-Cy7OdWMn.js","assets/vertical-space.stories-9DWbUa8d.js","assets/entry-preview-ESHCePHL.js","assets/preview-Ux_poXh_.js","assets/preview-XZxX3H5k.css"]
+  }
+  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
+}
\ No newline at end of file
diff --git a/storybook/assets/index.stories-8bf340f0.js.map b/storybook/assets/index.stories-8bf340f0.js.map
deleted file mode 100644
index 31ff81799..000000000
--- a/storybook/assets/index.stories-8bf340f0.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"index.stories-8bf340f0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/index.stories-8bf340f0.js b/storybook/assets/index.stories-pMfAxagH.js
similarity index 72%
rename from storybook/assets/index.stories-8bf340f0.js
rename to storybook/assets/index.stories-pMfAxagH.js
index 09eb0a6e2..2c5eae12a 100644
--- a/storybook/assets/index.stories-8bf340f0.js
+++ b/storybook/assets/index.stories-pMfAxagH.js
@@ -1,4 +1,4 @@
-import{k as w}from"./preact.module-fa42f7d1.js";import{h as o}from"./create-component-b0512abd.js";import{B as c}from"./banner-0efaf16b.js";import{B as a}from"./button-49678b56.js";import{D}from"./dropdown-b1c572a4.js";import{F as R}from"./file-upload-button-ff119540.js";import{F as W}from"./file-upload-dropzone-66f5398d.js";import{L as d}from"./layer-5c2c61bd.js";import{M as J}from"./modal-ca5c9550.js";import{R as X}from"./range-slider-526ae6e9.js";import{S as N}from"./segmented-control-f234bae1.js";import{T as u}from"./text-72c2365d.js";import{T as U}from"./textbox-color-e09f9d9a.js";import{T as j}from"./textbox-numeric-1a566c07.js";import{T as z}from"./toggle-d38d149f.js";import{I as _}from"./icon-layer-component-16-f7ee7cd7.js";import{I as A}from"./icon-layer-frame-16-89e1c06f.js";import{I as P}from"./icon-space-horizontal-16-8c2b3927.js";import{I as q,a as G,b as K}from"./icon-warning-32-b4db70b9.js";import{B as Q}from"./bold-fe504295.js";import{M as Y}from"./muted-c4f74b69.js";import{C as Z}from"./columns-290be62d.js";import{S as r}from"./stack-a63253f7.js";import{V as s}from"./vertical-space-f6719a71.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";import"./use-mouse-down-outside-bb94ce97.js";import"./get-current-from-ref-47f174f6.js";import"./icon-control-chevron-down-8-c2f32eaf.js";import"./create-icon-59b2c318.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./constants-4a59d305.js";import"./file-comparator-3bc6e99f.js";import"./icon-cross-32-9903a829.js";import"./create-focus-trap-key-down-handler-e65db33a.js";import"./icon-button-10110ab3.js";import"./raw-textbox-numeric-737ada3a.js";import"./compute-next-value-3d847061.js";import"./is-keycode-character-generating-0746a523.js";import"./mixed-values-e51728b2.js";import"./textbox.module-917ccc0f.js";const ze={title:"Index"},n={alignItems:"center",backgroundColor:"var(--figma-color-bg-secondary)",display:"flex",height:"92px",justifyContent:"center",padding:"24px 40px"},i=function(){const[v,x]=o(!0),[h,f]=o("Regular"),[y,C]=o(!0),[S,T]=o("42"),[b,V]=o("1st"),[I,L]=o("0D99FF"),[k,B]=o("50%"),[M,F]=o("42"),[O,E]=o(!0),[H,l]=o(!1);return e(w,{children:e(Z,{space:"extraLarge",children:[e("div",{style:{width:"240px"},children:e(r,{space:"large",children:[e("div",{style:n,children:e(z,{onChange:function(t){E(t.currentTarget.checked)},value:O,children:e(u,{children:"Auto-update"})})}),e(r,{space:"extraSmall",children:[e(a,{fullWidth:!0,children:"Make Something Wonderful"}),e(a,{danger:!0,fullWidth:!0,children:"Discard Changes"}),e(a,{disabled:!0,fullWidth:!0,loading:!0,children:"Loading"})]}),e("div",{style:n,children:e(j,{icon:e(P,{}),onInput:function(t){F(t.currentTarget.value)},value:M,variant:"border"})}),e(r,{space:"extraSmall",children:[e(d,{icon:e(A,{}),onChange:function(t){C(t.currentTarget.checked)},value:y,children:"Frame"}),e(d,{bold:!0,component:!0,icon:e(_,{}),onChange:function(t){x(t.currentTarget.checked)},value:v,children:"Component"})]}),e("div",{style:n,children:e(X,{maximum:100,minimum:0,onInput:function(t){T(t.currentTarget.value)},value:S})}),e("div",{style:n,children:[e(a,{onClick:function(){l(!0)},secondary:!0,children:"Open Modal"}),e(J,{onCloseButtonClick:function(){l(!1)},onOverlayClick:function(){l(!1)},open:H,title:"Modal",children:e("div",{style:{height:"120px",padding:"16px",width:"240px"},children:e(a,{onClick:function(){l(!1)},secondary:!0,children:"Close Modal"})})})]})]})}),e("div",{style:{width:"240px"},children:e(r,{space:"large",children:[e("div",{style:n,children:e(N,{onChange:function(t){V(t.currentTarget.value)},options:[{value:"1st"},{value:"2nd"},{value:"3rd"}],value:b})}),e(W,{acceptedFileTypes:["image/jpeg","image/png"],multiple:!0,children:[e(u,{align:"center",children:e(Q,{children:"Drop images here"})}),e(s,{space:"small"}),e(u,{align:"center",children:e(Y,{children:"or"})}),e(s,{space:"small"}),e(R,{acceptedFileTypes:["image/jpeg","image/png"],children:"Choose Image Files"})]}),e("div",{style:n,children:e(D,{onChange:function(t){f(t.currentTarget.value)},options:[{value:"Light"},{value:"Regular"},{value:"Semibold"},{value:"Bold"}],value:h,variant:"border"})}),e(r,{space:"extraSmall",children:[e(c,{icon:e(q,{}),children:"Select a layer to get started"}),e(c,{icon:e(G,{}),variant:"success",children:"Plugin unlocked"}),e(c,{icon:e(K,{}),variant:"warning",children:"Invalid license key"})]}),e("div",{style:n,children:e(U,{hexColor:I,onHexColorInput:function(t){L(t.currentTarget.value)},onOpacityInput:function(t){B(t.currentTarget.value)},opacity:k,variant:"border"})})]})})]})})};var p,m,g;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
+import{g as w}from"./preact.module-pS-_M4k6.js";import{h as t}from"./create-component-a83A1_Pu.js";import{B as c}from"./banner-_WMKvoGx.js";import{B as a}from"./button-7i81gHC9.js";import{D}from"./dropdown-i_U1MUKd.js";import{F as R}from"./file-upload-button-RaAkgiqe.js";import{F as W}from"./file-upload-dropzone-URJ26_Ps.js";import{L as d}from"./layer-1iS7BN44.js";import{M as J}from"./modal-AU58KIp5.js";import{R as X}from"./range-slider-njcGadeh.js";import{S as N}from"./segmented-control-9Om1GZT4.js";import{T as u}from"./text-SssoFudj.js";import{T as U}from"./textbox-color-XA5fhHru.js";import{T as j}from"./textbox-numeric-PxkjMYjC.js";import{T as z}from"./toggle-Ssv4YiRN.js";import{I as _}from"./icon-layer-component-16-Cmvba59g.js";import{I as A}from"./icon-layer-frame-16-sVAwYanE.js";import{I as P}from"./icon-space-horizontal-16-X-oA0OB9.js";import{I as q,a as G,b as K}from"./icon-warning-32-EzzE98O2.js";import{B as Q}from"./bold-Jm537La9.js";import{M as Y}from"./muted-FAkxyWMe.js";import{C as Z}from"./columns-U3hU5xxd.js";import{S as r}from"./stack-_6nbU-5Y.js";import{V as s}from"./vertical-space-UCQOgkM_.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";import"./use-mouse-down-outside-sDCyQFx-.js";import"./get-current-from-ref-KzY6_NOj.js";import"./icon-control-chevron-down-8-WIusIu4s.js";import"./create-icon-prVyFgUx.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./constants-TQdAxsXB.js";import"./file-comparator-J4lx6xNz.js";import"./icon-cross-32-kKgUD1DN.js";import"./create-focus-trap-key-down-handler-_kplv3kG.js";import"./icon-button-UahFBS6G.js";import"./raw-textbox-numeric-P_SZCsOz.js";import"./compute-next-value-v04i_0LO.js";import"./is-keycode-character-generating-0Qf6Kf4s.js";import"./mixed-values-kiIAV0Ly.js";import"./textbox.module-SUUSsoq6.js";const ze={title:"Index"},o={alignItems:"center",backgroundColor:"var(--figma-color-bg-secondary)",display:"flex",height:"92px",justifyContent:"center",padding:"24px 40px"},i=function(){const[v,x]=t(!0),[h,f]=t("Regular"),[y,C]=t(!0),[S,T]=t("42"),[b,V]=t("1st"),[I,L]=t("0D99FF"),[k,B]=t("50%"),[M,F]=t("42"),[O,E]=t(!0),[H,l]=t(!1);return e(w,{children:e(Z,{space:"extraLarge",children:[e("div",{style:{width:"240px"},children:e(r,{space:"large",children:[e("div",{style:o,children:e(z,{onChange:function(n){E(n.currentTarget.checked)},value:O,children:e(u,{children:"Auto-update"})})}),e(r,{space:"extraSmall",children:[e(a,{fullWidth:!0,children:"Make Something Wonderful"}),e(a,{danger:!0,fullWidth:!0,children:"Discard Changes"}),e(a,{disabled:!0,fullWidth:!0,loading:!0,children:"Loading"})]}),e("div",{style:o,children:e(j,{icon:e(P,{}),onInput:function(n){F(n.currentTarget.value)},value:M,variant:"border"})}),e(r,{space:"extraSmall",children:[e(d,{icon:e(A,{}),onChange:function(n){C(n.currentTarget.checked)},value:y,children:"Frame"}),e(d,{bold:!0,component:!0,icon:e(_,{}),onChange:function(n){x(n.currentTarget.checked)},value:v,children:"Component"})]}),e("div",{style:o,children:e(X,{maximum:100,minimum:0,onInput:function(n){T(n.currentTarget.value)},value:S})}),e("div",{style:o,children:[e(a,{onClick:function(){l(!0)},secondary:!0,children:"Open Modal"}),e(J,{onCloseButtonClick:function(){l(!1)},onOverlayClick:function(){l(!1)},open:H,title:"Modal",children:e("div",{style:{height:"120px",padding:"16px",width:"240px"},children:e(a,{onClick:function(){l(!1)},secondary:!0,children:"Close Modal"})})})]})]})}),e("div",{style:{width:"240px"},children:e(r,{space:"large",children:[e("div",{style:o,children:e(N,{onChange:function(n){V(n.currentTarget.value)},options:[{value:"1st"},{value:"2nd"},{value:"3rd"}],value:b})}),e(W,{acceptedFileTypes:["image/jpeg","image/png"],multiple:!0,children:[e(u,{align:"center",children:e(Q,{children:"Drop images here"})}),e(s,{space:"small"}),e(u,{align:"center",children:e(Y,{children:"or"})}),e(s,{space:"small"}),e(R,{acceptedFileTypes:["image/jpeg","image/png"],children:"Choose Image Files"})]}),e("div",{style:o,children:e(D,{onChange:function(n){f(n.currentTarget.value)},options:[{value:"Light"},{value:"Regular"},{value:"Semibold"},{value:"Bold"}],value:h,variant:"border"})}),e(r,{space:"extraSmall",children:[e(c,{icon:e(q,{}),children:"Select a layer to get started"}),e(c,{icon:e(G,{}),variant:"success",children:"Plugin unlocked"}),e(c,{icon:e(K,{}),variant:"warning",children:"Invalid license key"})]}),e("div",{style:o,children:e(U,{hexColor:I,onHexColorInput:function(n){L(n.currentTarget.value)},onOpacityInput:function(n){B(n.currentTarget.value)},opacity:k,variant:"border"})})]})})]})})};var p,m,g;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
   const [componentLayerValue, setComponentLayerValue] = useState(true);
   const [dropdownValue, setDropdownValue] = useState('Regular');
   const [frameLayerValue, setFrameLayerValue] = useState(true);
@@ -143,4 +143,3 @@ import{k as w}from"./preact.module-fa42f7d1.js";import{h as o}from"./create-comp
       
     ;
 }`,...(g=(m=i.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};const _e=["Index"];export{i as Index,_e as __namedExportsOrder,ze as default};
-//# sourceMappingURL=index.stories-8bf340f0.js.map
diff --git a/storybook/assets/inline.stories-9fe0824d.css b/storybook/assets/inline-KDlXHm1z.css
similarity index 100%
rename from storybook/assets/inline.stories-9fe0824d.css
rename to storybook/assets/inline-KDlXHm1z.css
diff --git a/storybook/assets/inline.stories-36ef1375.js.map b/storybook/assets/inline.stories-36ef1375.js.map
deleted file mode 100644
index 49cd3cc5d..000000000
--- a/storybook/assets/inline.stories-36ef1375.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"inline.stories-36ef1375.js","sources":["../../src/layout/inline/inline.tsx"],"sourcesContent":["import { ComponentChild, ComponentChildren, h, toChildArray } from 'preact'\n\nimport { Space } from '../../types/space.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './inline.module.css'\n\nexport type InlineProps = {\n  children: ComponentChildren\n  space?: InlineSpace\n}\nexport type InlineSpace = Space\n\nexport const Inline = createComponent(function (\n  { children, space, ...rest },\n  ref\n) {\n  return (\n    \n      {toChildArray(children).map(function (\n        child: ComponentChild,\n        index: number\n      ) {\n        return (\n          
\n            {child}\n          
\n        )\n      })}\n    
\n  )\n})\n"],"names":["Inline","createComponent","children","space","rest","ref","_jsx","class","undefined","styles","toChildArray","map","child","index"],"mappings":"4VAYaA,EAASC,EAA6C,SACjE,CAAEC,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAK,EAC3BC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GACMF,EACJC,IAAAA,EACAE,MAAO,OAAOJ,EAAU,IAAcK,OAAYC,EAAON,CAAK,EAAED,SAE/DQ,EAAaR,CAAQ,EAAES,IAAI,SAC1BC,EACAC,EACA,CACA,OACEP,EAAA,MAAA,CAAiBC,MAAOE,EAAOG,MAAMV,SAClCU,GADOC,CAEL,CAAA,CAER,CAAA,CACE,CAET,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/inline.stories-36ef1375.js b/storybook/assets/inline.stories-wsks3aEC.js
similarity index 58%
rename from storybook/assets/inline.stories-36ef1375.js
rename to storybook/assets/inline.stories-wsks3aEC.js
index f561df579..87fa0b1b7 100644
--- a/storybook/assets/inline.stories-36ef1375.js
+++ b/storybook/assets/inline.stories-wsks3aEC.js
@@ -1,4 +1,4 @@
-import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";const A="_extraSmall_1u924_1",B="_medium_1u924_4",F="_large_1u924_7",G="_small_1u924_10",H="_extraLarge_1u924_13",J="_child_1u924_17",d={extraSmall:A,medium:B,large:F,small:G,extraLarge:H,child:J},a=w(function({children:e,space:s,...D},M){return r("div",{...D,ref:M,class:typeof s>"u"?void 0:d[s],children:q(e).map(function(O,j){return r("div",{class:d.child,children:O},j)})})}),Q={title:"Layout/Inline"},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},n=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var u,m,v;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
+import{$ as j}from"./preact.module-pS-_M4k6.js";import{c as q}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const w="_extraSmall_1u924_1",A="_medium_1u924_4",B="_large_1u924_7",F="_small_1u924_10",G="_extraLarge_1u924_13",H="_child_1u924_17",d={extraSmall:w,medium:A,large:B,small:F,extraLarge:G,child:H},n=q(function({children:e,space:s,...D},M){return r("div",{...D,ref:M,class:typeof s>"u"?void 0:d[s],children:j(e).map(function(O,$){return r("div",{class:d.child,children:O},$)})})}),P={title:"Layout/Inline"},a=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},l=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(n,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var u,m,v;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -7,7 +7,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
       
bar

       
baz

     ;
-}`,...(v=(m=o.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var y,b,g;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
+}`,...(v=(m=a.parameters)==null?void 0:m.docs)==null?void 0:v.source}}};var y,b,g;o.parameters={...o.parameters,docs:{...(y=o.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -16,7 +16,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
       
bar

       
baz

     ;
-}`,...(g=(b=t.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var p,f,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
+}`,...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var p,f,h;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -25,7 +25,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
       
bar

       
baz

     ;
-}`,...(h=(f=n.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var S,_,x;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
+}`,...(h=(f=t.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var S,_,x;i.parameters={...i.parameters,docs:{...(S=i.parameters)==null?void 0:S.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -34,7 +34,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
       
bar

       
baz

     ;
-}`,...(x=(_=i.parameters)==null?void 0:_.docs)==null?void 0:x.source}}};var C,I,k;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`function () {
+}`,...(x=(_=i.parameters)==null?void 0:_.docs)==null?void 0:x.source}}};var I,C,k;l.parameters={...l.parameters,docs:{...(I=l.parameters)==null?void 0:I.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -43,7 +43,7 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
       
bar

       
baz

     ;
-}`,...(k=(I=l.parameters)==null?void 0:I.docs)==null?void 0:k.source}}};var z,L,E;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+}`,...(k=(C=l.parameters)==null?void 0:C.docs)==null?void 0:k.source}}};var z,L,E;c.parameters={...c.parameters,docs:{...(z=c.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -52,5 +52,4 @@ import{C as q}from"./preact.module-fa42f7d1.js";import{c as w}from"./create-comp
       
bar

       
baz

     ;
-}`,...(E=(L=c.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const R=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{o as Default,c as ExtraLargeSpace,t as ExtraSmallSpace,l as LargeSpace,i as MediumSpace,n as SmallSpace,R as __namedExportsOrder,Q as default};
-//# sourceMappingURL=inline.stories-36ef1375.js.map
+}`,...(E=(L=c.parameters)==null?void 0:L.docs)==null?void 0:E.source}}};const Q=["Default","ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{a as Default,c as ExtraLargeSpace,o as ExtraSmallSpace,l as LargeSpace,i as MediumSpace,t as SmallSpace,Q as __namedExportsOrder,P as default};
diff --git a/storybook/assets/is-keycode-character-generating-0746a523.js.map b/storybook/assets/is-keycode-character-generating-0746a523.js.map
deleted file mode 100644
index e11e09297..000000000
--- a/storybook/assets/is-keycode-character-generating-0746a523.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"is-keycode-character-generating-0746a523.js","sources":["../../src/components/textbox/private/is-keycode-character-generating.ts"],"sourcesContent":["export function isKeyCodeCharacterGenerating(keyCode: number): boolean {\n  return (\n    keyCode === 32 || // space\n    (keyCode >= 48 && keyCode <= 57) || // 0 to 9\n    (keyCode >= 65 && keyCode <= 90) || // A to Z\n    (keyCode >= 96 && keyCode <= 105) || // Number pad\n    (keyCode >= 186 && keyCode <= 192) || // ;=,-./`\n    (keyCode >= 219 && keyCode <= 222) // [\\]'\n  )\n}\n"],"names":["isKeyCodeCharacterGenerating","keyCode"],"mappings":"AAAO,SAASA,EAA6BC,EAA0B,CACrE,OACEA,IAAY,IACXA,GAAW,IAAMA,GAAW,IAC5BA,GAAW,IAAMA,GAAW,IAC5BA,GAAW,IAAMA,GAAW,KAC5BA,GAAW,KAAOA,GAAW,KAC7BA,GAAW,KAAOA,GAAW,GAElC"}
\ No newline at end of file
diff --git a/storybook/assets/is-keycode-character-generating-0746a523.js b/storybook/assets/is-keycode-character-generating-0Qf6Kf4s.js
similarity index 63%
rename from storybook/assets/is-keycode-character-generating-0746a523.js
rename to storybook/assets/is-keycode-character-generating-0Qf6Kf4s.js
index 1689a37c4..91f21fa48 100644
--- a/storybook/assets/is-keycode-character-generating-0746a523.js
+++ b/storybook/assets/is-keycode-character-generating-0Qf6Kf4s.js
@@ -1,2 +1 @@
 function n(r){return r===32||r>=48&&r<=57||r>=65&&r<=90||r>=96&&r<=105||r>=186&&r<=192||r>=219&&r<=222}export{n as i};
-//# sourceMappingURL=is-keycode-character-generating-0746a523.js.map
diff --git a/storybook/assets/jsxRuntime.module-632ba37d.js b/storybook/assets/jsxRuntime.module-632ba37d.js
deleted file mode 100644
index 9b2e365d0..000000000
--- a/storybook/assets/jsxRuntime.module-632ba37d.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{l as e}from"./preact.module-fa42f7d1.js";var v=0;function c(n,l,f,d,t,i){var o,_,r={};for(_ in l)_=="ref"?o=l[_]:r[_]=l[_];var u={type:n,props:r,key:f,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--v,__source:t,__self:i};if(typeof n=="function"&&(o=n.defaultProps))for(_ in o)r[_]===void 0&&(r[_]=o[_]);return e.vnode&&e.vnode(u),u}export{c as o};
-//# sourceMappingURL=jsxRuntime.module-632ba37d.js.map
diff --git a/storybook/assets/jsxRuntime.module-632ba37d.js.map b/storybook/assets/jsxRuntime.module-632ba37d.js.map
deleted file mode 100644
index 986107dc9..000000000
--- a/storybook/assets/jsxRuntime.module-632ba37d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"jsxRuntime.module-632ba37d.js","sources":["../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js"],"sourcesContent":["import{options as r}from\"preact\";export{Fragment}from\"preact\";var _=0;function o(o,e,n,t,f,l){var s,u,a={};for(u in e)\"ref\"==u?s=e[u]:a[u]=e[u];var i={type:o,props:a,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_,__source:f,__self:l};if(\"function\"==typeof o&&(s=o.defaultProps))for(u in s)void 0===a[u]&&(a[u]=s[u]);return r.vnode&&r.vnode(i),i}export{o as jsx,o as jsxDEV,o as jsxs};\n//# sourceMappingURL=jsxRuntime.module.js.map\n"],"names":["_","o","e","n","t","f","l","s","u","a","i","r"],"mappings":"gDAA8D,IAAIA,EAAE,EAAE,SAASC,EAAEA,EAAEC,EAAEC,EAAEC,EAAEC,EAAEC,EAAE,CAAC,IAAIC,EAAEC,EAAEC,EAAE,CAAA,EAAG,IAAID,KAAKN,EAASM,GAAP,MAASD,EAAEL,EAAEM,CAAC,EAAEC,EAAED,CAAC,EAAEN,EAAEM,CAAC,EAAE,IAAIE,EAAE,CAAC,KAAKT,EAAE,MAAMQ,EAAE,IAAIN,EAAE,IAAII,EAAE,IAAI,KAAK,GAAG,KAAK,IAAI,EAAE,IAAI,KAAK,IAAI,OAAO,IAAI,KAAK,IAAI,KAAK,YAAY,OAAO,IAAI,EAAEP,EAAE,SAASK,EAAE,OAAOC,CAAC,EAAE,GAAe,OAAOL,GAAnB,aAAuBM,EAAEN,EAAE,cAAc,IAAIO,KAAKD,EAAWE,EAAED,CAAC,IAAZ,SAAgBC,EAAED,CAAC,EAAED,EAAEC,CAAC,GAAG,OAAOG,EAAE,OAAOA,EAAE,MAAMD,CAAC,EAAEA,CAAC","x_google_ignoreList":[0]}
\ No newline at end of file
diff --git a/storybook/assets/jsxRuntime.module-mP9ZGqev.js b/storybook/assets/jsxRuntime.module-mP9ZGqev.js
new file mode 100644
index 000000000..2a6260d94
--- /dev/null
+++ b/storybook/assets/jsxRuntime.module-mP9ZGqev.js
@@ -0,0 +1 @@
+import{l as u}from"./preact.module-pS-_M4k6.js";var p=0;function d(n,f,e,t,i,v){var o,_,r={};for(_ in f)_=="ref"?o=f[_]:r[_]=f[_];var l={type:n,props:r,key:e,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--p,__i:-1,__u:0,__source:i,__self:v};if(typeof n=="function"&&(o=n.defaultProps))for(_ in o)r[_]===void 0&&(r[_]=o[_]);return u.vnode&&u.vnode(l),l}export{d as u};
diff --git a/storybook/assets/layer-5c2c61bd.js b/storybook/assets/layer-1iS7BN44.js
similarity index 60%
rename from storybook/assets/layer-5c2c61bd.js
rename to storybook/assets/layer-1iS7BN44.js
index 393a9e6c6..41457d73d 100644
--- a/storybook/assets/layer-5c2c61bd.js
+++ b/storybook/assets/layer-1iS7BN44.js
@@ -1,2 +1 @@
-import{c as w,T as a}from"./create-component-b0512abd.js";import{c as y}from"./create-class-name-71c46838.js";import{n as e}from"./no-op-cb277961.js";import{o as c}from"./jsxRuntime.module-632ba37d.js";const T="_layer_1ixkw_1",g="_input_1ixkw_10",C="_box_1ixkw_11",L="_disabled_1ixkw_23",I="_component_1ixkw_35",N="_icon_1ixkw_43",P="_children_1ixkw_44",j="_description_1ixkw_45",q="_bold_1ixkw_63",n={layer:T,input:g,box:C,disabled:L,component:I,icon:N,children:P,description:j,bold:q},D=w(function({bold:d=!1,children:_,component:p=!1,description:i,icon:u,onChange:t=e,onKeyDown:s=e,onValueChange:l=e,propagateEscapeKeyDown:r=!0,value:x,...b},f){const m=a(function(o){t(o);const h=o.currentTarget.checked===!0;l(h)},[t,l]),k=a(function(o){s(o),o.key==="Escape"&&(r===!1&&o.stopPropagation(),o.currentTarget.blur())},[s,r]);return c("label",{class:y([n.layer,d===!0?n.bold:null,p===!0?n.component:null]),children:[c("input",{...b,ref:f,checked:x===!0,class:n.input,onChange:m,onKeyDown:k,tabIndex:0,type:"checkbox"}),c("div",{class:n.box}),c("div",{class:n.icon,children:u}),c("div",{class:n.children,children:_}),typeof i>"u"?null:c("div",{class:n.description,children:i})]})});export{D as L};
-//# sourceMappingURL=layer-5c2c61bd.js.map
+import{c as w,T as a}from"./create-component-a83A1_Pu.js";import{c as y}from"./create-class-name-gq91Tlk7.js";import{n as e}from"./no-op-Uu3q6ZSj.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";const T="_layer_1ixkw_1",g="_input_1ixkw_10",C="_box_1ixkw_11",L="_disabled_1ixkw_23",I="_component_1ixkw_35",N="_icon_1ixkw_43",P="_children_1ixkw_44",j="_description_1ixkw_45",q="_bold_1ixkw_63",n={layer:T,input:g,box:C,disabled:L,component:I,icon:N,children:P,description:j,bold:q},D=w(function({bold:d=!1,children:_,component:u=!1,description:i,icon:p,onChange:t=e,onKeyDown:s=e,onValueChange:l=e,propagateEscapeKeyDown:r=!0,value:x,...b},f){const m=a(function(o){t(o);const h=o.currentTarget.checked===!0;l(h)},[t,l]),k=a(function(o){s(o),o.key==="Escape"&&(r===!1&&o.stopPropagation(),o.currentTarget.blur())},[s,r]);return c("label",{class:y([n.layer,d===!0?n.bold:null,u===!0?n.component:null]),children:[c("input",{...b,ref:f,checked:x===!0,class:n.input,onChange:m,onKeyDown:k,tabIndex:0,type:"checkbox"}),c("div",{class:n.box}),c("div",{class:n.icon,children:p}),c("div",{class:n.children,children:_}),typeof i>"u"?null:c("div",{class:n.description,children:i})]})});export{D as L};
diff --git a/storybook/assets/layer-5c2c61bd.js.map b/storybook/assets/layer-5c2c61bd.js.map
deleted file mode 100644
index c8895e29d..000000000
--- a/storybook/assets/layer-5c2c61bd.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-5c2c61bd.js","sources":["../../src/components/layer/layer.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './layer.module.css'\n\nexport interface LayerProps extends FocusableComponentProps {\n  bold?: boolean\n  children: ComponentChildren\n  component?: boolean\n  description?: string\n  icon: ComponentChildren\n  onChange?: EventHandler.onChange\n  onValueChange?: EventHandler.onValueChange\n  value: boolean\n}\n\nexport const Layer = createComponent(function (\n  {\n    bold = false,\n    children,\n    component = false,\n    description,\n    icon,\n    onChange = noop,\n    onKeyDown = noop,\n    onValueChange = noop,\n    propagateEscapeKeyDown = true,\n    value,\n    ...rest\n  },\n  ref\n) {\n  const handleChange = useCallback(\n    function (event: Event.onChange) {\n      onChange(event)\n      const newValue = event.currentTarget.checked === true\n      onValueChange(newValue)\n    },\n    [onChange, onValueChange]\n  )\n\n  const handleKeyDown = useCallback(\n    function (event: Event.onKeyDown) {\n      onKeyDown(event)\n      if (event.key === 'Escape') {\n        if (propagateEscapeKeyDown === false) {\n          event.stopPropagation()\n        }\n        event.currentTarget.blur()\n      }\n    },\n    [onKeyDown, propagateEscapeKeyDown]\n  )\n\n  return (\n    \n      \n      
\n      
{icon}
\n      
{children}
\n      {typeof description === 'undefined' ? null : (\n        
{description}
\n      )}\n    \n  )\n})\n"],"names":["Layer","createComponent","bold","children","component","description","icon","onChange","noop","onKeyDown","onValueChange","propagateEscapeKeyDown","value","rest","ref","handleChange","useCallback","event","newValue","currentTarget","checked","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","layer","_jsx","input","tabIndex","type","box"],"mappings":"ueAqBaA,EAAQC,EAA8C,SACjE,CACEC,KAAAA,EAAO,GACPC,SAAAA,EACAC,UAAAA,EAAY,GACZC,YAAAA,EACAC,KAAAA,EACAC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDV,EAASU,CAAK,EACRC,MAAAA,EAAWD,EAAME,cAAcC,UAAY,GACjDV,EAAcQ,CAAQ,CAAA,EAExB,CAACX,EAAUG,CAAa,CAC1B,EAEMW,EAAgBL,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMK,MAAQ,WACZX,IAA2B,IAC7BM,EAAMM,gBAAgB,EAExBN,EAAME,cAAcK,OACtB,EAEF,CAACf,EAAWE,CAAsB,CACpC,EAEA,OACEc,EAAA,QAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,MACP3B,IAAS,GAAO0B,EAAO1B,KAAO,KAC9BE,IAAc,GAAOwB,EAAOxB,UAAY,IAAI,CAC7C,EAAED,UAEH2B,EAAA,QAAA,CAAA,GACMjB,EACJC,IAAAA,EACAM,QAASR,IAAU,GACnBc,MAAOE,EAAOG,MACdxB,SAAUQ,EACVN,UAAWY,EACXW,SAAU,EACVC,KAAK,UAAA,CACN,EACDH,EAAA,MAAA,CAAKJ,MAAOE,EAAOM,GAAAA,CAAM,EACzBJ,EAAA,MAAA,CAAKJ,MAAOE,EAAOtB,KAAKH,SAAEG,CAAAA,CAAU,EACpCwB,EAAA,MAAA,CAAKJ,MAAOE,EAAOzB,SAASA,SAAAA,CAAAA,CAAgB,EAC3C,OAAOE,EAAgB,IAAc,KACpCyB,EAAA,MAAA,CAAKJ,MAAOE,EAAOvB,YAAYF,SAAEE,CAAAA,CAAiB,CACnD,CAAA,CACI,CAEX,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/layer-64539675.css b/storybook/assets/layer-GU1ceIAw.css
similarity index 100%
rename from storybook/assets/layer-64539675.css
rename to storybook/assets/layer-GU1ceIAw.css
diff --git a/storybook/assets/layer-component-selected.stories-9a6a8262.js.map b/storybook/assets/layer-component-selected.stories-9a6a8262.js.map
deleted file mode 100644
index db85bd3f8..000000000
--- a/storybook/assets/layer-component-selected.stories-9a6a8262.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-component-selected.stories-9a6a8262.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-component-selected.stories-9a6a8262.js b/storybook/assets/layer-component-selected.stories-WW1m5OgW.js
similarity index 64%
rename from storybook/assets/layer-component-selected.stories-9a6a8262.js
rename to storybook/assets/layer-component-selected.stories-WW1m5OgW.js
index 23063ba91..580a86c8b 100644
--- a/storybook/assets/layer-component-selected.stories-9a6a8262.js
+++ b/storybook/assets/layer-component-selected.stories-WW1m5OgW.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-initial-focus-57bdde46.js";import{I as u}from"./icon-layer-component-16-f7ee7cd7.js";import{L as l}from"./layer-5c2c61bd.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["4"],title:"Components/Layer/Component Selected"},s=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{component:!0,icon:o(u,{}),onChange:r,value:t,children:"Text"})},i=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{...k(),component:!0,icon:o(u,{}),onChange:r,value:t,children:"Text"})},d=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{bold:!0,component:!0,icon:o(u,{}),onChange:r,value:t,children:"Text"})},p=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{component:!0,description:"Description",icon:o(u,{}),onChange:r,value:t,children:"Text"})},m=function(){const[t,a]=c(!0);function r(n){console.log(n),a(n)}return o(l,{component:!0,icon:o(u,{}),onValueChange:r,value:t,children:"Text"})};var h,g,V;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+import{h as c}from"./create-component-a83A1_Pu.js";import{u as k}from"./use-initial-focus-xmfxIugy.js";import{I as u}from"./icon-layer-component-16-Cmvba59g.js";import{L as l}from"./layer-1iS7BN44.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["4"],title:"Components/Layer/Component Selected"},s=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{component:!0,icon:o(u,{}),onChange:r,value:t,children:"Text"})},i=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{...k(),component:!0,icon:o(u,{}),onChange:r,value:t,children:"Text"})},d=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{bold:!0,component:!0,icon:o(u,{}),onChange:r,value:t,children:"Text"})},p=function(){const[t,a]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),a(e)}return o(l,{component:!0,description:"Description",icon:o(u,{}),onChange:r,value:t,children:"Text"})},m=function(){const[t,a]=c(!0);function r(n){console.log(n),a(n)}return o(l,{component:!0,icon:o(u,{}),onValueChange:r,value:t,children:"Text"})};var h,g,V;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(true);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-init
       Text
     ;
 }`,...(b=(E=m.parameters)==null?void 0:E.docs)==null?void 0:b.source}}};const W=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,p as Description,i as Focused,m as OnValueChange,s as Passive,W as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-component-selected.stories-9a6a8262.js.map
diff --git a/storybook/assets/layer-component-unselected.stories-3eb75bff.js.map b/storybook/assets/layer-component-unselected.stories-3eb75bff.js.map
deleted file mode 100644
index e9da0e4e8..000000000
--- a/storybook/assets/layer-component-unselected.stories-3eb75bff.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-component-unselected.stories-3eb75bff.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-component-unselected.stories-3eb75bff.js b/storybook/assets/layer-component-unselected.stories-4sbK85q6.js
similarity index 64%
rename from storybook/assets/layer-component-unselected.stories-3eb75bff.js
rename to storybook/assets/layer-component-unselected.stories-4sbK85q6.js
index fb3aac033..9e9e71b74 100644
--- a/storybook/assets/layer-component-unselected.stories-3eb75bff.js
+++ b/storybook/assets/layer-component-unselected.stories-4sbK85q6.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-layer-component-16-f7ee7cd7.js";import{L as u}from"./layer-5c2c61bd.js";import{o}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Layer/Component Unselected"},l=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},i=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{...k(),component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},d=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{bold:!0,component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},p=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,description:"Description",icon:o(s,{}),onChange:r,value:a,children:"Text"})},m=function(){const[a,t]=c(!1);function r(n){console.log(n),t(n)}return o(u,{component:!0,icon:o(s,{}),onValueChange:r,value:a,children:"Text"})};var h,g,V;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+import{h as c}from"./create-component-a83A1_Pu.js";import{u as k}from"./use-initial-focus-xmfxIugy.js";import{I as s}from"./icon-layer-component-16-Cmvba59g.js";import{L as u}from"./layer-1iS7BN44.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["3"],title:"Components/Layer/Component Unselected"},l=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},i=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{...k(),component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},d=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{bold:!0,component:!0,icon:o(s,{}),onChange:r,value:a,children:"Text"})},p=function(){const[a,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return o(u,{component:!0,description:"Description",icon:o(s,{}),onChange:r,value:a,children:"Text"})},m=function(){const[a,t]=c(!1);function r(n){console.log(n),t(n)}return o(u,{component:!0,icon:o(s,{}),onValueChange:r,value:a,children:"Text"})};var h,g,V;l.parameters={...l.parameters,docs:{...(h=l.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(false);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as k}from"./use-init
       Text
     ;
 }`,...(b=(E=m.parameters)==null?void 0:E.docs)==null?void 0:b.source}}};const U=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,p as Description,i as Focused,m as OnValueChange,l as Passive,U as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-component-unselected.stories-3eb75bff.js.map
diff --git a/storybook/assets/layer-frame-selected.stories-65b266eb.js.map b/storybook/assets/layer-frame-selected.stories-65b266eb.js.map
deleted file mode 100644
index cc3820ab4..000000000
--- a/storybook/assets/layer-frame-selected.stories-65b266eb.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-frame-selected.stories-65b266eb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-frame-selected.stories-65b266eb.js b/storybook/assets/layer-frame-selected.stories-uJtAPPGq.js
similarity index 73%
rename from storybook/assets/layer-frame-selected.stories-65b266eb.js
rename to storybook/assets/layer-frame-selected.stories-uJtAPPGq.js
index 0334787bc..e2d6967f0 100644
--- a/storybook/assets/layer-frame-selected.stories-65b266eb.js
+++ b/storybook/assets/layer-frame-selected.stories-uJtAPPGq.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-initial-focus-57bdde46.js";import{I as u}from"./icon-layer-frame-16-89e1c06f.js";import{L as l}from"./layer-5c2c61bd.js";import{o as a}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Layer/Frame Selected"},s=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{icon:a(u,{}),onChange:r,value:t,children:"Text"})},i=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{...b(),icon:a(u,{}),onChange:r,value:t,children:"Text"})},d=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{bold:!0,icon:a(u,{}),onChange:r,value:t,children:"Text"})},h=function(){const[t,o]=c(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{description:"Description",icon:a(u,{}),onChange:r,value:t,children:"Text"})},g=function(){const[t,o]=c(!0);function r(n){console.log(n),o(n)}return a(l,{icon:a(u,{}),onValueChange:r,value:t,children:"Text"})};var m,p,V;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
+import{h as u}from"./create-component-a83A1_Pu.js";import{u as b}from"./use-initial-focus-xmfxIugy.js";import{I as c}from"./icon-layer-frame-16-sVAwYanE.js";import{L as l}from"./layer-1iS7BN44.js";import{u as a}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Layer/Frame Selected"},s=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{icon:a(c,{}),onChange:r,value:t,children:"Text"})},i=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{...b(),icon:a(c,{}),onChange:r,value:t,children:"Text"})},d=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{bold:!0,icon:a(c,{}),onChange:r,value:t,children:"Text"})},h=function(){const[t,o]=u(!0);function r(n){const e=n.currentTarget.checked;console.log(e),o(e)}return a(l,{description:"Description",icon:a(c,{}),onChange:r,value:t,children:"Text"})},g=function(){const[t,o]=u(!0);function r(n){console.log(n),o(n)}return a(l,{icon:a(c,{}),onValueChange:r,value:t,children:"Text"})};var m,p,V;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(true);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-init
       Text
     ;
 }`,...(E=(F=g.parameters)==null?void 0:F.docs)==null?void 0:E.source}}};const W=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,h as Description,i as Focused,g as OnValueChange,s as Passive,W as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-frame-selected.stories-65b266eb.js.map
diff --git a/storybook/assets/layer-frame-unselected.stories-43279d0f.js.map b/storybook/assets/layer-frame-unselected.stories-43279d0f.js.map
deleted file mode 100644
index 5a0b760b1..000000000
--- a/storybook/assets/layer-frame-unselected.stories-43279d0f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"layer-frame-unselected.stories-43279d0f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/layer-frame-unselected.stories-43279d0f.js b/storybook/assets/layer-frame-unselected.stories-NXBHKMAz.js
similarity index 89%
rename from storybook/assets/layer-frame-unselected.stories-43279d0f.js
rename to storybook/assets/layer-frame-unselected.stories-NXBHKMAz.js
index 193995f0a..691aeb87b 100644
--- a/storybook/assets/layer-frame-unselected.stories-43279d0f.js
+++ b/storybook/assets/layer-frame-unselected.stories-NXBHKMAz.js
@@ -1,4 +1,4 @@
-import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-initial-focus-57bdde46.js";import{I as s}from"./icon-layer-frame-16-89e1c06f.js";import{L as l}from"./layer-5c2c61bd.js";import{o as a}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const P={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Layer/Frame Unselected"},u=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{icon:a(s,{}),onChange:r,value:o,children:"Text"})},i=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{...b(),icon:a(s,{}),onChange:r,value:o,children:"Text"})},d=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{bold:!0,icon:a(s,{}),onChange:r,value:o,children:"Text"})},h=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{description:"Description",icon:a(s,{}),onChange:r,value:o,children:"Text"})},g=function(){const[o,t]=c(!1);function r(n){console.log(n),t(n)}return a(l,{icon:a(s,{}),onValueChange:r,value:o,children:"Text"})};var m,p,V;u.parameters={...u.parameters,docs:{...(m=u.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
+import{h as c}from"./create-component-a83A1_Pu.js";import{u as b}from"./use-initial-focus-xmfxIugy.js";import{I as s}from"./icon-layer-frame-16-sVAwYanE.js";import{L as l}from"./layer-1iS7BN44.js";import{u as a}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const P={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Layer/Frame Unselected"},u=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{icon:a(s,{}),onChange:r,value:o,children:"Text"})},i=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{...b(),icon:a(s,{}),onChange:r,value:o,children:"Text"})},d=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{bold:!0,icon:a(s,{}),onChange:r,value:o,children:"Text"})},h=function(){const[o,t]=c(!1);function r(n){const e=n.currentTarget.checked;console.log(e),t(e)}return a(l,{description:"Description",icon:a(s,{}),onChange:r,value:o,children:"Text"})},g=function(){const[o,t]=c(!1);function r(n){console.log(n),t(n)}return a(l,{icon:a(s,{}),onValueChange:r,value:o,children:"Text"})};var m,p,V;u.parameters={...u.parameters,docs:{...(m=u.parameters)==null?void 0:m.docs,source:{originalSource:`function () {
   const [value, setValue] = useState(false);
   function handleChange(event: JSX.TargetedEvent) {
     const newValue = event.currentTarget.checked;
@@ -48,4 +48,3 @@ import{h as c}from"./create-component-b0512abd.js";import{u as b}from"./use-init
       Text
     ;
 }`,...(E=(F=g.parameters)==null?void 0:F.docs)==null?void 0:E.source}}};const U=["Passive","Focused","Bold","Description","OnValueChange"];export{d as Bold,h as Description,i as Focused,g as OnValueChange,u as Passive,U as __namedExportsOrder,P as default};
-//# sourceMappingURL=layer-frame-unselected.stories-43279d0f.js.map
diff --git a/storybook/assets/link.stories-43d6b0b7.css b/storybook/assets/link-v2tCSOw6.css
similarity index 100%
rename from storybook/assets/link.stories-43d6b0b7.css
rename to storybook/assets/link-v2tCSOw6.css
diff --git a/storybook/assets/link.stories-8f4fc19d.js.map b/storybook/assets/link.stories-8f4fc19d.js.map
deleted file mode 100644
index 91f542d1f..000000000
--- a/storybook/assets/link.stories-8f4fc19d.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"link.stories-8f4fc19d.js","sources":["../../src/inline-text/link/link.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './link.module.css'\n\nexport interface LinkProps extends FocusableComponentProps {\n  children: ComponentChildren\n  fullWidth?: boolean\n  href: string\n  target?: string\n}\n\nexport const Link = createComponent(function (\n  {\n    children,\n    fullWidth = false,\n    href,\n    onKeyDown = noop,\n    propagateEscapeKeyDown = true,\n    target,\n    ...rest\n  },\n  ref\n) {\n  const handleKeyDown = useCallback(\n    function (event: Event.onKeyDown) {\n      onKeyDown(event)\n      if (event.key === 'Escape') {\n        if (propagateEscapeKeyDown === false) {\n          event.stopPropagation()\n        }\n        event.currentTarget.blur()\n      }\n    },\n    [propagateEscapeKeyDown, onKeyDown]\n  )\n\n  return (\n    \n      {children}\n    \n  )\n})\n"],"names":["Link","createComponent","children","fullWidth","href","onKeyDown","noop","propagateEscapeKeyDown","target","rest","ref","handleKeyDown","useCallback","event","key","stopPropagation","currentTarget","blur","_jsx","class","createClassName","styles","link","tabIndex"],"mappings":"4VAiBaA,EAAOC,EAA8C,SAChE,CACEC,SAAAA,EACAC,UAAAA,EAAY,GACZC,KAAAA,EACAC,UAAAA,EAAYC,EACZC,uBAAAA,EAAyB,GACzBC,OAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAgBC,EACpB,SAAUC,EAA2C,CACnDR,EAAUQ,CAAK,EACXA,EAAMC,MAAQ,WACZP,IAA2B,IAC7BM,EAAME,gBAAgB,EAExBF,EAAMG,cAAcC,OACtB,EAEF,CAACV,EAAwBF,CAAS,CACpC,EAEA,OACEa,EAAA,IAAA,CAAA,GACMT,EACJC,IAAAA,EACAS,MAAOC,EAAgB,CACrBC,EAAOC,KACPnB,IAAc,GAAOkB,EAAOlB,UAAY,IAAI,CAC7C,EACDC,KAAAA,EACAC,UAAWM,EACXY,SAAU,EACVf,OAAAA,EAAeN,SAAAA,CAAAA,CAGd,CAEP,CAAC;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/link.stories-8f4fc19d.js b/storybook/assets/link.stories-s_WMOv7o.js
similarity index 55%
rename from storybook/assets/link.stories-8f4fc19d.js
rename to storybook/assets/link.stories-s_WMOv7o.js
index abc82f5b2..b63a28fea 100644
--- a/storybook/assets/link.stories-8f4fc19d.js
+++ b/storybook/assets/link.stories-s_WMOv7o.js
@@ -1,14 +1,14 @@
-import{T as i}from"./text-72c2365d.js";import{c as C,T as N}from"./create-component-b0512abd.js";import{c as S}from"./create-class-name-71c46838.js";import{n as v}from"./no-op-cb277961.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const D="_link_xe0wi_1",F="_fullWidth_xe0wi_15",u={link:D,fullWidth:F},a=C(function({children:s,fullWidth:T=!1,href:_,onKeyDown:c=v,propagateEscapeKeyDown:l=!0,target:b,...W},y){const w=N(function(t){c(t),t.key==="Escape"&&(l===!1&&t.stopPropagation(),t.currentTarget.blur())},[l,c]);return r("a",{...W,ref:y,class:S([u.link,T===!0?u.fullWidth:null]),href:_,onKeyDown:w,tabIndex:0,target:b,children:s})}),z={title:"Inline Text/Link"},e=function(){return r(i,{children:r(a,{href:"https://figma.com",children:"Link"})})},n=function(){return r(i,{children:r(a,{href:"https://figma.com",target:"_blank",children:"Link"})})},o=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(i,{children:r(a,{fullWidth:!0,href:"https://figma.com",children:"Link"})})})};var f,m,d;e.parameters={...e.parameters,docs:{...(f=e.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
+import{T as i}from"./text-SssoFudj.js";import{c as C,T as N}from"./create-component-a83A1_Pu.js";import{c as S}from"./create-class-name-gq91Tlk7.js";import{n as v}from"./no-op-Uu3q6ZSj.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const D="_link_xe0wi_1",F="_fullWidth_xe0wi_15",u={link:D,fullWidth:F},a=C(function({children:s,fullWidth:T=!1,href:_,onKeyDown:c=v,propagateEscapeKeyDown:l=!0,target:b,...W},y){const w=N(function(n){c(n),n.key==="Escape"&&(l===!1&&n.stopPropagation(),n.currentTarget.blur())},[l,c]);return r("a",{...W,ref:y,class:S([u.link,T===!0?u.fullWidth:null]),href:_,onKeyDown:w,tabIndex:0,target:b,children:s})}),z={title:"Inline Text/Link"},t=function(){return r(i,{children:r(a,{href:"https://figma.com",children:"Link"})})},e=function(){return r(i,{children:r(a,{href:"https://figma.com",target:"_blank",children:"Link"})})},o=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(i,{children:r(a,{fullWidth:!0,href:"https://figma.com",children:"Link"})})})};var f,m,d;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`function () {
   return 
       Link
     ;
-}`,...(d=(m=e.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var h,p,k;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
+}`,...(d=(m=t.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var h,p,k;e.parameters={...e.parameters,docs:{...(h=e.parameters)==null?void 0:h.docs,source:{originalSource:`function () {
   return 
       
         Link
       
     ;
-}`,...(k=(p=n.parameters)==null?void 0:p.docs)==null?void 0:k.source}}};var g,L,x;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
+}`,...(k=(p=e.parameters)==null?void 0:p.docs)==null?void 0:k.source}}};var g,L,x;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)'
   };
@@ -19,5 +19,4 @@ import{T as i}from"./text-72c2365d.js";import{c as C,T as N}from"./create-compon
         
       
     
;
-}`,...(x=(L=o.parameters)==null?void 0:L.docs)==null?void 0:x.source}}};const A=["Default","NewWindow","FullWidth"];export{e as Default,o as FullWidth,n as NewWindow,A as __namedExportsOrder,z as default};
-//# sourceMappingURL=link.stories-8f4fc19d.js.map
+}`,...(x=(L=o.parameters)==null?void 0:L.docs)==null?void 0:x.source}}};const A=["Default","NewWindow","FullWidth"];export{t as Default,o as FullWidth,e as NewWindow,A as __namedExportsOrder,z as default};
diff --git a/storybook/assets/loading-indicator-NeprGR7l.js b/storybook/assets/loading-indicator-NeprGR7l.js
new file mode 100644
index 000000000..ae1ae841f
--- /dev/null
+++ b/storybook/assets/loading-indicator-NeprGR7l.js
@@ -0,0 +1 @@
+import{c}from"./create-component-a83A1_Pu.js";import{u as o}from"./jsxRuntime.module-mP9ZGqev.js";const r="_loadingIndicator_pl5c3_1",s="_svg_pl5c3_8",d="_rotating_pl5c3_1",t={loadingIndicator:r,svg:s,rotating:d},e=c(function({color:n,...i},a){return o("div",{...i,ref:a,class:t.loadingIndicator,children:o("svg",{class:t.svg,style:typeof n>"u"?void 0:{fill:`var(--figma-color-icon-${n})`},children:o("path",{d:"M8 15C11.866 15 15 11.866 15 8C15 6.7865 14.6912 5.64511 14.1479 4.65013L15.0263 4.17174C15.6471 5.30882 16 6.6132 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 5.54138 1.10909 3.34181 2.85426 1.8743L3.47761 2.65678C1.96204 3.94081 1 5.85806 1 8C1 11.866 4.13401 15 8 15Z"})})})});export{e as L};
diff --git a/storybook/assets/loading-indicator-a4a1d996.js b/storybook/assets/loading-indicator-a4a1d996.js
deleted file mode 100644
index 746ae2a83..000000000
--- a/storybook/assets/loading-indicator-a4a1d996.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{c}from"./create-component-b0512abd.js";import{o}from"./jsxRuntime.module-632ba37d.js";const r="_loadingIndicator_pl5c3_1",s="_svg_pl5c3_8",d="_rotating_pl5c3_1",t={loadingIndicator:r,svg:s,rotating:d},e=c(function({color:n,...i},a){return o("div",{...i,ref:a,class:t.loadingIndicator,children:o("svg",{class:t.svg,style:typeof n>"u"?void 0:{fill:`var(--figma-color-icon-${n})`},children:o("path",{d:"M8 15C11.866 15 15 11.866 15 8C15 6.7865 14.6912 5.64511 14.1479 4.65013L15.0263 4.17174C15.6471 5.30882 16 6.6132 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 5.54138 1.10909 3.34181 2.85426 1.8743L3.47761 2.65678C1.96204 3.94081 1 5.85806 1 8C1 11.866 4.13401 15 8 15Z"})})})});export{e as L};
-//# sourceMappingURL=loading-indicator-a4a1d996.js.map
diff --git a/storybook/assets/loading-indicator-a4a1d996.js.map b/storybook/assets/loading-indicator-a4a1d996.js.map
deleted file mode 100644
index 825a04cf9..000000000
--- a/storybook/assets/loading-indicator-a4a1d996.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"loading-indicator-a4a1d996.js","sources":["../../src/components/loading-indicator/loading-indicator.tsx"],"sourcesContent":["import { h } from 'preact'\n\nimport { IconColor } from '../../types/colors.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './loading-indicator.module.css'\n\nexport type LoadingIndicatorProps = {\n  color?: IconColor\n}\n\nexport const LoadingIndicator = createComponent<\n  HTMLDivElement,\n  LoadingIndicatorProps\n>(function ({ color, ...rest }, ref) {\n  return (\n    
\n      \n        \n      \n    
\n  )\n})\n"],"names":["LoadingIndicator","createComponent","color","rest","ref","_jsx","class","styles","loadingIndicator","children","svg","style","undefined","fill","d"],"mappings":"gNAUaA,EAAmBC,EAG9B,SAAU,CAAEC,MAAAA,EAAO,GAAGC,CAAK,EAAGC,EAAK,CACnC,OACEC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,iBAAiBC,SACtDJ,EAAA,MAAA,CACEC,MAAOC,EAAOG,IACdC,MACE,OAAOT,EAAU,IACbU,OACA,CACEC,KAAO,0BAAyBX,CAAM,GACxC,EACLO,SAEDJ,EAAA,OAAA,CAAMS,EAAE,8RAAA,CAAgS,CAAA,CACrS,CAAA,CACF,CAET,CAAC"}
\ No newline at end of file
diff --git a/storybook/assets/loading-indicator-e2d9ff62.css b/storybook/assets/loading-indicator-szUtEGsH.css
similarity index 100%
rename from storybook/assets/loading-indicator-e2d9ff62.css
rename to storybook/assets/loading-indicator-szUtEGsH.css
diff --git a/storybook/assets/loading-indicator.stories-d2208236.js b/storybook/assets/loading-indicator.stories-_VKlm_r4.js
similarity index 73%
rename from storybook/assets/loading-indicator.stories-d2208236.js
rename to storybook/assets/loading-indicator.stories-_VKlm_r4.js
index 8a674bba6..e4ddb8098 100644
--- a/storybook/assets/loading-indicator.stories-d2208236.js
+++ b/storybook/assets/loading-indicator.stories-_VKlm_r4.js
@@ -1,6 +1,5 @@
-import{L as i}from"./loading-indicator-a4a1d996.js";import{o as d}from"./jsxRuntime.module-632ba37d.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const f={parameters:{fixedWidth:!1},title:"Components/Loading Indicator"},r=function(){return d(i,{})},o=function(){return d(i,{color:"brand"})};var t,a,e;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
+import{L as i}from"./loading-indicator-NeprGR7l.js";import{u as d}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const f={parameters:{fixedWidth:!1},title:"Components/Loading Indicator"},r=function(){return d(i,{})},o=function(){return d(i,{color:"brand"})};var t,a,e;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`function () {
   return ;
 }`,...(e=(a=r.parameters)==null?void 0:a.docs)==null?void 0:e.source}}};var n,s,c;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`function () {
   return ;
 }`,...(c=(s=o.parameters)==null?void 0:s.docs)==null?void 0:c.source}}};const g=["Default","CustomColor"];export{o as CustomColor,r as Default,g as __namedExportsOrder,f as default};
-//# sourceMappingURL=loading-indicator.stories-d2208236.js.map
diff --git a/storybook/assets/loading-indicator.stories-d2208236.js.map b/storybook/assets/loading-indicator.stories-d2208236.js.map
deleted file mode 100644
index 36b1747be..000000000
--- a/storybook/assets/loading-indicator.stories-d2208236.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"loading-indicator.stories-d2208236.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
\ No newline at end of file
diff --git a/storybook/assets/middle-align.stories-349e7086.css b/storybook/assets/middle-align-TdV9bf6T.css
similarity index 100%
rename from storybook/assets/middle-align.stories-349e7086.css
rename to storybook/assets/middle-align-TdV9bf6T.css
diff --git a/storybook/assets/middle-align.stories-fb63b6cf.js.map b/storybook/assets/middle-align.stories-fb63b6cf.js.map
deleted file mode 100644
index 78cdea96d..000000000
--- a/storybook/assets/middle-align.stories-fb63b6cf.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"middle-align.stories-fb63b6cf.js","sources":["../../src/layout/middle-align/middle-align.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './middle-align.module.css'\n\nexport type MiddleAlignProps = {\n  children: ComponentChildren\n}\n\nexport const MiddleAlign = createComponent(\n  function ({ children, ...rest }, ref) {\n    return (\n      
\n        
{children}
\n      
\n    )\n  }\n)\n"],"names":["MiddleAlign","createComponent","children","rest","ref","_jsx","class","styles","middleAlign"],"mappings":"wNASaA,EAAcC,EACzB,SAAU,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EAAGC,EAAK,CACpC,OACEC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,YAAYN,SACjDG,EAAA,MAAA,CAAKC,MAAOC,EAAOL,SAASA,SAAAA,CAAAA,CAAgB,CAAA,CACzC,CAET,CACF;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/middle-align.stories-fb63b6cf.js b/storybook/assets/middle-align.stories-wpjqUQ4b.js
similarity index 76%
rename from storybook/assets/middle-align.stories-fb63b6cf.js
rename to storybook/assets/middle-align.stories-wpjqUQ4b.js
index 6b16041d2..2bed8b0c0 100644
--- a/storybook/assets/middle-align.stories-fb63b6cf.js
+++ b/storybook/assets/middle-align.stories-wpjqUQ4b.js
@@ -1,4 +1,4 @@
-import{c}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const a="_middleAlign_294f9_1",m="_children_294f9_8",t={middleAlign:a,children:m},g=c(function({children:n,...o},s){return r("div",{...o,ref:s,class:t.middleAlign,children:r("div",{class:t.children,children:n})})}),p={parameters:{fixedWidth:!0},title:"Layout/Middle Align"},e=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)",height:240},children:r(g,{children:"Text"})})};var i,d,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
+import{c}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const a="_middleAlign_294f9_1",m="_children_294f9_8",t={middleAlign:a,children:m},g=c(function({children:n,...o},s){return r("div",{...o,ref:s,class:t.middleAlign,children:r("div",{class:t.children,children:n})})}),p={parameters:{fixedWidth:!0},title:"Layout/Middle Align"},e=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)",height:240},children:r(g,{children:"Text"})})};var i,d,l;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`function () {
   const style = {
     backgroundColor: 'var(--figma-color-bg-brand-tertiary)',
     height: 240
@@ -7,4 +7,3 @@ import{c}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.mo
       Text
     
;
 }`,...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};const y=["Default"];export{e as Default,y as __namedExportsOrder,p as default};
-//# sourceMappingURL=middle-align.stories-fb63b6cf.js.map
diff --git a/storybook/assets/mixed-values-e51728b2.js.map b/storybook/assets/mixed-values-e51728b2.js.map
deleted file mode 100644
index 7d3d9d627..000000000
--- a/storybook/assets/mixed-values-e51728b2.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"mixed-values-e51728b2.js","sources":["../../../utilities/lib/mixed-values.js"],"sourcesContent":["export const MIXED_NUMBER = 999999999999999;\nexport const MIXED_STRING = '999999999999999';\n//# sourceMappingURL=mixed-values.js.map"],"names":["MIXED_NUMBER","MIXED_STRING"],"mappings":"AAAO,MAAMA,EAAe,gBACfC,EAAe"}
\ No newline at end of file
diff --git a/storybook/assets/mixed-values-e51728b2.js b/storybook/assets/mixed-values-kiIAV0Ly.js
similarity index 55%
rename from storybook/assets/mixed-values-e51728b2.js
rename to storybook/assets/mixed-values-kiIAV0Ly.js
index 67ac908a8..118eb5c18 100644
--- a/storybook/assets/mixed-values-e51728b2.js
+++ b/storybook/assets/mixed-values-kiIAV0Ly.js
@@ -1,2 +1 @@
 const s=999999999999999,M="999999999999999";export{M,s as a};
-//# sourceMappingURL=mixed-values-e51728b2.js.map
diff --git a/storybook/assets/modal-ca5c9550.js b/storybook/assets/modal-AU58KIp5.js
similarity index 68%
rename from storybook/assets/modal-ca5c9550.js
rename to storybook/assets/modal-AU58KIp5.js
index 0d011037a..7308df618 100644
--- a/storybook/assets/modal-ca5c9550.js
+++ b/storybook/assets/modal-AU58KIp5.js
@@ -1,2 +1 @@
-import{B as L}from"./preact.module-fa42f7d1.js";import{c as x,_,p as d}from"./create-component-b0512abd.js";import{I as B}from"./icon-cross-32-9903a829.js";import{c as F}from"./create-class-name-71c46838.js";import{g as c}from"./get-current-from-ref-47f174f6.js";import{g as H,c as R}from"./create-focus-trap-key-down-handler-e65db33a.js";import{I}from"./icon-button-10110ab3.js";import{T as k}from"./text-72c2365d.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const D="_modal_1pejl_1",K="_noTransition_1pejl_10",M="_center_1pejl_14",P="_open_1pejl_24",z="_bottom_1pejl_29",N="_left_1pejl_39",S="_right_1pejl_49",$="_topBar_1pejl_59",q="_closeButtonLeft_1pejl_69",A="_title_1pejl_73",C="_overlay_1pejl_78",l={modal:D,noTransition:K,center:M,open:P,bottom:z,left:N,right:S,topBar:$,closeButtonLeft:q,title:A,overlay:C},O=x(function({children:y,closeButtonIcon:h=n(B,{}),closeButtonPosition:v="right",open:r,transition:w=!0,onCloseButtonClick:a,onEscapeKeyDown:m,onOverlayClick:p,position:E="center",title:f,...g},b){const i=_(null),T=_([]),u=_(null);return d(function(){const e=document.createElement("div");return document.body.appendChild(e),i.current=e,function(){document.body.removeChild(e)}},[]),d(function(){const e=c(i),o=R(e);function t(s){r===!0&&o(s)}return window.addEventListener("keydown",t),function(){window.removeEventListener("keydown",t)}},[r]),d(function(){function e(o){const t=c(T),s=c(i);r===!1||o.key!=="Escape"||typeof m>"u"||t[t.length-1]!==s||m(o)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}},[r,m]),d(function(){const e=c(T),o=c(i),t=document.body;if(r===!0){if(e.length===0){const j=t.scrollHeight>window.innerHeight;t.style.cssText+=`position:fixed;overflow-y:${j===!0?"scroll":"hidden"};width:100%;`}e.push(o),o.style.cssText="position:absolute;top:0;left:0;bottom:0;right:0;z-index:1",u.current=document.activeElement;const s=H(o);s.length>0?s[0].focus():u.current.blur()}else e.length===1&&(t.style.removeProperty("position"),t.style.removeProperty("overflow-y"),t.style.removeProperty("width")),e.pop(),o.style.cssText="position:static";return function(){u.current!==null&&u.current.focus()}},[r]),d(function(){const e=c(i);L(n("div",{ref:b,children:[n("div",{...g,class:F([l.modal,r===!0?l.open:null,w===!1?l.noTransition:null,l[E]]),children:[y,typeof a>"u"&&typeof f>"u"?null:n("div",{class:l.topBar,children:[n("div",{class:l.title,children:typeof f>"u"?null:n(k,{children:n("strong",{children:f})})}),typeof a>"u"?null:n("div",{class:v==="left"?l.closeButtonLeft:void 0,children:n(I,{onClick:a,children:h})})]})]}),n("div",{class:l.overlay,onClick:typeof p>"u"?void 0:p})]}),e)},[y,h,v,a,p,r,E,b,g,f,w]),null});export{O as M};
-//# sourceMappingURL=modal-ca5c9550.js.map
+import{q as L}from"./preact.module-pS-_M4k6.js";import{c as x,_,p as d}from"./create-component-a83A1_Pu.js";import{I as B}from"./icon-cross-32-kKgUD1DN.js";import{c as F}from"./create-class-name-gq91Tlk7.js";import{g as c}from"./get-current-from-ref-KzY6_NOj.js";import{g as H,c as R}from"./create-focus-trap-key-down-handler-_kplv3kG.js";import{I}from"./icon-button-UahFBS6G.js";import{T as k}from"./text-SssoFudj.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";const D="_modal_1pejl_1",K="_noTransition_1pejl_10",M="_center_1pejl_14",P="_open_1pejl_24",q="_bottom_1pejl_29",z="_left_1pejl_39",N="_right_1pejl_49",S="_topBar_1pejl_59",$="_closeButtonLeft_1pejl_69",A="_title_1pejl_73",C="_overlay_1pejl_78",l={modal:D,noTransition:K,center:M,open:P,bottom:q,left:z,right:N,topBar:S,closeButtonLeft:$,title:A,overlay:C},O=x(function({children:y,closeButtonIcon:h=n(B,{}),closeButtonPosition:v="right",open:r,transition:w=!0,onCloseButtonClick:a,onEscapeKeyDown:m,onOverlayClick:p,position:E="center",title:f,...g},b){const i=_(null),T=_([]),u=_(null);return d(function(){const e=document.createElement("div");return document.body.appendChild(e),i.current=e,function(){document.body.removeChild(e)}},[]),d(function(){const e=c(i),o=R(e);function t(s){r===!0&&o(s)}return window.addEventListener("keydown",t),function(){window.removeEventListener("keydown",t)}},[r]),d(function(){function e(o){const t=c(T),s=c(i);r===!1||o.key!=="Escape"||typeof m>"u"||t[t.length-1]!==s||m(o)}return window.addEventListener("keydown",e),function(){window.removeEventListener("keydown",e)}},[r,m]),d(function(){const e=c(T),o=c(i),t=document.body;if(r===!0){if(e.length===0){const j=t.scrollHeight>window.innerHeight;t.style.cssText+=`position:fixed;overflow-y:${j===!0?"scroll":"hidden"};width:100%;`}e.push(o),o.style.cssText="position:absolute;top:0;left:0;bottom:0;right:0;z-index:1",u.current=document.activeElement;const s=H(o);s.length>0?s[0].focus():u.current.blur()}else e.length===1&&(t.style.removeProperty("position"),t.style.removeProperty("overflow-y"),t.style.removeProperty("width")),e.pop(),o.style.cssText="position:static";return function(){u.current!==null&&u.current.focus()}},[r]),d(function(){const e=c(i);L(n("div",{ref:b,children:[n("div",{...g,class:F([l.modal,r===!0?l.open:null,w===!1?l.noTransition:null,l[E]]),children:[y,typeof a>"u"&&typeof f>"u"?null:n("div",{class:l.topBar,children:[n("div",{class:l.title,children:typeof f>"u"?null:n(k,{children:n("strong",{children:f})})}),typeof a>"u"?null:n("div",{class:v==="left"?l.closeButtonLeft:void 0,children:n(I,{onClick:a,children:h})})]})]}),n("div",{class:l.overlay,onClick:typeof p>"u"?void 0:p})]}),e)},[y,h,v,a,p,r,E,b,g,f,w]),null});export{O as M};
diff --git a/storybook/assets/modal-d53550d7.css b/storybook/assets/modal-MCMEite7.css
similarity index 100%
rename from storybook/assets/modal-d53550d7.css
rename to storybook/assets/modal-MCMEite7.css
diff --git a/storybook/assets/modal-bottom.stories-71f48a0f.js.map b/storybook/assets/modal-bottom.stories-71f48a0f.js.map
deleted file mode 100644
index 85d165af4..000000000
--- a/storybook/assets/modal-bottom.stories-71f48a0f.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"modal-bottom.stories-71f48a0f.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/modal-bottom.stories-71f48a0f.js b/storybook/assets/modal-bottom.stories-jO5IzMCe.js
similarity index 71%
rename from storybook/assets/modal-bottom.stories-71f48a0f.js
rename to storybook/assets/modal-bottom.stories-jO5IzMCe.js
index 616e6f7ea..de5efa9c0 100644
--- a/storybook/assets/modal-bottom.stories-71f48a0f.js
+++ b/storybook/assets/modal-bottom.stories-jO5IzMCe.js
@@ -1,4 +1,4 @@
-import{k as p}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-component-b0512abd.js";import{I as Z}from"./icon-chevron-down-32-21cd5cae.js";import{B as c}from"./button-49678b56.js";import{M as r}from"./modal-ca5c9550.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";import"./icon-cross-32-9903a829.js";import"./get-current-from-ref-47f174f6.js";import"./create-focus-trap-key-down-handler-e65db33a.js";import"./icon-button-10110ab3.js";import"./text-72c2365d.js";const ge={tags:["2"],title:"Components/Modal/Bottom"},d=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"bottom",children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},h=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"bottom",transition:!1,children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onOverlayClick:s,open:o,position:"bottom",children:e("div",{style:i,children:"foo"})})]})},g=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onEscapeKeyDown:s,open:o,position:"bottom",children:e("div",{style:i,children:"foo"})})]})},f=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"bottom",title:"foo",children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},m=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onCloseButtonClick:s,open:o,position:"bottom",title:"foo",children:e("div",{style:i,children:"bar"})})]})},B=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{closeButtonIcon:e(Z,{}),onCloseButtonClick:s,open:o,position:"bottom",title:"foo",children:e("div",{style:i,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={height:"160px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open"}),e(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,position:"bottom",title:"foo",children:e("div",{style:i,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(u){console.log(u),t(!0)}function s(u){console.log(u),t(!1)}const i={height:"160px",padding:"12px"},[n,k]=a(!1);function V(u){console.log(u),k(!0)}function W(u){console.log(u),k(!1)}const Y={height:"120px",padding:"12px"};return e(p,{children:[e(c,{onClick:l,children:"Open parent modal"}),e(r,{onCloseButtonClick:s,open:o,position:"bottom",title:"Parent",children:e("div",{style:i,children:[e(c,{onClick:V,children:"Open child modal"}),e(r,{onCloseButtonClick:W,open:n,position:"bottom",title:"Child",children:e("div",{style:Y})})]})})]})};var y,M,E;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
+import{g as p}from"./preact.module-pS-_M4k6.js";import{h as a}from"./create-component-a83A1_Pu.js";import{I as Z}from"./icon-chevron-down-32-UVJdQFN7.js";import{B as c}from"./button-7i81gHC9.js";import{M as r}from"./modal-AU58KIp5.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";import"./icon-cross-32-kKgUD1DN.js";import"./get-current-from-ref-KzY6_NOj.js";import"./create-focus-trap-key-down-handler-_kplv3kG.js";import"./icon-button-UahFBS6G.js";import"./text-SssoFudj.js";const fn={tags:["2"],title:"Components/Modal/Bottom"},d=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"bottom",children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},h=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"bottom",transition:!1,children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onOverlayClick:s,open:o,position:"bottom",children:n("div",{style:i,children:"foo"})})]})},g=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onEscapeKeyDown:s,open:o,position:"bottom",children:n("div",{style:i,children:"foo"})})]})},f=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"bottom",title:"foo",children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},m=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onCloseButtonClick:s,open:o,position:"bottom",title:"foo",children:n("div",{style:i,children:"bar"})})]})},B=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{closeButtonIcon:n(Z,{}),onCloseButtonClick:s,open:o,position:"bottom",title:"foo",children:n("div",{style:i,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={height:"160px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open"}),n(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,position:"bottom",title:"foo",children:n("div",{style:i,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(u){console.log(u),t(!0)}function s(u){console.log(u),t(!1)}const i={height:"160px",padding:"12px"},[e,k]=a(!1);function V(u){console.log(u),k(!0)}function W(u){console.log(u),k(!1)}const Y={height:"120px",padding:"12px"};return n(p,{children:[n(c,{onClick:l,children:"Open parent modal"}),n(r,{onCloseButtonClick:s,open:o,position:"bottom",title:"Parent",children:n("div",{style:i,children:[n(c,{onClick:V,children:"Open child modal"}),n(r,{onCloseButtonClick:W,open:e,position:"bottom",title:"Child",children:n("div",{style:Y})})]})})]})};var y,M,E;d.parameters={...d.parameters,docs:{...(y=d.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -208,5 +208,4 @@ import{k as p}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         

       
     ;
-}`,...(U=(R=v.parameters)==null?void 0:R.docs)==null?void 0:U.source}}};const fe=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{m as CloseButton,B as CloseButtonIcon,O as CloseButtonPositionLeft,g as CloseOnEscapeKeyDown,C as CloseOnOverlayClick,d as Default,v as Nested,f as Title,h as TransitionFalse,fe as __namedExportsOrder,ge as default};
-//# sourceMappingURL=modal-bottom.stories-71f48a0f.js.map
+}`,...(U=(R=v.parameters)==null?void 0:R.docs)==null?void 0:U.source}}};const mn=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{m as CloseButton,B as CloseButtonIcon,O as CloseButtonPositionLeft,g as CloseOnEscapeKeyDown,C as CloseOnOverlayClick,d as Default,v as Nested,f as Title,h as TransitionFalse,mn as __namedExportsOrder,fn as default};
diff --git a/storybook/assets/modal-ca5c9550.js.map b/storybook/assets/modal-ca5c9550.js.map
deleted file mode 100644
index 6e3b19142..000000000
--- a/storybook/assets/modal-ca5c9550.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"modal-ca5c9550.js","sources":["../../src/components/modal/modal.tsx"],"sourcesContent":["import { ComponentChild, h, RefObject, render } from 'preact'\nimport { useEffect, useRef } from 'preact/hooks'\n\nimport { IconCross32 } from '../../icons/icon-32/icon-cross-32.js'\nimport { EventHandler } from '../../types/event-handler.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { getCurrentFromRef } from '../../utilities/get-current-from-ref.js'\nimport { createFocusTrapKeyDownHandler } from '../../utilities/private/create-focus-trap-key-down-handler.js'\nimport { getFocusableElements } from '../../utilities/private/get-focusable-elements.js'\nimport { IconButton } from '../icon-button/icon-button.js'\nimport { Text } from '../text/text.js'\nimport styles from './modal.module.css'\n\nexport type ModalProps = {\n  children: ComponentChild\n  closeButtonIcon?: ComponentChild\n  closeButtonPosition?: ModalCloseButtonPosition\n  open: boolean\n  transition?: boolean\n  onCloseButtonClick?: EventHandler.onClick\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  onOverlayClick?: EventHandler.onClick\n  position?: ModalPosition\n  title?: string\n}\n\nexport type ModalCloseButtonPosition = 'left' | 'right'\nexport type ModalPosition = 'bottom' | 'center' | 'left' | 'right'\n\nexport const Modal = createComponent(function (\n  {\n    children,\n    closeButtonIcon = ,\n    closeButtonPosition = 'right',\n    open,\n    transition = true,\n    onCloseButtonClick,\n    onEscapeKeyDown,\n    onOverlayClick,\n    position = 'center',\n    title,\n    ...rest\n  },\n  ref\n): null {\n  const portalElementRef: RefObject = useRef(null)\n  const modalElementsRef: RefObject> = useRef([]) // Stack of currently-open modals\n  const previousFocusedElementRef: RefObject = useRef(null)\n\n  useEffect(function () {\n    const portalElement = document.createElement('div')\n    document.body.appendChild(portalElement)\n    portalElementRef.current = portalElement\n    return function () {\n      document.body.removeChild(portalElement)\n    }\n  }, [])\n\n  useEffect(\n    function () {\n      const portalElement = getCurrentFromRef(portalElementRef)\n      const focusTrapKeyDownHandler =\n        createFocusTrapKeyDownHandler(portalElement)\n      function handleTabKeyDown(event: KeyboardEvent) {\n        if (open === true) {\n          focusTrapKeyDownHandler(event)\n        }\n      }\n      window.addEventListener('keydown', handleTabKeyDown)\n      return function () {\n        window.removeEventListener('keydown', handleTabKeyDown)\n      }\n    },\n    [open]\n  )\n\n  useEffect(\n    function () {\n      function handleEscapeKeyDown(event: KeyboardEvent) {\n        const modalElements =\n          getCurrentFromRef>(modalElementsRef)\n        const portalElement =\n          getCurrentFromRef(portalElementRef)\n        if (\n          open === false ||\n          event.key !== 'Escape' ||\n          typeof onEscapeKeyDown === 'undefined' ||\n          modalElements[modalElements.length - 1] !== portalElement\n        ) {\n          return\n        }\n        onEscapeKeyDown(event)\n      }\n      window.addEventListener('keydown', handleEscapeKeyDown)\n      return function () {\n        window.removeEventListener('keydown', handleEscapeKeyDown)\n      }\n    },\n    [open, onEscapeKeyDown]\n  )\n\n  useEffect(\n    function () {\n      const modalElements =\n        getCurrentFromRef>(modalElementsRef)\n      const portalElement = getCurrentFromRef(portalElementRef)\n      const bodyElement = document.body\n      if (open === true) {\n        if (modalElements.length === 0) {\n          const hasScrollbar = bodyElement.scrollHeight > window.innerHeight\n          bodyElement.style.cssText += `position:fixed;overflow-y:${\n            hasScrollbar === true ? 'scroll' : 'hidden'\n          };width:100%;`\n        }\n        modalElements.push(portalElement)\n        portalElement.style.cssText =\n          'position:absolute;top:0;left:0;bottom:0;right:0;z-index:1'\n        previousFocusedElementRef.current =\n          document.activeElement as HTMLElement\n        const focusableElements = getFocusableElements(portalElement)\n        if (focusableElements.length > 0) {\n          focusableElements[0].focus()\n        } else {\n          previousFocusedElementRef.current.blur()\n        }\n      } else {\n        if (modalElements.length === 1) {\n          bodyElement.style.removeProperty('position')\n          bodyElement.style.removeProperty('overflow-y')\n          bodyElement.style.removeProperty('width')\n        }\n        modalElements.pop()\n        portalElement.style.cssText = 'position:static'\n      }\n      return function () {\n        if (previousFocusedElementRef.current !== null) {\n          previousFocusedElementRef.current.focus()\n        }\n      }\n    },\n    [open]\n  )\n\n  useEffect(\n    function () {\n      const portalElement = getCurrentFromRef(portalElementRef)\n      render(\n        
\n          \n            {children}\n            {typeof onCloseButtonClick === 'undefined' &&\n            typeof title === 'undefined' ? null : (\n              
\n                
\n                  {typeof title === 'undefined' ? null : (\n                    \n                      {title}\n                    \n                  )}\n                
\n                {typeof onCloseButtonClick === 'undefined' ? null : (\n                  \n                    \n                      {closeButtonIcon}\n                    \n                  
\n                )}\n              
\n            )}\n          
\n          \n        
,\n        portalElement\n      )\n    },\n    [\n      children,\n      closeButtonIcon,\n      closeButtonPosition,\n      onCloseButtonClick,\n      onOverlayClick,\n      open,\n      position,\n      ref,\n      rest,\n      title,\n      transition\n    ]\n  )\n\n  return null\n})\n"],"names":["Modal","createComponent","children","closeButtonIcon","_jsx","IconCross32","closeButtonPosition","open","transition","onCloseButtonClick","onEscapeKeyDown","onOverlayClick","position","title","rest","ref","portalElementRef","useRef","modalElementsRef","previousFocusedElementRef","useEffect","portalElement","document","createElement","body","appendChild","current","removeChild","getCurrentFromRef","focusTrapKeyDownHandler","createFocusTrapKeyDownHandler","handleTabKeyDown","event","addEventListener","removeEventListener","handleEscapeKeyDown","modalElements","key","length","bodyElement","hasScrollbar","scrollHeight","window","innerHeight","style","cssText","push","activeElement","focusableElements","getFocusableElements","focus","blur","removeProperty","pop","render","_jsxs","class","createClassName","styles","modal","noTransition","topBar","Text","closeButtonLeft","undefined","IconButton","onClick","overlay"],"mappings":"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"}
\ No newline at end of file
diff --git a/storybook/assets/modal-default.stories-6264ba3a.js.map b/storybook/assets/modal-default.stories-6264ba3a.js.map
deleted file mode 100644
index b497d6d22..000000000
--- a/storybook/assets/modal-default.stories-6264ba3a.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"modal-default.stories-6264ba3a.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/modal-default.stories-6264ba3a.js b/storybook/assets/modal-default.stories-tVweCxBE.js
similarity index 67%
rename from storybook/assets/modal-default.stories-6264ba3a.js
rename to storybook/assets/modal-default.stories-tVweCxBE.js
index f954da759..74d76b047 100644
--- a/storybook/assets/modal-default.stories-6264ba3a.js
+++ b/storybook/assets/modal-default.stories-tVweCxBE.js
@@ -1,4 +1,4 @@
-import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-component-b0512abd.js";import{I as Z}from"./icon-chevron-down-32-21cd5cae.js";import{B as i}from"./button-49678b56.js";import{M as r}from"./modal-ca5c9550.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";import"./icon-cross-32-9903a829.js";import"./get-current-from-ref-47f174f6.js";import"./create-focus-trap-key-down-handler-e65db33a.js";import"./icon-button-10110ab3.js";import"./text-72c2365d.js";const fe={tags:["1"],title:"Components/Modal/Default"},u=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{open:o,children:e("div",{style:c,children:e(i,{onClick:s,secondary:!0,children:"Close"})})})]})},h=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{open:o,transition:!1,children:e("div",{style:c,children:e(i,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{onOverlayClick:s,open:o,children:e("div",{style:c,children:"foo"})})]})},f=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{onEscapeKeyDown:s,open:o,children:e("div",{style:c,children:"foo"})})]})},g=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{open:o,title:"foo",children:e("div",{style:c,children:e(i,{onClick:s,secondary:!0,children:"Close"})})})]})},B=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{onCloseButtonClick:s,open:o,title:"foo",children:e("div",{style:c,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{closeButtonIcon:e(Z,{}),onCloseButtonClick:s,open:o,title:"foo",children:e("div",{style:c,children:"bar"})})]})},m=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open"}),e(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,title:"foo",children:e("div",{style:c,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(p){console.log(p),t(!0)}function s(p){console.log(p),t(!1)}const c={height:"160px",padding:"12px",width:"240px"},[n,k]=a(!1);function V(p){console.log(p),k(!0)}function W(p){console.log(p),k(!1)}const Y={height:"120px",padding:"12px",width:"240px"};return e(d,{children:[e(i,{onClick:l,children:"Open parent modal"}),e(r,{onCloseButtonClick:s,open:o,title:"Parent",children:e("div",{style:c,children:[e(i,{onClick:V,children:"Open child modal"}),e(r,{onCloseButtonClick:W,open:n,title:"Child",children:e("div",{style:Y})})]})})]})};var y,x,M;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
+import{g as d}from"./preact.module-pS-_M4k6.js";import{h as a}from"./create-component-a83A1_Pu.js";import{I as Z}from"./icon-chevron-down-32-UVJdQFN7.js";import{B as i}from"./button-7i81gHC9.js";import{M as r}from"./modal-AU58KIp5.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";import"./icon-cross-32-kKgUD1DN.js";import"./get-current-from-ref-KzY6_NOj.js";import"./create-focus-trap-key-down-handler-_kplv3kG.js";import"./icon-button-UahFBS6G.js";import"./text-SssoFudj.js";const fn={tags:["1"],title:"Components/Modal/Default"},u=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{open:o,children:n("div",{style:c,children:n(i,{onClick:s,secondary:!0,children:"Close"})})})]})},h=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{open:o,transition:!1,children:n("div",{style:c,children:n(i,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{onOverlayClick:s,open:o,children:n("div",{style:c,children:"foo"})})]})},g=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{onEscapeKeyDown:s,open:o,children:n("div",{style:c,children:"foo"})})]})},f=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{open:o,title:"foo",children:n("div",{style:c,children:n(i,{onClick:s,secondary:!0,children:"Close"})})})]})},B=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{onCloseButtonClick:s,open:o,title:"foo",children:n("div",{style:c,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{closeButtonIcon:n(Z,{}),onCloseButtonClick:s,open:o,title:"foo",children:n("div",{style:c,children:"bar"})})]})},m=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const c={height:"160px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open"}),n(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,title:"foo",children:n("div",{style:c,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(p){console.log(p),t(!0)}function s(p){console.log(p),t(!1)}const c={height:"160px",padding:"12px",width:"240px"},[e,k]=a(!1);function V(p){console.log(p),k(!0)}function W(p){console.log(p),k(!1)}const Y={height:"120px",padding:"12px",width:"240px"};return n(d,{children:[n(i,{onClick:l,children:"Open parent modal"}),n(r,{onCloseButtonClick:s,open:o,title:"Parent",children:n("div",{style:c,children:[n(i,{onClick:V,children:"Open child modal"}),n(r,{onCloseButtonClick:W,open:e,title:"Child",children:n("div",{style:Y})})]})})]})};var y,x,M;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -69,7 +69,7 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         
foo

       
     ;
-}`,...(F=(L=C.parameters)==null?void 0:L.docs)==null?void 0:F.source}}};var H,J,X;f.parameters={...f.parameters,docs:{...(H=f.parameters)==null?void 0:H.docs,source:{originalSource:`function () {
+}`,...(F=(L=C.parameters)==null?void 0:L.docs)==null?void 0:F.source}}};var H,J,X;g.parameters={...g.parameters,docs:{...(H=g.parameters)==null?void 0:H.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -90,7 +90,7 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         
foo

       
     ;
-}`,...(X=(J=f.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var b,P,D;g.parameters={...g.parameters,docs:{...(b=g.parameters)==null?void 0:b.docs,source:{originalSource:`function () {
+}`,...(X=(J=g.parameters)==null?void 0:J.docs)==null?void 0:X.source}}};var b,P,D;f.parameters={...f.parameters,docs:{...(b=f.parameters)==null?void 0:b.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -115,7 +115,7 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         

       
     ;
-}`,...(D=(P=g.parameters)==null?void 0:P.docs)==null?void 0:D.source}}};var K,I,_;B.parameters={...B.parameters,docs:{...(K=B.parameters)==null?void 0:K.docs,source:{originalSource:`function () {
+}`,...(D=(P=f.parameters)==null?void 0:P.docs)==null?void 0:D.source}}};var K,I,_;B.parameters={...B.parameters,docs:{...(K=B.parameters)==null?void 0:K.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -218,5 +218,4 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         

       
     ;
-}`,...(U=(R=v.parameters)==null?void 0:R.docs)==null?void 0:U.source}}};const ge=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{B as CloseButton,O as CloseButtonIcon,m as CloseButtonPositionLeft,f as CloseOnEscapeKeyDown,C as CloseOnOverlayClick,u as Default,v as Nested,g as Title,h as TransitionFalse,ge as __namedExportsOrder,fe as default};
-//# sourceMappingURL=modal-default.stories-6264ba3a.js.map
+}`,...(U=(R=v.parameters)==null?void 0:R.docs)==null?void 0:U.source}}};const Bn=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{B as CloseButton,O as CloseButtonIcon,m as CloseButtonPositionLeft,g as CloseOnEscapeKeyDown,C as CloseOnOverlayClick,u as Default,v as Nested,f as Title,h as TransitionFalse,Bn as __namedExportsOrder,fn as default};
diff --git a/storybook/assets/modal-left.stories-571109b4.js.map b/storybook/assets/modal-left.stories-571109b4.js.map
deleted file mode 100644
index 072d036fa..000000000
--- a/storybook/assets/modal-left.stories-571109b4.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"modal-left.stories-571109b4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
\ No newline at end of file
diff --git a/storybook/assets/modal-left.stories-571109b4.js b/storybook/assets/modal-left.stories-TGqZrk0m.js
similarity index 67%
rename from storybook/assets/modal-left.stories-571109b4.js
rename to storybook/assets/modal-left.stories-TGqZrk0m.js
index 3bb1243c4..2dcfd8226 100644
--- a/storybook/assets/modal-left.stories-571109b4.js
+++ b/storybook/assets/modal-left.stories-TGqZrk0m.js
@@ -1,4 +1,4 @@
-import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-component-b0512abd.js";import{I as Z}from"./icon-chevron-down-32-21cd5cae.js";import{B as c}from"./button-49678b56.js";import{M as r}from"./modal-ca5c9550.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";import"./icon-cross-32-9903a829.js";import"./get-current-from-ref-47f174f6.js";import"./create-focus-trap-key-down-handler-e65db33a.js";import"./icon-button-10110ab3.js";import"./text-72c2365d.js";const he={tags:["3"],title:"Components/Modal/Left"},u=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"left",children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"left",transition:!1,children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},f=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onOverlayClick:s,open:o,position:"left",children:e("div",{style:i,children:"foo"})})]})},h=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onEscapeKeyDown:s,open:o,position:"left",children:e("div",{style:i,children:"foo"})})]})},B=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"left",title:"foo",children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},O=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onCloseButtonClick:s,open:o,position:"left",title:"foo",children:e("div",{style:i,children:"bar"})})]})},g=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{closeButtonIcon:e(Z,{}),onCloseButtonClick:s,open:o,position:"left",title:"foo",children:e("div",{style:i,children:"bar"})})]})},m=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,position:"left",title:"foo",children:e("div",{style:i,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(p){console.log(p),t(!0)}function s(p){console.log(p),t(!1)}const i={padding:"12px",width:"240px"},[n,k]=a(!1);function V(p){console.log(p),k(!0)}function W(p){console.log(p),k(!1)}const Y={padding:"12px",width:"160px"};return e(d,{children:[e(c,{onClick:l,children:"Open parent modal"}),e(r,{onCloseButtonClick:s,open:o,position:"left",title:"Parent",children:e("div",{style:i,children:[e(c,{onClick:V,children:"Open child modal"}),e(r,{onCloseButtonClick:W,open:n,position:"left",title:"Child",children:e("div",{style:Y})})]})})]})};var y,M,E;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
+import{g as d}from"./preact.module-pS-_M4k6.js";import{h as a}from"./create-component-a83A1_Pu.js";import{I as Z}from"./icon-chevron-down-32-UVJdQFN7.js";import{B as c}from"./button-7i81gHC9.js";import{M as r}from"./modal-AU58KIp5.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";import"./icon-cross-32-kKgUD1DN.js";import"./get-current-from-ref-KzY6_NOj.js";import"./create-focus-trap-key-down-handler-_kplv3kG.js";import"./icon-button-UahFBS6G.js";import"./text-SssoFudj.js";const Bn={tags:["3"],title:"Components/Modal/Left"},u=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"left",children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"left",transition:!1,children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},f=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onOverlayClick:s,open:o,position:"left",children:n("div",{style:i,children:"foo"})})]})},h=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onEscapeKeyDown:s,open:o,position:"left",children:n("div",{style:i,children:"foo"})})]})},B=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"left",title:"foo",children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},g=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onCloseButtonClick:s,open:o,position:"left",title:"foo",children:n("div",{style:i,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{closeButtonIcon:n(Z,{}),onCloseButtonClick:s,open:o,position:"left",title:"foo",children:n("div",{style:i,children:"bar"})})]})},m=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,position:"left",title:"foo",children:n("div",{style:i,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(p){console.log(p),t(!0)}function s(p){console.log(p),t(!1)}const i={padding:"12px",width:"240px"},[e,k]=a(!1);function V(p){console.log(p),k(!0)}function W(p){console.log(p),k(!1)}const Y={padding:"12px",width:"160px"};return n(d,{children:[n(c,{onClick:l,children:"Open parent modal"}),n(r,{onCloseButtonClick:s,open:o,position:"left",title:"Parent",children:n("div",{style:i,children:[n(c,{onClick:V,children:"Open child modal"}),n(r,{onCloseButtonClick:W,open:e,position:"left",title:"Child",children:n("div",{style:Y})})]})})]})};var y,M,E;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -110,7 +110,7 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         

       
     ;
-}`,...(D=(P=B.parameters)==null?void 0:P.docs)==null?void 0:D.source}}};var K,I,_;O.parameters={...O.parameters,docs:{...(K=O.parameters)==null?void 0:K.docs,source:{originalSource:`function () {
+}`,...(D=(P=B.parameters)==null?void 0:P.docs)==null?void 0:D.source}}};var K,I,_;g.parameters={...g.parameters,docs:{...(K=g.parameters)==null?void 0:K.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -130,7 +130,7 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         
bar

       
     ;
-}`,...(_=(I=O.parameters)==null?void 0:I.docs)==null?void 0:_.source}}};var N,j,q;g.parameters={...g.parameters,docs:{...(N=g.parameters)==null?void 0:N.docs,source:{originalSource:`function () {
+}`,...(_=(I=g.parameters)==null?void 0:I.docs)==null?void 0:_.source}}};var N,j,q;O.parameters={...O.parameters,docs:{...(N=O.parameters)==null?void 0:N.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -150,7 +150,7 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
         
bar

       
     ;
-}`,...(q=(j=g.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var z,A,G;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
+}`,...(q=(j=O.parameters)==null?void 0:j.docs)==null?void 0:q.source}}};var z,A,G;m.parameters={...m.parameters,docs:{...(z=m.parameters)==null?void 0:z.docs,source:{originalSource:`function () {
   const [open, setOpen] = useState(false);
   function handleOpenButtonClick(event: JSX.TargetedMouseEvent) {
     console.log(event);
@@ -208,5 +208,4 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
; -}`,...(U=(R=v.parameters)==null?void 0:R.docs)==null?void 0:U.source}}};const Be=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{O as CloseButton,g as CloseButtonIcon,m as CloseButtonPositionLeft,h as CloseOnEscapeKeyDown,f as CloseOnOverlayClick,u as Default,v as Nested,B as Title,C as TransitionFalse,Be as __namedExportsOrder,he as default}; -//# sourceMappingURL=modal-left.stories-571109b4.js.map +}`,...(U=(R=v.parameters)==null?void 0:R.docs)==null?void 0:U.source}}};const gn=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{g as CloseButton,O as CloseButtonIcon,m as CloseButtonPositionLeft,h as CloseOnEscapeKeyDown,f as CloseOnOverlayClick,u as Default,v as Nested,B as Title,C as TransitionFalse,gn as __namedExportsOrder,Bn as default}; diff --git a/storybook/assets/modal-right.stories-c21bf3d6.js b/storybook/assets/modal-right.stories-P9Kik0mX.js similarity index 70% rename from storybook/assets/modal-right.stories-c21bf3d6.js rename to storybook/assets/modal-right.stories-P9Kik0mX.js index 40379be30..93d95bc16 100644 --- a/storybook/assets/modal-right.stories-c21bf3d6.js +++ b/storybook/assets/modal-right.stories-P9Kik0mX.js @@ -1,4 +1,4 @@ -import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-component-b0512abd.js";import{I as Z}from"./icon-chevron-down-32-21cd5cae.js";import{B as c}from"./button-49678b56.js";import{M as r}from"./modal-ca5c9550.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./loading-indicator-a4a1d996.js";import"./button.module-2bfe3ef2.js";import"./icon-cross-32-9903a829.js";import"./get-current-from-ref-47f174f6.js";import"./create-focus-trap-key-down-handler-e65db33a.js";import"./icon-button-10110ab3.js";import"./text-72c2365d.js";const ge={tags:["4"],title:"Components/Modal/Right"},u=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"right",children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},h=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"right",transition:!1,children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onOverlayClick:s,open:o,position:"right",children:e("div",{style:i,children:"foo"})})]})},g=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onEscapeKeyDown:s,open:o,position:"right",children:e("div",{style:i,children:"foo"})})]})},f=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{open:o,position:"right",title:"foo",children:e("div",{style:i,children:e(c,{onClick:s,secondary:!0,children:"Close"})})})]})},B=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{onCloseButtonClick:s,open:o,position:"right",title:"foo",children:e("div",{style:i,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{closeButtonIcon:e(Z,{}),onCloseButtonClick:s,open:o,position:"right",title:"foo",children:e("div",{style:i,children:"bar"})})]})},m=function(){const[o,t]=a(!1);function l(n){console.log(n),t(!0)}function s(n){console.log(n),t(!1)}const i={padding:"12px",width:"240px"};return e(d,{children:[e(c,{onClick:l,children:"Open"}),e(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,position:"right",title:"foo",children:e("div",{style:i,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(p){console.log(p),t(!0)}function s(p){console.log(p),t(!1)}const i={padding:"12px",width:"240px"},[n,k]=a(!1);function V(p){console.log(p),k(!0)}function W(p){console.log(p),k(!1)}const Y={padding:"12px",width:"160px"};return e(d,{children:[e(c,{onClick:l,children:"Open parent modal"}),e(r,{onCloseButtonClick:s,open:o,position:"right",title:"Parent",children:e("div",{style:i,children:[e(c,{onClick:V,children:"Open child modal"}),e(r,{onCloseButtonClick:W,open:n,position:"right",title:"Child",children:e("div",{style:Y})})]})})]})};var y,M,E;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`function () { +import{g as d}from"./preact.module-pS-_M4k6.js";import{h as a}from"./create-component-a83A1_Pu.js";import{I as Z}from"./icon-chevron-down-32-UVJdQFN7.js";import{B as c}from"./button-7i81gHC9.js";import{M as r}from"./modal-AU58KIp5.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./loading-indicator-NeprGR7l.js";import"./button.module-7LHM3uxw.js";import"./icon-cross-32-kKgUD1DN.js";import"./get-current-from-ref-KzY6_NOj.js";import"./create-focus-trap-key-down-handler-_kplv3kG.js";import"./icon-button-UahFBS6G.js";import"./text-SssoFudj.js";const fn={tags:["4"],title:"Components/Modal/Right"},u=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"right",children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},h=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"right",transition:!1,children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},C=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onOverlayClick:s,open:o,position:"right",children:n("div",{style:i,children:"foo"})})]})},g=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onEscapeKeyDown:s,open:o,position:"right",children:n("div",{style:i,children:"foo"})})]})},f=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{open:o,position:"right",title:"foo",children:n("div",{style:i,children:n(c,{onClick:s,secondary:!0,children:"Close"})})})]})},B=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{onCloseButtonClick:s,open:o,position:"right",title:"foo",children:n("div",{style:i,children:"bar"})})]})},O=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{closeButtonIcon:n(Z,{}),onCloseButtonClick:s,open:o,position:"right",title:"foo",children:n("div",{style:i,children:"bar"})})]})},m=function(){const[o,t]=a(!1);function l(e){console.log(e),t(!0)}function s(e){console.log(e),t(!1)}const i={padding:"12px",width:"240px"};return n(d,{children:[n(c,{onClick:l,children:"Open"}),n(r,{closeButtonPosition:"left",onCloseButtonClick:s,open:o,position:"right",title:"foo",children:n("div",{style:i,children:"bar"})})]})},v=function(){const[o,t]=a(!1);function l(p){console.log(p),t(!0)}function s(p){console.log(p),t(!1)}const i={padding:"12px",width:"240px"},[e,k]=a(!1);function V(p){console.log(p),k(!0)}function W(p){console.log(p),k(!1)}const Y={padding:"12px",width:"160px"};return n(d,{children:[n(c,{onClick:l,children:"Open parent modal"}),n(r,{onCloseButtonClick:s,open:o,position:"right",title:"Parent",children:n("div",{style:i,children:[n(c,{onClick:V,children:"Open child modal"}),n(r,{onCloseButtonClick:W,open:e,position:"right",title:"Child",children:n("div",{style:Y})})]})})]})};var y,M,E;u.parameters={...u.parameters,docs:{...(y=u.parameters)==null?void 0:y.docs,source:{originalSource:`function () { const [open, setOpen] = useState(false); function handleOpenButtonClick(event: JSX.TargetedMouseEvent) { console.log(event); @@ -208,5 +208,4 @@ import{k as d}from"./preact.module-fa42f7d1.js";import{h as a}from"./create-comp
; -}`,...(U=(Q=v.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};const fe=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{B as CloseButton,O as CloseButtonIcon,m as CloseButtonPositionLeft,g as CloseOnEscapeKeyDown,C as CloseOnOverlayClick,u as Default,v as Nested,f as Title,h as TransitionFalse,fe as __namedExportsOrder,ge as default}; -//# sourceMappingURL=modal-right.stories-c21bf3d6.js.map +}`,...(U=(Q=v.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};const Bn=["Default","TransitionFalse","CloseOnOverlayClick","CloseOnEscapeKeyDown","Title","CloseButton","CloseButtonIcon","CloseButtonPositionLeft","Nested"];export{B as CloseButton,O as CloseButtonIcon,m as CloseButtonPositionLeft,g as CloseOnEscapeKeyDown,C as CloseOnOverlayClick,u as Default,v as Nested,f as Title,h as TransitionFalse,Bn as __namedExportsOrder,fn as default}; diff --git a/storybook/assets/modal-right.stories-c21bf3d6.js.map b/storybook/assets/modal-right.stories-c21bf3d6.js.map deleted file mode 100644 index 85c8683b2..000000000 --- a/storybook/assets/modal-right.stories-c21bf3d6.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"modal-right.stories-c21bf3d6.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/muted-FAkxyWMe.js b/storybook/assets/muted-FAkxyWMe.js new file mode 100644 index 000000000..408fdc951 --- /dev/null +++ b/storybook/assets/muted-FAkxyWMe.js @@ -0,0 +1 @@ +import{c as s}from"./create-component-a83A1_Pu.js";import{u as m}from"./jsxRuntime.module-mP9ZGqev.js";const n="_muted_139yx_1",r={muted:n},a=s(function({children:t,...e},o){return m("span",{...e,ref:o,class:r.muted,children:t})});export{a as M}; diff --git a/storybook/assets/muted-c4f74b69.js b/storybook/assets/muted-c4f74b69.js deleted file mode 100644 index 840fe3d5a..000000000 --- a/storybook/assets/muted-c4f74b69.js +++ /dev/null @@ -1,2 +0,0 @@ -import{c as s}from"./create-component-b0512abd.js";import{o as m}from"./jsxRuntime.module-632ba37d.js";const n="_muted_139yx_1",r={muted:n},a=s(function({children:t,...o},e){return m("span",{...o,ref:e,class:r.muted,children:t})});export{a as M}; -//# sourceMappingURL=muted-c4f74b69.js.map diff --git a/storybook/assets/muted-c4f74b69.js.map b/storybook/assets/muted-c4f74b69.js.map deleted file mode 100644 index bc9ecc43b..000000000 --- a/storybook/assets/muted-c4f74b69.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"muted-c4f74b69.js","sources":["../../src/inline-text/muted/muted.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './muted.module.css'\n\nexport type MutedProps = {\n children: ComponentChildren\n}\n\nexport const Muted = createComponent(function (\n { children, ...rest },\n ref\n) {\n return (\n \n {children}\n \n )\n})\n"],"names":["Muted","createComponent","children","rest","ref","_jsx","class","styles","muted"],"mappings":"4IASaA,EAAQC,EAA6C,SAChE,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EACpBC,EACA,CACA,OACEC,EAAA,OAAA,CAAA,GAAUF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOC,MAAMN,SAAAA,CAAAA,CAExC,CAEV,CAAC"} \ No newline at end of file diff --git a/storybook/assets/muted-c00cd133.css b/storybook/assets/muted-rxvDGnic.css similarity index 100% rename from storybook/assets/muted-c00cd133.css rename to storybook/assets/muted-rxvDGnic.css diff --git a/storybook/assets/muted.stories-f50fa510.js.map b/storybook/assets/muted.stories-f50fa510.js.map deleted file mode 100644 index 23623389c..000000000 --- a/storybook/assets/muted.stories-f50fa510.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"muted.stories-f50fa510.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"} \ No newline at end of file diff --git a/storybook/assets/muted.stories-f50fa510.js b/storybook/assets/muted.stories-ouW6hQiY.js similarity index 57% rename from storybook/assets/muted.stories-f50fa510.js rename to storybook/assets/muted.stories-ouW6hQiY.js index 596d208df..83ad3769d 100644 --- a/storybook/assets/muted.stories-f50fa510.js +++ b/storybook/assets/muted.stories-ouW6hQiY.js @@ -1,6 +1,5 @@ -import{T as s}from"./text-72c2365d.js";import{M as a}from"./muted-c4f74b69.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const f={title:"Inline Text/Muted"},t=function(){return e(s,{children:e(a,{children:"Text"})})};var r,o,n;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`function () { +import{T as s}from"./text-SssoFudj.js";import{M as a}from"./muted-FAkxyWMe.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const f={title:"Inline Text/Muted"},t=function(){return e(s,{children:e(a,{children:"Text"})})};var r,o,n;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`function () { return Text ; }`,...(n=(o=t.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const l=["Default"];export{t as Default,l as __namedExportsOrder,f as default}; -//# sourceMappingURL=muted.stories-f50fa510.js.map diff --git a/storybook/assets/no-op-Uu3q6ZSj.js b/storybook/assets/no-op-Uu3q6ZSj.js new file mode 100644 index 000000000..76cdc5d70 --- /dev/null +++ b/storybook/assets/no-op-Uu3q6ZSj.js @@ -0,0 +1 @@ +function n(){}export{n}; diff --git a/storybook/assets/no-op-cb277961.js b/storybook/assets/no-op-cb277961.js deleted file mode 100644 index 5039e4054..000000000 --- a/storybook/assets/no-op-cb277961.js +++ /dev/null @@ -1,2 +0,0 @@ -function n(){}export{n}; -//# sourceMappingURL=no-op-cb277961.js.map diff --git a/storybook/assets/no-op-cb277961.js.map b/storybook/assets/no-op-cb277961.js.map deleted file mode 100644 index fab4fb342..000000000 --- a/storybook/assets/no-op-cb277961.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"no-op-cb277961.js","sources":["../../src/utilities/no-op.ts"],"sourcesContent":["export function noop() {}\n"],"names":["noop"],"mappings":"AAAO,SAASA,GAAO,CAAC"} \ No newline at end of file diff --git a/storybook/assets/preact.module-fa42f7d1.js b/storybook/assets/preact.module-fa42f7d1.js deleted file mode 100644 index f47eb9075..000000000 --- a/storybook/assets/preact.module-fa42f7d1.js +++ /dev/null @@ -1,2 +0,0 @@ -var N,h,K,Q,P,G,X,O,Y,E={},Z=[],ce=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,I=Array.isArray;function C(t,e){for(var n in e)t[n]=e[n];return t}function ee(t){var e=t.parentNode;e&&e.removeChild(t)}function $(t,e,n){var r,l,o,i={};for(o in e)o=="key"?r=e[o]:o=="ref"?l=e[o]:i[o]=e[o];if(arguments.length>2&&(i.children=arguments.length>3?N.call(arguments,2):n),typeof t=="function"&&t.defaultProps!=null)for(o in t.defaultProps)i[o]===void 0&&(i[o]=t.defaultProps[o]);return U(t,i,r,l,null)}function U(t,e,n,r,l){var o={type:t,props:e,key:n,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:l??++K};return l==null&&h.vnode!=null&&h.vnode(o),o}function ue(){return{current:null}}function W(t){return t.children}function M(t,e){this.props=t,this.context=e}function L(t,e){if(e==null)return t.__?L(t.__,t.__.__k.indexOf(t)+1):null;for(var n;ee&&P.sort(O));A.__r=0}function ne(t,e,n,r,l,o,i,c,f,x,d){var _,m,u,s,p,w,a,v,k,g=0,y=r&&r.__k||Z,T=y.length,S=T,D=e.length;for(n.__k=[],_=0;_0?U(s.type,s.props,s.key,s.ref?s.ref:null,s.__v):s)!=null?(s.__=n,s.__b=n.__b+1,(v=fe(s,y,a=_+g,S))===-1?u=E:(u=y[v]||E,y[v]=void 0,S--),R(t,s,u,l,o,i,c,f,x,d),p=s.__e,(m=s.ref)&&u.ref!=m&&(u.ref&&z(u.ref,null,s),d.push(m,s.__c||p,s)),p!=null&&(w==null&&(w=p),(k=u===E||u.__v===null)?v==-1&&g--:v!==a&&(v===a+1?g++:v>a?S>D-a?g+=v-a:g--:g=v(f!=null?1:0))for(;i>=0||c=0){if((f=e[i])&&l==f.key&&o===f.type)return i;i--}if(c2&&(c.children=arguments.length>3?N.call(arguments,2):n),U(t.type,c,r||t.key,l||t.ref,null)}function ve(t,e){var n={__c:e="__cC"+Y++,__:t,Consumer:function(r,l){return r.children(l)},Provider:function(r){var l,o;return this.getChildContext||(l=[],(o={})[e]=this,this.getChildContext=function(){return o},this.shouldComponentUpdate=function(i){this.props.value!==i.value&&l.some(function(c){c.__e=!0,j(c)})},this.sub=function(i){l.push(i);var c=i.componentWillUnmount;i.componentWillUnmount=function(){l.splice(l.indexOf(i),1),c&&c.call(i)}}),r.children}};return n.Provider.__=n.Consumer.contextType=n}N=Z.slice,h={__e:function(t,e,n,r){for(var l,o,i;e=e.__;)if((l=e.__c)&&!l.__)try{if((o=l.constructor)&&o.getDerivedStateFromError!=null&&(l.setState(o.getDerivedStateFromError(t)),i=l.__d),l.componentDidCatch!=null&&(l.componentDidCatch(t,r||{}),i=l.__d),i)return l.__E=l}catch(c){t=c}throw t}},K=0,Q=function(t){return t!=null&&t.constructor===void 0},M.prototype.setState=function(t,e){var n;n=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=C({},this.state),typeof t=="function"&&(t=t(C({},n),this.props)),t&&C(n,t),t!=null&&this.__v&&(e&&this._sb.push(e),j(this))},M.prototype.forceUpdate=function(t){this.__v&&(this.__e=!0,t&&this.__h.push(t),j(this))},M.prototype.render=W,P=[],X=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,O=function(t,e){return t.__v.__b-e.__v.__b},A.__r=0,Y=0;const ye=Object.freeze(Object.defineProperty({__proto__:null,Component:M,Fragment:W,cloneElement:he,createContext:ve,createElement:$,createRef:ue,h:$,hydrate:se,get isValidElement(){return Q},get options(){return h},render:ie,toChildArray:oe},Symbol.toStringTag,{value:"Module"}));export{ie as B,oe as C,M as b,W as k,h as l,ye as p,$ as y}; -//# sourceMappingURL=preact.module-fa42f7d1.js.map diff --git a/storybook/assets/preact.module-fa42f7d1.js.map b/storybook/assets/preact.module-fa42f7d1.js.map deleted file mode 100644 index 793a6c3ae..000000000 --- a/storybook/assets/preact.module-fa42f7d1.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"preact.module-fa42f7d1.js","sources":["../../../../node_modules/preact/dist/preact.module.js"],"sourcesContent":["var n,l,u,t,i,o,r,f,e,c={},s=[],a=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v=Array.isArray;function h(n,l){for(var u in l)n[u]=l[u];return n}function p(n){var l=n.parentNode;l&&l.removeChild(n)}function y(l,u,t){var i,o,r,f={};for(r in u)\"key\"==r?i=u[r]:\"ref\"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),\"function\"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d(l,f,i,o,null)}function d(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u:r};return null==r&&null!=l.vnode&&l.vnode(f),f}function _(){return{current:null}}function k(n){return n.children}function b(n,l){this.props=n,this.context=l}function g(n,l){if(null==l)return n.__?g(n.__,n.__.__k.indexOf(n)+1):null;for(var u;ll&&i.sort(f));x.__r=0}function P(n,l,u,t,i,o,r,f,e,a,h){var p,y,_,b,m,w,x,P,C,D=0,H=t&&t.__k||s,I=H.length,T=I,j=l.length;for(u.__k=[],p=0;p0?d(b.type,b.props,b.key,b.ref?b.ref:null,b.__v):b)?(b.__=u,b.__b=u.__b+1,-1===(P=A(b,H,x=p+D,T))?_=c:(_=H[P]||c,H[P]=void 0,T--),z(n,b,_,i,o,r,f,e,a,h),m=b.__e,(y=b.ref)&&_.ref!=y&&(_.ref&&N(_.ref,null,b),h.push(y,b.__c||m,b)),null!=m&&(null==w&&(w=m),(C=_===c||null===_.__v)?-1==P&&D--:P!==x&&(P===x+1?D++:P>x?T>j-x?D+=P-x:D--:D=P(null!=e?1:0))for(;r>=0||f=0){if((e=l[r])&&i==e.key&&o===e.type)return r;r--}if(f2&&(e.children=arguments.length>3?n.call(arguments,2):t),d(l.type,e,i||l.key,o||l.ref,null)}function G(n,l){var u={__c:l=\"__cC\"+e++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w(n)})},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n)}}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s.slice,l={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l}throw n}},u=0,t=function(n){return null!=n&&void 0===n.constructor},b.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h({},this.state),\"function\"==typeof n&&(n=n(h({},u),this.props)),n&&h(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w(this))},b.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w(this))},b.prototype.render=k,i=[],r=\"function\"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,l){return n.__v.__b-l.__v.__b},x.__r=0,e=0;export{b as Component,k as Fragment,F as cloneElement,G as createContext,y as createElement,_ as createRef,y as h,E as hydrate,t as isValidElement,l as options,B as render,C as toChildArray};\n//# sourceMappingURL=preact.module.js.map\n"],"names":["n","l","u","t","i","o","r","f","e","c","s","a","v","h","p","y","d","_","k","b","g","m","w","x","z","L","P","C","D","H","I","T","j","A","N","S","$","O","q","M","B","E","F","G"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file diff --git a/storybook/assets/preact.module-pS-_M4k6.js b/storybook/assets/preact.module-pS-_M4k6.js new file mode 100644 index 000000000..21744c295 --- /dev/null +++ b/storybook/assets/preact.module-pS-_M4k6.js @@ -0,0 +1 @@ +var T,a,K,Q,C,V,X,$,Y,D={},Z=[],ue=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,H=Array.isArray;function k(e,_){for(var t in _)e[t]=_[t];return e}function ee(e){var _=e.parentNode;_&&_.removeChild(e)}function O(e,_,t){var l,o,r,i={};for(r in _)r=="key"?l=_[r]:r=="ref"?o=_[r]:i[r]=_[r];if(arguments.length>2&&(i.children=arguments.length>3?T.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(r in e.defaultProps)i[r]===void 0&&(i[r]=e.defaultProps[r]);return w(e,i,l,o,null)}function w(e,_,t,l,o){var r={type:e,props:_,key:t,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:o??++K,__i:-1,__u:0};return o==null&&a.vnode!=null&&a.vnode(r),r}function se(){return{current:null}}function U(e){return e.children}function E(e,_){this.props=e,this.context=_}function P(e,_){if(_==null)return e.__?P(e.__,e.__i+1):null;for(var t;__&&C.sort($));F.__r=0}function te(e,_,t,l,o,r,i,u,f,s,p){var n,m,c,h,b,v=l&&l.__k||Z,d=_.length;for(t.__d=f,ce(t,_,v),f=t.__d,n=0;n0?w(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):o)!=null?(o.__=e,o.__b=e.__b+1,u=fe(o,t,i=l+n,p),o.__i=u,r=null,u!==-1&&(p--,(r=t[u])&&(r.__u|=131072)),r==null||r.__v===null?(u==-1&&n--,typeof o.type!="function"&&(o.__u|=65536)):u!==i&&(u===i+1?n++:u>i?p>f-i?n+=u-i:n--:n=u(f!=null&&!(131072&f.__u)?1:0))for(;i>=0||u<_.length;){if(i>=0){if((f=_[i])&&!(131072&f.__u)&&o==f.key&&r===f.type)return i;i--}if(u<_.length){if((f=_[u])&&!(131072&f.__u)&&o==f.key&&r===f.type)return u;u++}}return-1}function G(e,_,t){_[0]==="-"?e.setProperty(_,t??""):e[_]=t==null?"":typeof t!="number"||ue.test(_)?t:t+"px"}function A(e,_,t,l,o){var r;e:if(_==="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof l=="string"&&(e.style.cssText=l=""),l)for(_ in l)t&&_ in t||G(e.style,_,"");if(t)for(_ in t)l&&t[_]===l[_]||G(e.style,_,t[_])}else if(_[0]==="o"&&_[1]==="n")r=_!==(_=_.replace(/(PointerCapture)$|Capture$/,"$1")),_=_.toLowerCase()in e?_.toLowerCase().slice(2):_.slice(2),e.l||(e.l={}),e.l[_+r]=t,t?l?t.u=l.u:(t.u=Date.now(),e.addEventListener(_,r?J:q,r)):e.removeEventListener(_,r?J:q,r);else{if(o)_=_.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(_!=="width"&&_!=="height"&&_!=="href"&&_!=="list"&&_!=="form"&&_!=="tabIndex"&&_!=="download"&&_!=="rowSpan"&&_!=="colSpan"&&_!=="role"&&_ in e)try{e[_]=t??"";break e}catch{}typeof t=="function"||(t==null||t===!1&&_[4]!=="-"?e.removeAttribute(_):e.setAttribute(_,t))}}function q(e){var _=this.l[e.type+!1];if(e.t){if(e.t<=_.u)return}else e.t=Date.now();return _(a.event?a.event(e):e)}function J(e){return this.l[e.type+!0](a.event?a.event(e):e)}function j(e,_,t,l,o,r,i,u,f,s){var p,n,m,c,h,b,v,d,y,x,M,S,z,L,N,g=_.type;if(_.constructor!==void 0)return null;128&t.__u&&(f=!!(32&t.__u),r=[u=_.__e=t.__e]),(p=a.__b)&&p(_);e:if(typeof g=="function")try{if(d=_.props,y=(p=g.contextType)&&l[p.__c],x=p?y?y.props.value:p.__:l,t.__c?v=(n=_.__c=t.__c).__=n.__E:("prototype"in g&&g.prototype.render?_.__c=n=new g(d,x):(_.__c=n=new E(d,x),n.constructor=g,n.render=ae),y&&y.sub(n),n.props=d,n.state||(n.state={}),n.context=x,n.__n=l,m=n.__d=!0,n.__h=[],n._sb=[]),n.__s==null&&(n.__s=n.state),g.getDerivedStateFromProps!=null&&(n.__s==n.state&&(n.__s=k({},n.__s)),k(n.__s,g.getDerivedStateFromProps(d,n.__s))),c=n.props,h=n.state,n.__v=_,m)g.getDerivedStateFromProps==null&&n.componentWillMount!=null&&n.componentWillMount(),n.componentDidMount!=null&&n.__h.push(n.componentDidMount);else{if(g.getDerivedStateFromProps==null&&d!==c&&n.componentWillReceiveProps!=null&&n.componentWillReceiveProps(d,x),!n.__e&&(n.shouldComponentUpdate!=null&&n.shouldComponentUpdate(d,n.__s,x)===!1||_.__v===t.__v)){for(_.__v!==t.__v&&(n.props=d,n.state=n.__s,n.__d=!1),_.__e=t.__e,_.__k=t.__k,_.__k.forEach(function(W){W&&(W.__=_)}),M=0;M2&&(u.children=arguments.length>3?T.call(arguments,2):t),w(e.type,u,l||e.key,o||e.ref,null)}function he(e,_){var t={__c:_="__cC"+Y++,__:e,Consumer:function(l,o){return l.children(o)},Provider:function(l){var o,r;return this.getChildContext||(o=[],(r={})[_]=this,this.getChildContext=function(){return r},this.shouldComponentUpdate=function(i){this.props.value!==i.value&&o.some(function(u){u.__e=!0,I(u)})},this.sub=function(i){o.push(i);var u=i.componentWillUnmount;i.componentWillUnmount=function(){o.splice(o.indexOf(i),1),u&&u.call(i)}}),l.children}};return t.Provider.__=t.Consumer.contextType=t}T=Z.slice,a={__e:function(e,_,t,l){for(var o,r,i;_=_.__;)if((o=_.__c)&&!o.__)try{if((r=o.constructor)&&r.getDerivedStateFromError!=null&&(o.setState(r.getDerivedStateFromError(e)),i=o.__d),o.componentDidCatch!=null&&(o.componentDidCatch(e,l||{}),i=o.__d),i)return o.__E=o}catch(u){e=u}throw e}},K=0,Q=function(e){return e!=null&&e.constructor==null},E.prototype.setState=function(e,_){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=k({},this.state),typeof e=="function"&&(e=e(k({},t),this.props)),e&&k(t,e),e!=null&&this.__v&&(_&&this._sb.push(_),I(this))},E.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),I(this))},E.prototype.render=U,C=[],X=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,$=function(e,_){return e.__v.__b-_.__v.__b},F.__r=0,Y=0;const ve=Object.freeze(Object.defineProperty({__proto__:null,Component:E,Fragment:U,cloneElement:de,createContext:he,createElement:O,createRef:se,h:O,hydrate:ie,get isValidElement(){return Q},get options(){return a},render:le,toChildArray:oe},Symbol.toStringTag,{value:"Module"}));export{oe as $,E as b,U as g,a as l,ve as p,le as q,O as y}; diff --git a/storybook/assets/preview-ba0a067c.js b/storybook/assets/preview-Ux_poXh_.js similarity index 69% rename from storybook/assets/preview-ba0a067c.js rename to storybook/assets/preview-Ux_poXh_.js index 859da598b..78884f02b 100644 --- a/storybook/assets/preview-ba0a067c.js +++ b/storybook/assets/preview-Ux_poXh_.js @@ -1,2 +1 @@ -import{o as a}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const u=[{value:"figma-light",title:"Figma (Light)"},{value:"figma-dark",title:"Figma (Dark)"},{value:"figjam",title:"FigJam"}],g={theme:{name:"Theme",defaultValue:"figma-light",toolbar:{icon:"mirror",items:u,dynamicTitle:!0}}};function d(r){const o=document.body;for(const n of u)o.classList.remove(n.value);o.classList.add(r),document.body.style.backgroundColor=r==="figma-dark"?"#2c2c2c":"#ffffff"}const y=[function(r,o){const{theme:n}=o.globals;return d(n),a("div",{style:o.parameters.fixedWidth===!0?{width:"240px"}:void 0,class:n,children:a(r,{})})}],h={layout:"centered",options:{storySort:function(o,n){function l(s){const i=s.title.split(/\//g);if(i.length===1)return{section:i[0],component:null,story:null,order:null};const m=s.tags[0]==="story"?null:parseInt(s.tags[0],10);return{section:i[0],component:i[1],story:i.slice(2).join("/"),order:m}}const c=["Index","Components","Inline Text","Icons","Layout","Hooks"],t=l(o),e=l(n);return t.section!==e.section?c.indexOf(t.section)-c.indexOf(e.section):t.component!==e.component?t.component.localeCompare(e.component,void 0,{numeric:!0}):t.order!==null&&e.order!==null?t.order-e.order:t.order!==null?-1:e.order!==null?1:t.story.localeCompare(e.story,void 0,{numeric:!0})}}};export{y as decorators,g as globalTypes,h as parameters}; -//# sourceMappingURL=preview-ba0a067c.js.map +import{u as a}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const u=[{value:"figma-light",title:"Figma (Light)"},{value:"figma-dark",title:"Figma (Dark)"},{value:"figjam",title:"FigJam"}],g={theme:{name:"Theme",defaultValue:"figma-light",toolbar:{icon:"mirror",items:u,dynamicTitle:!0}}};function d(r){const o=document.body;for(const n of u)o.classList.remove(n.value);o.classList.add(r),document.body.style.backgroundColor=r==="figma-dark"?"#2c2c2c":"#ffffff"}const y=[function(r,o){const{theme:n}=o.globals;return d(n),a("div",{style:o.parameters.fixedWidth===!0?{width:"240px"}:void 0,class:n,children:a(r,{})})}],h={layout:"centered",options:{storySort:function(o,n){function s(l){const i=l.title.split(/\//g);if(i.length===1)return{section:i[0],component:null,story:null,order:null};const m=l.tags[0]==="story"?null:parseInt(l.tags[0],10);return{section:i[0],component:i[1],story:i.slice(2).join("/"),order:m}}const c=["Index","Components","Inline Text","Icons","Layout","Hooks"],t=s(o),e=s(n);return t.section!==e.section?c.indexOf(t.section)-c.indexOf(e.section):t.component!==e.component?t.component.localeCompare(e.component,void 0,{numeric:!0}):t.order!==null&&e.order!==null?t.order-e.order:t.order!==null?-1:e.order!==null?1:t.story.localeCompare(e.story,void 0,{numeric:!0})}}};export{y as decorators,g as globalTypes,h as parameters}; diff --git a/storybook/assets/preview-85fdbae2.css b/storybook/assets/preview-XZxX3H5k.css similarity index 100% rename from storybook/assets/preview-85fdbae2.css rename to storybook/assets/preview-XZxX3H5k.css diff --git a/storybook/assets/preview-ba0a067c.js.map b/storybook/assets/preview-ba0a067c.js.map deleted file mode 100644 index 8c1e6c14f..000000000 --- a/storybook/assets/preview-ba0a067c.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"preview-ba0a067c.js","sources":["../../.storybook/preview.jsx"],"sourcesContent":["import '../src/css/theme.css'\nimport '../src/css/fonts.css'\nimport '../src/css/base.css'\n\nconst themes = [\n { value: 'figma-light', title: 'Figma (Light)' },\n { value: 'figma-dark', title: 'Figma (Dark)' },\n { value: 'figjam', title: 'FigJam' },\n]\n\nexport const globalTypes = {\n theme: {\n name: 'Theme',\n defaultValue: 'figma-light',\n toolbar: {\n icon: 'mirror',\n items: themes,\n dynamicTitle: true\n },\n }\n}\n\nfunction updateTheme(activeTheme) {\n const bodyElement = document.body\n for (const theme of themes) {\n bodyElement.classList.remove(theme.value)\n }\n bodyElement.classList.add(activeTheme)\n document.body.style.backgroundColor = activeTheme === 'figma-dark' ? '#2c2c2c' : '#ffffff'\n}\n\nexport const decorators = [\n function (Story, context) {\n const { theme } = context.globals\n updateTheme(theme)\n return (\n
\n \n
\n )\n }\n]\n\nexport const parameters = {\n layout: 'centered',\n options: {\n storySort: function storySort (x, y) {\n function parseStory(story) {\n const split = story.title.split(/\\//g)\n if (split.length === 1) {\n return {\n section: split[0],\n component: null,\n story: null,\n order: null,\n }\n }\n const order = story.tags[0] === 'story' ? null : parseInt(story.tags[0], 10)\n return {\n section: split[0],\n component: split[1],\n story: split.slice(2).join('/'),\n order\n }\n }\n const sectionSortOrder = ['Index', 'Components', 'Inline Text', 'Icons', 'Layout', 'Hooks']\n const xx = parseStory(x)\n const yy = parseStory(y)\n // Different `section`\n if (xx.section !== yy.section) {\n return sectionSortOrder.indexOf(xx.section) - sectionSortOrder.indexOf(yy.section)\n }\n // Different `component`\n if (xx.component !== yy.component) {\n return xx.component.localeCompare(yy.component, undefined, { numeric: true })\n }\n // Both `order` defined\n if (xx.order !== null && yy.order !== null) {\n return xx.order - yy.order\n }\n // Either `order` defined\n if (xx.order !== null) {\n return -1\n }\n if (yy.order !== null) {\n return 1\n }\n // Both `order` undefined\n return xx.story.localeCompare(yy.story, undefined, { numeric: true })\n }\n }\n}\n"],"names":["themes","value","title","globalTypes","theme","name","defaultValue","toolbar","icon","items","dynamicTitle","updateTheme","activeTheme","bodyElement","document","body","classList","remove","add","style","backgroundColor","decorators","Story","context","globals","_jsx","parameters","fixedWidth","width","undefined","class","children","layout","options","storySort","x","y","parseStory","story","split","length","section","component","order","tags","parseInt","slice","join","sectionSortOrder","xx","yy","indexOf","localeCompare","numeric"],"mappings":"wFAIA,MAAMA,EAAS,CACb,CAAEC,MAAO,cAAeC,MAAO,eAAgB,EAC/C,CAAED,MAAO,aAAcC,MAAO,cAAe,EAC7C,CAAED,MAAO,SAAUC,MAAO,QAAS,CAAC,EAGzBC,EAAc,CACzBC,MAAO,CACLC,KAAM,QACNC,aAAc,cACdC,QAAS,CACPC,KAAM,SACNC,MAAOT,EACPU,aAAc,EAChB,CACF,CACF,EAEA,SAASC,EAAYC,EAAa,CAChC,MAAMC,EAAcC,SAASC,KAC7B,UAAWX,KAASJ,EACNgB,EAAAA,UAAUC,OAAOb,EAAMH,KAAK,EAE9Be,EAAAA,UAAUE,IAAIN,CAAW,EACrCE,SAASC,KAAKI,MAAMC,gBAAkBR,IAAgB,aAAe,UAAY,SACnF,CAEO,MAAMS,EAAa,CACxB,SAAUC,EAAOC,EAAS,CAClB,KAAA,CAAEnB,MAAAA,CAAAA,EAAUmB,EAAQC,QAC1Bb,OAAAA,EAAYP,CAAK,EAEfqB,EAAA,MAAA,CAAKN,MAAOI,EAAQG,WAAWC,aAAe,GAAO,CAAEC,MAAO,OAAYC,EAAAA,OAAWC,MAAO1B,EAAM2B,SAChGN,EAACH,EAAO,EAAA,CAAA,CACL,CAET,CAAC,EAGUI,EAAa,CACxBM,OAAQ,WACRC,QAAS,CACPC,UAAW,SAAoBC,EAAGC,EAAG,CACnC,SAASC,EAAWC,EAAO,CACzB,MAAMC,EAAQD,EAAMpC,MAAMqC,MAAM,KAAK,EACjCA,GAAAA,EAAMC,SAAW,EACZ,MAAA,CACLC,QAASF,EAAM,CAAC,EAChBG,UAAW,KACXJ,MAAO,KACPK,MAAO,IAAA,EAGX,MAAMA,EAAQL,EAAMM,KAAK,CAAC,IAAM,QAAU,KAAOC,SAASP,EAAMM,KAAK,CAAC,EAAG,EAAE,EACpE,MAAA,CACLH,QAASF,EAAM,CAAC,EAChBG,UAAWH,EAAM,CAAC,EAClBD,MAAOC,EAAMO,MAAM,CAAC,EAAEC,KAAK,GAAG,EAC9BJ,MAAAA,CAAAA,CAEJ,CACA,MAAMK,EAAmB,CAAC,QAAS,aAAc,cAAe,QAAS,SAAU,OAAO,EACpFC,EAAKZ,EAAWF,CAAC,EACjBe,EAAKb,EAAWD,CAAC,EAEnBa,OAAAA,EAAGR,UAAYS,EAAGT,QACbO,EAAiBG,QAAQF,EAAGR,OAAO,EAAIO,EAAiBG,QAAQD,EAAGT,OAAO,EAG/EQ,EAAGP,YAAcQ,EAAGR,UACfO,EAAGP,UAAUU,cAAcF,EAAGR,UAAWb,OAAW,CAAEwB,QAAS,EAAA,CAAM,EAG1EJ,EAAGN,QAAU,MAAQO,EAAGP,QAAU,KAC7BM,EAAGN,MAAQO,EAAGP,MAGnBM,EAAGN,QAAU,KACR,GAELO,EAAGP,QAAU,KACR,EAGFM,EAAGX,MAAMc,cAAcF,EAAGZ,MAAOT,OAAW,CAAEwB,QAAS,EAAA,CAAM,CACtE,CACF,CACF"} \ No newline at end of file diff --git a/storybook/assets/preview.stories-d6d240b7.css b/storybook/assets/preview-y4WD49EI.css similarity index 100% rename from storybook/assets/preview.stories-d6d240b7.css rename to storybook/assets/preview-y4WD49EI.css diff --git a/storybook/assets/preview.stories-27bd9269.js.map b/storybook/assets/preview.stories-27bd9269.js.map deleted file mode 100644 index 740008a95..000000000 --- a/storybook/assets/preview.stories-27bd9269.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"preview.stories-27bd9269.js","sources":["../../src/components/preview/preview.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createComponent } from '../../utilities/create-component.js'\nimport style from './preview.module.css'\n\nexport type PreviewProps = {\n children: ComponentChildren\n}\n\nexport const Preview = createComponent(function (\n { children, ...rest },\n ref\n) {\n return (\n
\n {children}\n
\n )\n})\n"],"names":["Preview","createComponent","children","rest","ref","_jsx","class","style","preview"],"mappings":"oLASaA,EAAUC,EAA8C,SACnE,CAAEC,SAAAA,EAAU,GAAGC,CAAK,EACpBC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAMC,QAAQN,SAAAA,CAAAA,CAEzC,CAET,CAAC;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/preview.stories-27bd9269.js b/storybook/assets/preview.stories-yt4tr4rl.js similarity index 82% rename from storybook/assets/preview.stories-27bd9269.js rename to storybook/assets/preview.stories-yt4tr4rl.js index f3c9701e8..186edc874 100644 --- a/storybook/assets/preview.stories-27bd9269.js +++ b/storybook/assets/preview.stories-yt4tr4rl.js @@ -1,4 +1,4 @@ -import{c as m}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const d="_preview_1rd4j_1",x={preview:d},c=m(function({children:p,...b},f){return r("div",{...b,ref:f,class:x.preview,children:p})}),q={parameters:{fixedWidth:!0},title:"Components/Preview"},e=function(){return r(c,{children:"foo"})},u=function(){return r(c,{children:["foo",r("br",{}),"bar",r("br",{}),"baz",r("br",{}),"qux",r("br",{}),"quux",r("br",{}),"quuux",r("br",{}),"quuuux",r("br",{}),"quuuuux",r("br",{}),"quuuuuux"]})};var n,o,t;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`function () { +import{c as m}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const d="_preview_1rd4j_1",x={preview:d},c=m(function({children:p,...b},f){return r("div",{...b,ref:f,class:x.preview,children:p})}),q={parameters:{fixedWidth:!0},title:"Components/Preview"},e=function(){return r(c,{children:"foo"})},u=function(){return r(c,{children:["foo",r("br",{}),"bar",r("br",{}),"baz",r("br",{}),"qux",r("br",{}),"quux",r("br",{}),"quuux",r("br",{}),"quuuux",r("br",{}),"quuuuux",r("br",{}),"quuuuuux"]})};var n,o,t;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`function () { return foo; }`,...(t=(o=e.parameters)==null?void 0:o.docs)==null?void 0:t.source}}};var s,a,i;u.parameters={...u.parameters,docs:{...(s=u.parameters)==null?void 0:s.docs,source:{originalSource:`function () { return @@ -21,4 +21,3 @@ import{c as m}from"./create-component-b0512abd.js";import{o as r}from"./jsxRunti quuuuuux ; }`,...(i=(a=u.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};const P=["Default","Overflow"];export{e as Default,u as Overflow,P as __namedExportsOrder,q as default}; -//# sourceMappingURL=preview.stories-27bd9269.js.map diff --git a/storybook/assets/radio-buttons.stories-a25fa6c6.css b/storybook/assets/radio-buttons-F4SLeHTv.css similarity index 100% rename from storybook/assets/radio-buttons.stories-a25fa6c6.css rename to storybook/assets/radio-buttons-F4SLeHTv.css diff --git a/storybook/assets/radio-buttons.stories-feddbbed.js b/storybook/assets/radio-buttons.stories-8nBOLsn9.js similarity index 90% rename from storybook/assets/radio-buttons.stories-feddbbed.js rename to storybook/assets/radio-buttons.stories-8nBOLsn9.js index a2e01feec..89825507e 100644 --- a/storybook/assets/radio-buttons.stories-feddbbed.js +++ b/storybook/assets/radio-buttons.stories-8nBOLsn9.js @@ -1,4 +1,4 @@ -import{c as G,T as C,h}from"./create-component-b0512abd.js";import{u as K}from"./use-initial-focus-57bdde46.js";import{T as n}from"./text-72c2365d.js";import{S as Q}from"./stack-a63253f7.js";import{c as W}from"./create-class-name-71c46838.js";import{n as x}from"./no-op-cb277961.js";import{I as z}from"./constants-4a59d305.js";import{o as e}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";const Y="_radioButtons_1s9z6_1",Z="_label_1s9z6_6",ee="_input_1s9z6_10",ne="_disabled_1s9z6_20",ae="_fill_1s9z6_24",oe="_border_1s9z6_39",te="_children_1s9z6_60",c={radioButtons:Y,label:Z,input:ee,disabled:ne,fill:ae,border:oe,children:te},i=G(function({disabled:l=!1,onChange:a=x,onKeyDown:s=x,onValueChange:u=x,options:o,propagateEscapeKeyDown:t=!0,space:P="small",value:$,...N},U){const j=C(function(r){a(r);const d=r.currentTarget.getAttribute(z);if(d===null)throw new Error("`id` is `null`");const m=o[parseInt(d,10)].value;u(m)},[a,u,o]),q=C(function(r){s(r),r.key==="Escape"&&(t===!1&&r.stopPropagation(),r.currentTarget.blur())},[s,t]);return e("div",{ref:U,class:c.radioButtons,children:e(Q,{space:P,children:o.map(function(r,d){const m=typeof r.children>"u"?`${r.value}`:r.children,V=l===!0||r.disabled===!0;return e("label",{class:W([c.label,V===!0?c.disabled:null]),children:[e("input",{...N,checked:$===r.value,class:c.input,disabled:V===!0,onChange:j,onKeyDown:q,tabIndex:0,type:"radio",value:`${r.value}`,[z]:`${d}`}),e("div",{class:c.fill}),e("div",{class:c.border}),e("div",{class:c.children,children:m})]},d)})})})}),ve={title:"Components/Radio Buttons"},b=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{onChange:u,options:s,value:l})},v=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{...K(),onChange:u,options:s,value:l})},p=function(){const l=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function a(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:a,options:l,value:"bar"})},f=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),disabled:!0,value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{onChange:u,options:s,value:l})},g=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{onChange:u,options:s,space:"large",value:l})},T=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){console.log(o),a(o)}return e(i,{onValueChange:u,options:s,value:l})};var _,w,B;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`function () { +import{c as G,T as C,h}from"./create-component-a83A1_Pu.js";import{u as K}from"./use-initial-focus-xmfxIugy.js";import{T as n}from"./text-SssoFudj.js";import{S as Q}from"./stack-_6nbU-5Y.js";import{c as W}from"./create-class-name-gq91Tlk7.js";import{n as x}from"./no-op-Uu3q6ZSj.js";import{a as z}from"./constants-TQdAxsXB.js";import{u as e}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";const Y="_radioButtons_1s9z6_1",Z="_label_1s9z6_6",ee="_input_1s9z6_10",ne="_disabled_1s9z6_20",ae="_fill_1s9z6_24",oe="_border_1s9z6_39",te="_children_1s9z6_60",c={radioButtons:Y,label:Z,input:ee,disabled:ne,fill:ae,border:oe,children:te},i=G(function({disabled:l=!1,onChange:a=x,onKeyDown:s=x,onValueChange:u=x,options:o,propagateEscapeKeyDown:t=!0,space:P="small",value:$,...N},U){const j=C(function(r){a(r);const d=r.currentTarget.getAttribute(z);if(d===null)throw new Error("`id` is `null`");const m=o[parseInt(d,10)].value;u(m)},[a,u,o]),q=C(function(r){s(r),r.key==="Escape"&&(t===!1&&r.stopPropagation(),r.currentTarget.blur())},[s,t]);return e("div",{ref:U,class:c.radioButtons,children:e(Q,{space:P,children:o.map(function(r,d){const m=typeof r.children>"u"?`${r.value}`:r.children,V=l===!0||r.disabled===!0;return e("label",{class:W([c.label,V===!0?c.disabled:null]),children:[e("input",{...N,checked:$===r.value,class:c.input,disabled:V===!0,onChange:j,onKeyDown:q,tabIndex:0,type:"radio",value:`${r.value}`,[z]:`${d}`}),e("div",{class:c.fill}),e("div",{class:c.border}),e("div",{class:c.children,children:m})]},d)})})})}),ve={title:"Components/Radio Buttons"},b=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{onChange:u,options:s,value:l})},v=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{...K(),onChange:u,options:s,value:l})},p=function(){const l=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function a(){throw new Error("This function should not be called")}return e(i,{disabled:!0,onChange:a,options:l,value:"bar"})},f=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),disabled:!0,value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{onChange:u,options:s,value:l})},g=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){const t=o.currentTarget.value;console.log(t),a(t)}return e(i,{onChange:u,options:s,space:"large",value:l})},T=function(){const[l,a]=h("bar"),s=[{children:e(n,{children:"foo"}),value:"foo"},{children:e(n,{children:"bar"}),value:"bar"},{children:e(n,{children:"baz"}),value:"baz"}];function u(o){console.log(o),a(o)}return e(i,{onValueChange:u,options:s,value:l})};var _,w,B;b.parameters={...b.parameters,docs:{...(_=b.parameters)==null?void 0:_.docs,source:{originalSource:`function () { const [value, setValue] = useState('bar'); const options: Array = [{ children: foo, @@ -34,7 +34,7 @@ import{c as G,T as C,h}from"./create-component-b0512abd.js";import{u as K}from". setValue(newValue); } return ; -}`,...(R=(E=v.parameters)==null?void 0:E.docs)==null?void 0:R.source}}};var I,O,A;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`function () { +}`,...(R=(E=v.parameters)==null?void 0:E.docs)==null?void 0:R.source}}};var O,A,I;p.parameters={...p.parameters,docs:{...(O=p.parameters)==null?void 0:O.docs,source:{originalSource:`function () { const options: Array = [{ children: foo, value: 'foo' @@ -49,7 +49,7 @@ import{c as G,T as C,h}from"./create-component-b0512abd.js";import{u as K}from". throw new Error('This function should not be called'); } return ; -}`,...(A=(O=p.parameters)==null?void 0:O.docs)==null?void 0:A.source}}};var y,D,M;f.parameters={...f.parameters,docs:{...(y=f.parameters)==null?void 0:y.docs,source:{originalSource:`function () { +}`,...(I=(A=p.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var y,D,M;f.parameters={...f.parameters,docs:{...(y=f.parameters)==null?void 0:y.docs,source:{originalSource:`function () { const [value, setValue] = useState('bar'); const options: Array = [{ children: foo, @@ -104,4 +104,3 @@ import{c as G,T as C,h}from"./create-component-b0512abd.js";import{u as K}from". } return ; }`,...(k=(X=T.parameters)==null?void 0:X.docs)==null?void 0:k.source}}};const pe=["Passive","Focused","Disabled","DisabledOption","Space","OnValueChange"];export{p as Disabled,f as DisabledOption,v as Focused,T as OnValueChange,b as Passive,g as Space,pe as __namedExportsOrder,ve as default}; -//# sourceMappingURL=radio-buttons.stories-feddbbed.js.map diff --git a/storybook/assets/radio-buttons.stories-feddbbed.js.map b/storybook/assets/radio-buttons.stories-feddbbed.js.map deleted file mode 100644 index 02a1d6479..000000000 --- a/storybook/assets/radio-buttons.stories-feddbbed.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"radio-buttons.stories-feddbbed.js","sources":["../../src/components/radio-buttons/radio-buttons.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Stack, StackSpace } from '../../layout/stack/stack.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport { ITEM_ID_DATA_ATTRIBUTE_NAME } from '../../utilities/private/constants.js'\nimport styles from './radio-buttons.module.css'\n\nexport interface RadioButtonsProps\n extends FocusableComponentProps {\n disabled?: boolean\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n options: Array\n space?: StackSpace\n value: null | string\n}\nexport type RadioButtonsOption = {\n disabled?: boolean\n children?: ComponentChildren\n value: string\n}\n\nexport const RadioButtons = createComponent(\n function (\n {\n disabled = false,\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n options,\n propagateEscapeKeyDown = true,\n space = 'small',\n value,\n ...rest\n },\n ref\n ) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n if (id === null) {\n throw new Error('`id` is `null`')\n }\n const newValue = options[parseInt(id, 10)].value\n onValueChange(newValue)\n },\n [onChange, onValueChange, options]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n
\n \n {options.map(function (option: RadioButtonsOption, index: number) {\n const children =\n typeof option.children === 'undefined'\n ? `${option.value}`\n : option.children\n const isOptionDisabled =\n disabled === true || option.disabled === true\n return (\n \n \n
\n
\n
{children}
\n \n )\n })}\n \n
\n )\n }\n)\n"],"names":["RadioButtons","createComponent","disabled","onChange","noop","onKeyDown","onValueChange","options","propagateEscapeKeyDown","space","value","rest","ref","handleChange","useCallback","event","id","currentTarget","getAttribute","ITEM_ID_DATA_ATTRIBUTE_NAME","Error","newValue","parseInt","handleKeyDown","key","stopPropagation","blur","_jsx","class","styles","radioButtons","children","Stack","map","option","index","isOptionDisabled","_jsxs","createClassName","label","checked","input","tabIndex","type","fill","border"],"mappings":"+oBA2BaA,EAAeC,EAC1B,SACE,CACEC,SAAAA,EAAW,GACXC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,QAAAA,EACAC,uBAAAA,EAAyB,GACzBC,MAAAA,EAAQ,QACRC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDZ,EAASY,CAAK,EACd,MAAMC,EAAKD,EAAME,cAAcC,aAAaC,CAA2B,EACvE,GAAIH,IAAO,KACH,MAAA,IAAII,MAAM,gBAAgB,EAElC,MAAMC,EAAWd,EAAQe,SAASN,EAAI,EAAE,CAAC,EAAEN,MAC3CJ,EAAce,CAAQ,CAExB,EAAA,CAAClB,EAAUG,EAAeC,CAAO,CACnC,EAEMgB,EAAgBT,EACpB,SAAUC,EAA0C,CAClDV,EAAUU,CAAK,EACXA,EAAMS,MAAQ,WACZhB,IAA2B,IAC7BO,EAAMU,gBAAgB,EAExBV,EAAME,cAAcS,OACtB,EAEF,CAACrB,EAAWG,CAAsB,CACpC,EAEA,OACEmB,EAAA,MAAA,CAAKf,IAAAA,EAAUgB,MAAOC,EAAOC,aAAaC,SACxCJ,EAACK,EAAK,CAACvB,MAAAA,EAAasB,SACjBxB,EAAQ0B,IAAI,SAAUC,EAA4BC,EAAe,CAC1DJ,MAAAA,EACJ,OAAOG,EAAOH,SAAa,IACtB,GAAEG,EAAOxB,KAAM,GAChBwB,EAAOH,SACPK,EACJlC,IAAa,IAAQgC,EAAOhC,WAAa,GAC3C,OACEmC,EAAA,QAAA,CAEET,MAAOU,EAAgB,CACrBT,EAAOU,MACPH,IAAqB,GAAOP,EAAO3B,SAAW,IAAI,CACnD,EAAE6B,UAEHJ,EAAA,QAAA,CAAA,GACMhB,EACJ6B,QAAS9B,IAAUwB,EAAOxB,MAC1BkB,MAAOC,EAAOY,MACdvC,SAAUkC,IAAqB,GAC/BjC,SAAUU,EACVR,UAAWkB,EACXmB,SAAU,EACVC,KAAK,QACLjC,MAAQ,GAAEwB,EAAOxB,KAAM,GACjB,CAACS,CAA2B,EAAI,GAAEgB,CAAM,EAAA,CAC/C,EACDR,EAAA,MAAA,CAAKC,MAAOC,EAAOe,IAAAA,CAAO,EAC1BjB,EAAA,MAAA,CAAKC,MAAOC,EAAOgB,MAAAA,CAAS,EAC5BlB,EAAA,MAAA,CAAKC,MAAOC,EAAOE,SAASA,SAAAA,CAAAA,CAAgB,CAAC,GApBxCI,CAqBA,CAAA,CAEV,CAAA,CACI,CAAA,CACJ,CAET,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/range-slider-526ae6e9.js b/storybook/assets/range-slider-526ae6e9.js deleted file mode 100644 index 0dc43ba71..000000000 --- a/storybook/assets/range-slider-526ae6e9.js +++ /dev/null @@ -1,2 +0,0 @@ -import{c as h,T as f}from"./create-component-b0512abd.js";import{c as S}from"./create-class-name-71c46838.js";import{n as e}from"./no-op-cb277961.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const T="_rangeSlider_1dywl_1",x="_border_1dywl_7",C="_disabled_1dywl_15",R="_input_1dywl_19",t={rangeSlider:T,border:x,disabled:C,input:R},j=h(function({disabled:s=!1,increment:m=1,maximum:o,minimum:a,onInput:l=e,onKeyDown:i=e,onNumericValueInput:d=e,onValueInput:c=e,propagateEscapeKeyDown:p=!0,value:_,...b},g){if(a>=o)throw new Error("`minimum` must be less than `maximum`");const y=f(function(r){l(r);const u=r.currentTarget.value;c(u),d(parseFloat(u))},[l,d,c]),w=f(function(r){i(r),r.key==="Escape"&&(p===!1&&r.stopPropagation(),r.currentTarget.blur())},[i,p]);return n("label",{class:S([t.rangeSlider,s===!0?t.disabled:null]),children:[n("input",{...b,ref:g,class:t.input,disabled:s,max:o,min:a,onInput:y,onKeyDown:w,step:m,type:"range",value:_}),n("div",{class:t.border})]})});export{j as R}; -//# sourceMappingURL=range-slider-526ae6e9.js.map diff --git a/storybook/assets/range-slider-526ae6e9.js.map b/storybook/assets/range-slider-526ae6e9.js.map deleted file mode 100644 index d248ada03..000000000 --- a/storybook/assets/range-slider-526ae6e9.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"range-slider-526ae6e9.js","sources":["../../src/components/range-slider/range-slider.tsx"],"sourcesContent":["import { h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './range-slider.module.css'\n\nexport interface RangeSliderProps\n extends FocusableComponentProps {\n disabled?: boolean\n increment?: number\n maximum: number\n minimum: number\n onInput?: EventHandler.onInput\n onNumericValueInput?: EventHandler.onValueChange\n onValueInput?: EventHandler.onValueChange\n value: string\n}\n\nexport const RangeSlider = createComponent(\n function (\n {\n disabled = false,\n increment = 1,\n maximum,\n minimum,\n onInput = noop,\n onKeyDown = noop,\n onNumericValueInput = noop,\n onValueInput = noop,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n },\n ref\n ) {\n if (minimum >= maximum) {\n throw new Error('`minimum` must be less than `maximum`')\n }\n\n const handleInput = useCallback(\n function (event: Event.onInput) {\n onInput(event)\n const value = event.currentTarget.value\n onValueInput(value)\n onNumericValueInput(parseFloat(value))\n },\n [onInput, onNumericValueInput, onValueInput]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n \n
\n \n )\n }\n)\n"],"names":["RangeSlider","createComponent","disabled","increment","maximum","minimum","onInput","noop","onKeyDown","onNumericValueInput","onValueInput","propagateEscapeKeyDown","value","rest","ref","Error","handleInput","useCallback","event","currentTarget","parseFloat","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","rangeSlider","children","_jsx","input","max","min","step","type","border"],"mappings":"sVAsBaA,EAAcC,EACzB,SACE,CACEC,SAAAA,EAAW,GACXC,UAAAA,EAAY,EACZC,QAAAA,EACAC,QAAAA,EACAC,QAAAA,EAAUC,EACVC,UAAAA,EAAYD,EACZE,oBAAAA,EAAsBF,EACtBG,aAAAA,EAAeH,EACfI,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACA,GAAIT,GAAWD,EACP,MAAA,IAAIW,MAAM,uCAAuC,EAGnDC,MAAAA,EAAcC,EAClB,SAAUC,EAAwC,CAChDZ,EAAQY,CAAK,EACPN,MAAAA,EAAQM,EAAMC,cAAcP,MAClCF,EAAaE,CAAK,EACEQ,EAAAA,WAAWR,CAAK,CAAC,CAEvC,EAAA,CAACN,EAASG,EAAqBC,CAAY,CAC7C,EAEMW,EAAgBJ,EACpB,SAAUC,EAA0C,CAClDV,EAAUU,CAAK,EACXA,EAAMI,MAAQ,WACZX,IAA2B,IAC7BO,EAAMK,gBAAgB,EAExBL,EAAMC,cAAcK,OACtB,EAEF,CAAChB,EAAWG,CAAsB,CACpC,EAEA,OACEc,EAAA,QAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,YACP3B,IAAa,GAAO0B,EAAO1B,SAAW,IAAI,CAC3C,EAAE4B,UAEHC,EAAA,QAAA,CAAA,GACMlB,EACJC,IAAAA,EACAY,MAAOE,EAAOI,MACd9B,SAAAA,EACA+B,IAAK7B,EACL8B,IAAK7B,EACLC,QAASU,EACTR,UAAWa,EACXc,KAAMhC,EACNiC,KAAK,QACLxB,MAAAA,CAAAA,CACD,EACDmB,EAAA,MAAA,CAAKL,MAAOE,EAAOS,MAAAA,CAAS,CAAC,CAAA,CACxB,CAEX,CACF"} \ No newline at end of file diff --git a/storybook/assets/range-slider-8dd2362a.css b/storybook/assets/range-slider-WI8CFO67.css similarity index 100% rename from storybook/assets/range-slider-8dd2362a.css rename to storybook/assets/range-slider-WI8CFO67.css diff --git a/storybook/assets/range-slider-njcGadeh.js b/storybook/assets/range-slider-njcGadeh.js new file mode 100644 index 000000000..6ab1a32c3 --- /dev/null +++ b/storybook/assets/range-slider-njcGadeh.js @@ -0,0 +1 @@ +import{c as h,T as f}from"./create-component-a83A1_Pu.js";import{c as S}from"./create-class-name-gq91Tlk7.js";import{n as e}from"./no-op-Uu3q6ZSj.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";const T="_rangeSlider_1dywl_1",x="_border_1dywl_7",C="_disabled_1dywl_15",R="_input_1dywl_19",t={rangeSlider:T,border:x,disabled:C,input:R},j=h(function({disabled:s=!1,increment:m=1,maximum:o,minimum:a,onInput:l=e,onKeyDown:i=e,onNumericValueInput:d=e,onValueInput:c=e,propagateEscapeKeyDown:u=!0,value:_,...b},g){if(a>=o)throw new Error("`minimum` must be less than `maximum`");const y=f(function(r){l(r);const p=r.currentTarget.value;c(p),d(parseFloat(p))},[l,d,c]),w=f(function(r){i(r),r.key==="Escape"&&(u===!1&&r.stopPropagation(),r.currentTarget.blur())},[i,u]);return n("label",{class:S([t.rangeSlider,s===!0?t.disabled:null]),children:[n("input",{...b,ref:g,class:t.input,disabled:s,max:o,min:a,onInput:y,onKeyDown:w,step:m,type:"range",value:_}),n("div",{class:t.border})]})});export{j as R}; diff --git a/storybook/assets/range-slider.stories-8b06c019.js.map b/storybook/assets/range-slider.stories-8b06c019.js.map deleted file mode 100644 index 852120b78..000000000 --- a/storybook/assets/range-slider.stories-8b06c019.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"range-slider.stories-8b06c019.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/range-slider.stories-8b06c019.js b/storybook/assets/range-slider.stories-xERzPFtp.js similarity index 82% rename from storybook/assets/range-slider.stories-8b06c019.js rename to storybook/assets/range-slider.stories-xERzPFtp.js index 09e198f9e..47f8e4928 100644 --- a/storybook/assets/range-slider.stories-8b06c019.js +++ b/storybook/assets/range-slider.stories-xERzPFtp.js @@ -1,4 +1,4 @@ -import{k as C}from"./preact.module-fa42f7d1.js";import{h as m}from"./create-component-b0512abd.js";import{u as O}from"./use-initial-focus-57bdde46.js";import{V as W}from"./vertical-space-f6719a71.js";import{T as _}from"./textbox-numeric-1a566c07.js";import{R as o}from"./range-slider-526ae6e9.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./textbox.module-917ccc0f.js";import"./raw-textbox-numeric-737ada3a.js";import"./get-current-from-ref-47f174f6.js";import"./no-op-cb277961.js";import"./compute-next-value-3d847061.js";import"./is-keycode-character-generating-0746a523.js";import"./mixed-values-e51728b2.js";const $={parameters:{fixedWidth:!0},title:"Components/Range Slider"},l=function(){const[n,a]=m("0");function t(u){const e=u.currentTarget.value;console.log(e),a(e)}return r(o,{maximum:100,minimum:0,onInput:t,value:n})},s=function(){const[n,a]=m("0");function t(u){const e=u.currentTarget.value;console.log(e),a(e)}return r(o,{...O(),maximum:100,minimum:0,onInput:t,value:n})},i=function(){function n(){throw new Error("This function should not be called")}return r(o,{disabled:!0,maximum:100,minimum:0,onInput:n,value:"0"})},c=function(){const[n,a]=m("0");function t(u){const e=u.currentTarget.value;console.log(e),a(e)}return r(o,{increment:10,maximum:100,minimum:0,onInput:t,value:n})},p=function(){const[n,a]=m("0");function t(e){console.log(e),a(e)}function u(e){console.log(e)}return r(o,{maximum:100,minimum:0,onNumericValueInput:u,onValueInput:t,value:n})},d=function(){const[n,a]=m("0");function t(X){const V=X.currentTarget.value;console.log(V),a(V)}const u=0,e=100;return r(C,{children:[r(o,{maximum:e,minimum:u,onInput:t,value:n}),r(W,{space:"small"}),r(_,{maximum:e,minimum:u,onInput:t,value:n,variant:"border"})]})};var v,I,g;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`function () { +import{g as C}from"./preact.module-pS-_M4k6.js";import{h as m}from"./create-component-a83A1_Pu.js";import{u as O}from"./use-initial-focus-xmfxIugy.js";import{V as W}from"./vertical-space-UCQOgkM_.js";import{T as _}from"./textbox-numeric-PxkjMYjC.js";import{R as o}from"./range-slider-njcGadeh.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./textbox.module-SUUSsoq6.js";import"./raw-textbox-numeric-P_SZCsOz.js";import"./get-current-from-ref-KzY6_NOj.js";import"./no-op-Uu3q6ZSj.js";import"./compute-next-value-v04i_0LO.js";import"./is-keycode-character-generating-0Qf6Kf4s.js";import"./mixed-values-kiIAV0Ly.js";const $={parameters:{fixedWidth:!0},title:"Components/Range Slider"},l=function(){const[n,a]=m("0");function t(u){const e=u.currentTarget.value;console.log(e),a(e)}return r(o,{maximum:100,minimum:0,onInput:t,value:n})},s=function(){const[n,a]=m("0");function t(u){const e=u.currentTarget.value;console.log(e),a(e)}return r(o,{...O(),maximum:100,minimum:0,onInput:t,value:n})},i=function(){function n(){throw new Error("This function should not be called")}return r(o,{disabled:!0,maximum:100,minimum:0,onInput:n,value:"0"})},c=function(){const[n,a]=m("0");function t(u){const e=u.currentTarget.value;console.log(e),a(e)}return r(o,{increment:10,maximum:100,minimum:0,onInput:t,value:n})},p=function(){const[n,a]=m("0");function t(e){console.log(e),a(e)}function u(e){console.log(e)}return r(o,{maximum:100,minimum:0,onNumericValueInput:u,onValueInput:t,value:n})},d=function(){const[n,a]=m("0");function t(X){const V=X.currentTarget.value;console.log(V),a(V)}const u=0,e=100;return r(C,{children:[r(o,{maximum:e,minimum:u,onInput:t,value:n}),r(W,{space:"small"}),r(_,{maximum:e,minimum:u,onInput:t,value:n,variant:"border"})]})};var g,v,I;l.parameters={...l.parameters,docs:{...(g=l.parameters)==null?void 0:g.docs,source:{originalSource:`function () { const [value, setValue] = useState('0'); function handleInput(event: JSX.TargetedEvent) { const newValue = event.currentTarget.value; @@ -6,7 +6,7 @@ import{k as C}from"./preact.module-fa42f7d1.js";import{h as m}from"./create-comp setValue(newValue); } return ; -}`,...(g=(I=l.parameters)==null?void 0:I.docs)==null?void 0:g.source}}};var f,h,x;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`function () { +}`,...(I=(v=l.parameters)==null?void 0:v.docs)==null?void 0:I.source}}};var f,h,x;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`function () { const [value, setValue] = useState('0'); function handleInput(event: JSX.TargetedEvent) { const newValue = event.currentTarget.value; @@ -52,4 +52,3 @@ import{k as C}from"./preact.module-fa42f7d1.js";import{h as m}from"./create-comp ; }`,...(M=(L=d.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};const ee=["Passive","Focused","Disabled","CustomIncrement","OnValueInput","WithTextboxNumeric"];export{c as CustomIncrement,i as Disabled,s as Focused,p as OnValueInput,l as Passive,d as WithTextboxNumeric,ee as __namedExportsOrder,$ as default}; -//# sourceMappingURL=range-slider.stories-8b06c019.js.map diff --git a/storybook/assets/raw-textbox-numeric-737ada3a.js.map b/storybook/assets/raw-textbox-numeric-737ada3a.js.map deleted file mode 100644 index 3b50558f6..000000000 --- a/storybook/assets/raw-textbox-numeric-737ada3a.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"raw-textbox-numeric-737ada3a.js","sources":["../../../utilities/lib/number/private/regex.js","../../../utilities/lib/number/evaluate-numeric-expression.js","../../../utilities/lib/number/is-valid-numeric-input.js","../../src/components/textbox/textbox-numeric/private/format-evaluated-value.ts","../../src/components/textbox/textbox-numeric/private/raw-textbox-numeric.tsx"],"sourcesContent":["export const floatOperandRegex = /^-?\\d*(?:\\.\\d*)?$/;\nexport const integerOperandRegex = /^-?\\d*$/;\nexport const operatorRegex = /[+\\-*/]/;\nexport const operatorSuffixRegex = /[+\\-*/]$/;\nexport const numbersRegex = /\\d/;\nexport const invalidCharactersRegex = /[^\\d.+\\-*/]/;\n//# sourceMappingURL=regex.js.map","import { invalidCharactersRegex, numbersRegex, operatorRegex, operatorSuffixRegex } from './private/regex.js';\nexport function evaluateNumericExpression(value) {\n if (value === '' ||\n numbersRegex.test(value) === false ||\n invalidCharactersRegex.test(value) === true) {\n return null;\n }\n if (operatorRegex.test(value) === true) {\n if (operatorSuffixRegex.test(value) === true) {\n return eval(value.substring(0, value.length - 1));\n }\n return eval(value);\n }\n return parseFloat(value);\n}\n//# sourceMappingURL=evaluate-numeric-expression.js.map","import { floatOperandRegex, integerOperandRegex, operatorRegex } from './private/regex.js';\nexport function isValidNumericInput(value, options = { integersOnly: false }) {\n const split = (value[0] === '-' ? value.substring(1) : value).split(operatorRegex);\n let i = -1;\n while (++i < split.length) {\n const operand = split[i];\n if ((operand === '' && i !== split.length - 1) ||\n (options.integersOnly === true\n ? integerOperandRegex\n : floatOperandRegex).test(operand) === false) {\n return false;\n }\n }\n return true;\n}\n//# sourceMappingURL=is-valid-numeric-input.js.map","const EMPTY_STRING = ''\n\nconst fractionalPartRegex = /\\.([^.]+)/\nconst nonDigitRegex = /[^\\d.]/\n\nexport function formatEvaluatedValue(\n evaluatedValue: null | number,\n value: string,\n suffix?: string\n): string {\n if (evaluatedValue === null) {\n return EMPTY_STRING\n }\n const significantFiguresCount = countSignificantFigures(\n nonDigitRegex.test(value) === true ? `${evaluatedValue}` : value\n )\n return appendSuffix(\n formatSignificantFigures(evaluatedValue, significantFiguresCount),\n suffix\n )\n}\n\nfunction countSignificantFigures(value: string): number {\n const result = fractionalPartRegex.exec(value)\n if (result === null) {\n return 0\n }\n return result[1].length\n}\n\nfunction formatSignificantFigures(\n value: number,\n significantFiguresCount: number\n): string {\n if (significantFiguresCount === 0) {\n return `${value}`\n }\n const result = fractionalPartRegex.exec(`${value}`)\n if (result === null) {\n return `${value}.${'0'.repeat(significantFiguresCount)}`\n }\n const fractionalPart = result[1]\n const count = significantFiguresCount - fractionalPart.length\n return `${value}${'0'.repeat(count)}`\n}\n\nfunction appendSuffix(string: string, suffix?: string): string {\n if (typeof suffix === 'undefined') {\n return string\n }\n if (string === EMPTY_STRING) {\n return EMPTY_STRING\n }\n return `${string}${suffix}`\n}\n","import {\n evaluateNumericExpression,\n isValidNumericInput,\n MIXED_NUMBER,\n MIXED_STRING\n} from '@create-figma-plugin/utilities'\nimport { h, RefObject } from 'preact'\nimport { useCallback, useRef, useState } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../../../types/focusable-component-props.js'\nimport { createComponent } from '../../../../utilities/create-component.js'\nimport { getCurrentFromRef } from '../../../../utilities/get-current-from-ref.js'\nimport { noop } from '../../../../utilities/no-op.js'\nimport { computeNextValue } from '../../private/compute-next-value.js'\nimport { isKeyCodeCharacterGenerating } from '../../private/is-keycode-character-generating.js'\nimport { formatEvaluatedValue } from './format-evaluated-value.js'\n\nconst FRACTION_DIGITS = 3\nconst EMPTY_STRING = ''\n\nexport interface RawTextboxNumericProps\n extends FocusableComponentProps {\n disabled?: boolean\n incrementBig?: number\n incrementSmall?: number\n integer?: boolean\n maximum?: number\n minimum?: number\n onBlur?: EventHandler.onBlur\n onFocus?: EventHandler.onFocus\n onInput?: EventHandler.onInput\n onMouseDown?: EventHandler.onMouseUp\n onNumericValueInput?: EventHandler.onValueChange\n onValueInput?: EventHandler.onValueChange\n placeholder?: string\n revertOnEscapeKeyDown?: boolean\n suffix?: string\n validateOnBlur?: (value: null | number) => null | number | boolean\n value: string\n}\n\nexport const RawTextboxNumeric = createComponent<\n HTMLInputElement,\n RawTextboxNumericProps\n>(function (\n {\n disabled = false,\n incrementBig = 10,\n incrementSmall = 1,\n integer = false,\n maximum,\n minimum,\n onBlur = noop,\n onFocus = noop,\n onInput = noop,\n onMouseDown = noop,\n onKeyDown = noop,\n onNumericValueInput = noop,\n onValueInput = noop,\n placeholder,\n propagateEscapeKeyDown = true,\n revertOnEscapeKeyDown = false,\n suffix,\n validateOnBlur,\n value,\n ...rest\n },\n ref\n) {\n if (\n typeof minimum !== 'undefined' &&\n typeof maximum !== 'undefined' &&\n minimum >= maximum\n ) {\n throw new Error('`minimum` must be less than `maximum`')\n }\n\n const inputElementRef: RefObject = useRef(null)\n const revertOnEscapeKeyDownRef: RefObject = useRef(false) // Set to `true` when the `Escape` key is pressed; used to bail out of `handleBlur`\n\n const [originalValue, setOriginalValue] = useState(EMPTY_STRING) // Value of the textbox when it was initially focused\n\n const setInputElementValue = useCallback(function (value: string) {\n const inputElement = getCurrentFromRef(inputElementRef)\n inputElement.value = value\n const inputEvent = new window.Event('input', {\n bubbles: true,\n cancelable: true\n })\n inputElement.dispatchEvent(inputEvent)\n }, [])\n\n const handleBlur = useCallback(\n function (event: Event.onBlur) {\n onBlur(event)\n if (revertOnEscapeKeyDownRef.current === true) {\n revertOnEscapeKeyDownRef.current = false\n return\n }\n if (typeof validateOnBlur !== 'undefined') {\n const evaluatedValue = evaluateValue(value, suffix)\n const result = validateOnBlur(evaluatedValue)\n if (typeof result === 'number') {\n // Set to the value returned by `validateOnBlur`\n setInputElementValue(formatEvaluatedValue(result, value, suffix))\n setOriginalValue(EMPTY_STRING)\n return\n }\n if (result === null) {\n // Set value to the empty string\n setInputElementValue(EMPTY_STRING)\n setOriginalValue(EMPTY_STRING)\n return\n }\n if (result === false) {\n // Revert the original value\n if (value !== originalValue) {\n setInputElementValue(originalValue)\n }\n setOriginalValue(EMPTY_STRING)\n return\n }\n }\n if (typeof suffix !== 'undefined' && value === suffix) {\n // We don't want a textbox to contain just the `suffix`, so clear the `value`\n setInputElementValue(EMPTY_STRING)\n setOriginalValue(EMPTY_STRING)\n return\n }\n if (value !== EMPTY_STRING && value !== MIXED_STRING) {\n const evaluatedValue = evaluateValue(value, suffix)\n const formattedValue = formatEvaluatedValue(\n evaluatedValue,\n value,\n suffix\n )\n if (value !== formattedValue) {\n setInputElementValue(formattedValue)\n }\n }\n setOriginalValue(EMPTY_STRING)\n },\n [onBlur, originalValue, setInputElementValue, suffix, validateOnBlur, value]\n )\n\n const handleFocus = useCallback(\n function (event: Event.onFocus) {\n onFocus(event)\n setOriginalValue(value)\n event.currentTarget.select()\n },\n [onFocus, value]\n )\n\n const handleInput = useCallback(\n function (event: Event.onInput) {\n onInput(event)\n const newValue = event.currentTarget.value\n onValueInput(newValue)\n const evaluatedValue = evaluateValue(newValue, suffix)\n onNumericValueInput(evaluatedValue)\n },\n [onInput, onNumericValueInput, onValueInput, suffix]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n const key = event.key\n if (key === 'Escape') {\n if (revertOnEscapeKeyDown === true) {\n revertOnEscapeKeyDownRef.current = true\n setInputElementValue(originalValue)\n setOriginalValue(EMPTY_STRING)\n }\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n return\n }\n const inputElement = event.currentTarget\n if (key === 'ArrowDown' || key === 'ArrowUp') {\n const delta = event.shiftKey === true ? incrementBig : incrementSmall\n event.preventDefault()\n if (value === EMPTY_STRING || value === MIXED_STRING) {\n // `startingValue` is biased towards 0\n const startingValue = (function () {\n if (typeof minimum !== 'undefined' && minimum > 0) {\n return minimum\n }\n if (typeof maximum !== 'undefined' && maximum < 0) {\n return maximum\n }\n return 0\n })()\n const evaluatedValue = evaluateValueWithDelta(\n startingValue,\n key === 'ArrowDown' ? -1 * delta : delta\n )\n const newValue = restrictValue(evaluatedValue, minimum, maximum)\n const formattedValue = formatEvaluatedValue(newValue, value, suffix)\n inputElement.value = formattedValue\n inputElement.select()\n handleInput(event)\n return\n }\n const number = evaluateValue(value, suffix)\n if (number === null) {\n throw new Error('`number` is `null`')\n }\n const evaluatedValue = evaluateValueWithDelta(\n number,\n key === 'ArrowDown' ? -1 * delta : delta\n )\n const newValue = restrictValue(evaluatedValue, minimum, maximum)\n const formattedValue = formatEvaluatedValue(newValue, value, suffix)\n if (formattedValue === value) {\n return\n }\n inputElement.value = formattedValue\n inputElement.select()\n handleInput(event)\n return\n }\n if (event.ctrlKey === true || event.metaKey === true) {\n return\n }\n if (isKeyCodeCharacterGenerating(event.keyCode) === true) {\n // Piece together `newValue` using the key that was pressed, and stop\n // the `keyDown` event (by calling `event.preventDefault()`) if\n // `newValue` is found to be invalid\n const newValue = trimSuffix(\n value === MIXED_STRING\n ? event.key\n : computeNextValue(inputElement, event.key),\n suffix\n )\n if (\n isValidNumericInput(newValue, { integersOnly: integer }) === false\n ) {\n event.preventDefault()\n return\n }\n if (typeof minimum === 'undefined' && typeof maximum === 'undefined') {\n return\n }\n const evaluatedValue = evaluateNumericExpression(newValue)\n if (evaluatedValue === null) {\n return\n }\n if (\n (typeof minimum !== 'undefined' && evaluatedValue < minimum) ||\n (typeof maximum !== 'undefined' && evaluatedValue > maximum)\n ) {\n event.preventDefault()\n }\n }\n },\n [\n handleInput,\n incrementBig,\n incrementSmall,\n integer,\n maximum,\n minimum,\n onKeyDown,\n originalValue,\n propagateEscapeKeyDown,\n revertOnEscapeKeyDown,\n setInputElementValue,\n suffix,\n value\n ]\n )\n\n const handleMouseDown = useCallback(\n function (event: Event.onMouseUp) {\n onMouseDown(event)\n if (value === MIXED_STRING) {\n // Prevent changing the selection if `value` is `MIXED_STRING`\n event.preventDefault()\n event.currentTarget.select()\n }\n },\n [onMouseDown, value]\n )\n\n const handlePaste = useCallback(\n function (event: Event.onPaste) {\n if (event.clipboardData === null) {\n throw new Error('`event.clipboardData` is `null`')\n }\n const nextValue = trimSuffix(\n computeNextValue(\n event.currentTarget,\n event.clipboardData.getData('Text')\n ),\n suffix\n )\n if (\n isValidNumericInput(nextValue, {\n integersOnly: integer\n }) === false\n ) {\n event.preventDefault()\n }\n },\n [integer, suffix]\n )\n\n const refCallback = useCallback(\n function (inputElement: null | HTMLInputElement) {\n inputElementRef.current = inputElement\n if (ref === null) {\n return\n }\n if (typeof ref === 'function') {\n ref(inputElement)\n return\n }\n ref.current = inputElement\n },\n [ref]\n )\n\n return (\n \n )\n})\n\nfunction restrictValue(value: number, minimum?: number, maximum?: number) {\n if (typeof minimum !== 'undefined') {\n if (typeof maximum !== 'undefined') {\n // both `minimum` and `maximum` are defined\n return Math.min(Math.max(value, minimum), maximum)\n }\n // only `minimum` is defined\n return Math.max(value, minimum)\n }\n if (typeof maximum !== 'undefined') {\n // only `maximum` is defined\n return Math.min(value, maximum)\n }\n // both `minimum` and `maximum` are `undefined`\n return value\n}\n\nfunction evaluateValue(value: string, suffix?: string): null | number {\n if (value === MIXED_STRING) {\n return MIXED_NUMBER\n }\n if (value === EMPTY_STRING) {\n return null\n }\n return evaluateNumericExpression(trimSuffix(value, suffix))\n}\n\nfunction evaluateValueWithDelta(value: number, delta: number): number {\n return parseFloat((value + delta).toFixed(FRACTION_DIGITS))\n}\n\nfunction trimSuffix(string: string, suffix?: string): string {\n if (typeof suffix === 'undefined') {\n return string\n }\n return string.replace(new RegExp(`${suffix}$`), EMPTY_STRING)\n}\n"],"names":["floatOperandRegex","integerOperandRegex","operatorRegex","operatorSuffixRegex","numbersRegex","invalidCharactersRegex","evaluateNumericExpression","value","test","eval","substring","length","parseFloat","isValidNumericInput","options","integersOnly","split","i","operand","EMPTY_STRING","fractionalPartRegex","nonDigitRegex","formatEvaluatedValue","evaluatedValue","suffix","significantFiguresCount","countSignificantFigures","appendSuffix","formatSignificantFigures","result","exec","repeat","fractionalPart","count","string","FRACTION_DIGITS","RawTextboxNumeric","createComponent","disabled","incrementBig","incrementSmall","integer","maximum","minimum","onBlur","noop","onFocus","onInput","onMouseDown","onKeyDown","onNumericValueInput","onValueInput","placeholder","propagateEscapeKeyDown","revertOnEscapeKeyDown","validateOnBlur","rest","ref","Error","inputElementRef","useRef","revertOnEscapeKeyDownRef","originalValue","setOriginalValue","useState","setInputElementValue","useCallback","inputElement","getCurrentFromRef","inputEvent","window","Event","bubbles","cancelable","dispatchEvent","handleBlur","event","current","evaluateValue","MIXED_STRING","formattedValue","handleFocus","currentTarget","select","handleInput","newValue","handleKeyDown","key","stopPropagation","blur","delta","shiftKey","preventDefault","startingValue","evaluateValueWithDelta","restrictValue","number","ctrlKey","metaKey","isKeyCodeCharacterGenerating","keyCode","trimSuffix","computeNextValue","handleMouseDown","handlePaste","clipboardData","nextValue","getData","refCallback","_jsx","onPaste","spellcheck","tabIndex","type","Math","min","max","MIXED_NUMBER","toFixed","replace","RegExp"],"mappings":"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"} \ No newline at end of file diff --git a/storybook/assets/raw-textbox-numeric-737ada3a.js b/storybook/assets/raw-textbox-numeric-P_SZCsOz.js similarity index 68% rename from storybook/assets/raw-textbox-numeric-737ada3a.js rename to storybook/assets/raw-textbox-numeric-P_SZCsOz.js index 52ec7880c..a79f4aea7 100644 --- a/storybook/assets/raw-textbox-numeric-737ada3a.js +++ b/storybook/assets/raw-textbox-numeric-P_SZCsOz.js @@ -1,2 +1 @@ -import{c as createComponent,_,h,T}from"./create-component-b0512abd.js";import{g as getCurrentFromRef}from"./get-current-from-ref-47f174f6.js";import{n as noop}from"./no-op-cb277961.js";import{c as computeNextValue}from"./compute-next-value-3d847061.js";import{i as isKeyCodeCharacterGenerating}from"./is-keycode-character-generating-0746a523.js";import{o}from"./jsxRuntime.module-632ba37d.js";import{M as MIXED_STRING,a as MIXED_NUMBER}from"./mixed-values-e51728b2.js";const floatOperandRegex=/^-?\d*(?:\.\d*)?$/,integerOperandRegex=/^-?\d*$/,operatorRegex=/[+\-*/]/,operatorSuffixRegex=/[+\-*/]$/,numbersRegex=/\d/,invalidCharactersRegex=/[^\d.+\-*/]/;function evaluateNumericExpression(value){return value===""||numbersRegex.test(value)===!1||invalidCharactersRegex.test(value)===!0?null:operatorRegex.test(value)===!0?operatorSuffixRegex.test(value)===!0?eval(value.substring(0,value.length-1)):eval(value):parseFloat(value)}function isValidNumericInput(t,r={integersOnly:!1}){const l=(t[0]==="-"?t.substring(1):t).split(operatorRegex);let i=-1;for(;++i"u"?t:t===EMPTY_STRING$1?EMPTY_STRING$1:`${t}${r}`}const FRACTION_DIGITS=3,EMPTY_STRING="",RawTextboxNumeric=createComponent(function({disabled:t=!1,incrementBig:r=10,incrementSmall:l=1,integer:i=!1,maximum:c,minimum:s,onBlur:V=noop,onFocus:y=noop,onInput:D=noop,onMouseDown:G=noop,onKeyDown:w=noop,onNumericValueInput:P=noop,onValueInput:b=noop,placeholder:F,propagateEscapeKeyDown:x=!0,revertOnEscapeKeyDown:Y=!1,suffix:f,validateOnBlur:S,value:n,...O},E){if(typeof s<"u"&&typeof c<"u"&&s>=c)throw new Error("`minimum` must be less than `maximum`");const $=_(null),M=_(!1),[I,d]=h(EMPTY_STRING),p=T(function(e){const a=getCurrentFromRef($);a.value=e;const u=new window.Event("input",{bubbles:!0,cancelable:!0});a.dispatchEvent(u)},[]),X=T(function(e){if(V(e),M.current===!0){M.current=!1;return}if(typeof S<"u"){const a=evaluateValue(n,f),u=S(a);if(typeof u=="number"){p(formatEvaluatedValue(u,n,f)),d(EMPTY_STRING);return}if(u===null){p(EMPTY_STRING),d(EMPTY_STRING);return}if(u===!1){n!==I&&p(I),d(EMPTY_STRING);return}}if(typeof f<"u"&&n===f){p(EMPTY_STRING),d(EMPTY_STRING);return}if(n!==EMPTY_STRING&&n!==MIXED_STRING){const a=evaluateValue(n,f),u=formatEvaluatedValue(a,n,f);n!==u&&p(u)}d(EMPTY_STRING)},[V,I,p,f,S,n]),k=T(function(e){y(e),d(n),e.currentTarget.select()},[y,n]),N=T(function(e){D(e);const a=e.currentTarget.value;b(a);const u=evaluateValue(a,f);P(u)},[D,P,b,f]),A=T(function(e){w(e);const a=e.key;if(a==="Escape"){Y===!0&&(M.current=!0,p(I),d(EMPTY_STRING)),x===!1&&e.stopPropagation(),e.currentTarget.blur();return}const u=e.currentTarget;if(a==="ArrowDown"||a==="ArrowUp"){const R=e.shiftKey===!0?r:l;if(e.preventDefault(),n===EMPTY_STRING||n===MIXED_STRING){const z=function(){return typeof s<"u"&&s>0?s:typeof c<"u"&&c<0?c:0}(),B=evaluateValueWithDelta(z,a==="ArrowDown"?-1*R:R),H=restrictValue(B,s,c),J=formatEvaluatedValue(H,n,f);u.value=J,u.select(),N(e);return}const g=evaluateValue(n,f);if(g===null)throw new Error("`number` is `null`");const j=evaluateValueWithDelta(g,a==="ArrowDown"?-1*R:R),q=restrictValue(j,s,c),C=formatEvaluatedValue(q,n,f);if(C===n)return;u.value=C,u.select(),N(e);return}if(!(e.ctrlKey===!0||e.metaKey===!0)&&isKeyCodeCharacterGenerating(e.keyCode)===!0){const R=trimSuffix(n===MIXED_STRING?e.key:computeNextValue(u,e.key),f);if(isValidNumericInput(R,{integersOnly:i})===!1){e.preventDefault();return}if(typeof s>"u"&&typeof c>"u")return;const g=evaluateNumericExpression(R);if(g===null)return;(typeof s<"u"&&gc)&&e.preventDefault()}},[N,r,l,i,c,s,w,I,x,Y,p,f,n]),K=T(function(e){G(e),n===MIXED_STRING&&(e.preventDefault(),e.currentTarget.select())},[G,n]),U=T(function(e){if(e.clipboardData===null)throw new Error("`event.clipboardData` is `null`");const a=trimSuffix(computeNextValue(e.currentTarget,e.clipboardData.getData("Text")),f);isValidNumericInput(a,{integersOnly:i})===!1&&e.preventDefault()},[i,f]),W=T(function(e){if($.current=e,E!==null){if(typeof E=="function"){E(e);return}E.current=e}},[E]);return o("input",{...O,ref:W,disabled:t===!0,onBlur:X,onFocus:k,onInput:N,onKeyDown:A,onMouseDown:K,onPaste:U,placeholder:F,spellcheck:!1,tabIndex:0,type:"text",value:n===MIXED_STRING?"Mixed":n})});function restrictValue(t,r,l){return typeof r<"u"?typeof l<"u"?Math.min(Math.max(t,r),l):Math.max(t,r):typeof l<"u"?Math.min(t,l):t}function evaluateValue(t,r){return t===MIXED_STRING?MIXED_NUMBER:t===EMPTY_STRING?null:evaluateNumericExpression(trimSuffix(t,r))}function evaluateValueWithDelta(t,r){return parseFloat((t+r).toFixed(FRACTION_DIGITS))}function trimSuffix(t,r){return typeof r>"u"?t:t.replace(new RegExp(`${r}$`),EMPTY_STRING)}export{RawTextboxNumeric as R}; -//# sourceMappingURL=raw-textbox-numeric-737ada3a.js.map +import{c as createComponent,_,h,T}from"./create-component-a83A1_Pu.js";import{g as getCurrentFromRef}from"./get-current-from-ref-KzY6_NOj.js";import{n as noop}from"./no-op-Uu3q6ZSj.js";import{c as computeNextValue}from"./compute-next-value-v04i_0LO.js";import{i as isKeyCodeCharacterGenerating}from"./is-keycode-character-generating-0Qf6Kf4s.js";import{u}from"./jsxRuntime.module-mP9ZGqev.js";import{M as MIXED_STRING,a as MIXED_NUMBER}from"./mixed-values-kiIAV0Ly.js";const floatOperandRegex=/^-?\d*(?:\.\d*)?$/,integerOperandRegex=/^-?\d*$/,operatorRegex=/[+\-*/]/,operatorSuffixRegex=/[+\-*/]$/,numbersRegex=/\d/,invalidCharactersRegex=/[^\d.+\-*/]/;function evaluateNumericExpression(value){return value===""||numbersRegex.test(value)===!1||invalidCharactersRegex.test(value)===!0?null:operatorRegex.test(value)===!0?operatorSuffixRegex.test(value)===!0?eval(value.substring(0,value.length-1)):eval(value):parseFloat(value)}function isValidNumericInput(t,r={integersOnly:!1}){const l=(t[0]==="-"?t.substring(1):t).split(operatorRegex);let i=-1;for(;++i"u"?t:t===EMPTY_STRING$1?EMPTY_STRING$1:`${t}${r}`}const FRACTION_DIGITS=3,EMPTY_STRING="",RawTextboxNumeric=createComponent(function({disabled:t=!1,incrementBig:r=10,incrementSmall:l=1,integer:i=!1,maximum:c,minimum:s,onBlur:V=noop,onFocus:y=noop,onInput:D=noop,onMouseDown:G=noop,onKeyDown:w=noop,onNumericValueInput:P=noop,onValueInput:b=noop,placeholder:F,propagateEscapeKeyDown:x=!0,revertOnEscapeKeyDown:Y=!1,suffix:f,validateOnBlur:S,value:n,...O},E){if(typeof s<"u"&&typeof c<"u"&&s>=c)throw new Error("`minimum` must be less than `maximum`");const $=_(null),M=_(!1),[I,d]=h(EMPTY_STRING),p=T(function(e){const o=getCurrentFromRef($);o.value=e;const a=new window.Event("input",{bubbles:!0,cancelable:!0});o.dispatchEvent(a)},[]),X=T(function(e){if(V(e),M.current===!0){M.current=!1;return}if(typeof S<"u"){const o=evaluateValue(n,f),a=S(o);if(typeof a=="number"){p(formatEvaluatedValue(a,n,f)),d(EMPTY_STRING);return}if(a===null){p(EMPTY_STRING),d(EMPTY_STRING);return}if(a===!1){n!==I&&p(I),d(EMPTY_STRING);return}}if(typeof f<"u"&&n===f){p(EMPTY_STRING),d(EMPTY_STRING);return}if(n!==EMPTY_STRING&&n!==MIXED_STRING){const o=evaluateValue(n,f),a=formatEvaluatedValue(o,n,f);n!==a&&p(a)}d(EMPTY_STRING)},[V,I,p,f,S,n]),k=T(function(e){y(e),d(n),e.currentTarget.select()},[y,n]),N=T(function(e){D(e);const o=e.currentTarget.value;b(o);const a=evaluateValue(o,f);P(a)},[D,P,b,f]),A=T(function(e){w(e);const o=e.key;if(o==="Escape"){Y===!0&&(M.current=!0,p(I),d(EMPTY_STRING)),x===!1&&e.stopPropagation(),e.currentTarget.blur();return}const a=e.currentTarget;if(o==="ArrowDown"||o==="ArrowUp"){const R=e.shiftKey===!0?r:l;if(e.preventDefault(),n===EMPTY_STRING||n===MIXED_STRING){const z=function(){return typeof s<"u"&&s>0?s:typeof c<"u"&&c<0?c:0}(),B=evaluateValueWithDelta(z,o==="ArrowDown"?-1*R:R),H=restrictValue(B,s,c),J=formatEvaluatedValue(H,n,f);a.value=J,a.select(),N(e);return}const g=evaluateValue(n,f);if(g===null)throw new Error("`number` is `null`");const j=evaluateValueWithDelta(g,o==="ArrowDown"?-1*R:R),q=restrictValue(j,s,c),C=formatEvaluatedValue(q,n,f);if(C===n)return;a.value=C,a.select(),N(e);return}if(!(e.ctrlKey===!0||e.metaKey===!0)&&isKeyCodeCharacterGenerating(e.keyCode)===!0){const R=trimSuffix(n===MIXED_STRING?e.key:computeNextValue(a,e.key),f);if(isValidNumericInput(R,{integersOnly:i})===!1){e.preventDefault();return}if(typeof s>"u"&&typeof c>"u")return;const g=evaluateNumericExpression(R);if(g===null)return;(typeof s<"u"&&gc)&&e.preventDefault()}},[N,r,l,i,c,s,w,I,x,Y,p,f,n]),K=T(function(e){G(e),n===MIXED_STRING&&(e.preventDefault(),e.currentTarget.select())},[G,n]),U=T(function(e){if(e.clipboardData===null)throw new Error("`event.clipboardData` is `null`");const o=trimSuffix(computeNextValue(e.currentTarget,e.clipboardData.getData("Text")),f);isValidNumericInput(o,{integersOnly:i})===!1&&e.preventDefault()},[i,f]),W=T(function(e){if($.current=e,E!==null){if(typeof E=="function"){E(e);return}E.current=e}},[E]);return u("input",{...O,ref:W,disabled:t===!0,onBlur:X,onFocus:k,onInput:N,onKeyDown:A,onMouseDown:K,onPaste:U,placeholder:F,spellcheck:!1,tabIndex:0,type:"text",value:n===MIXED_STRING?"Mixed":n})});function restrictValue(t,r,l){return typeof r<"u"?typeof l<"u"?Math.min(Math.max(t,r),l):Math.max(t,r):typeof l<"u"?Math.min(t,l):t}function evaluateValue(t,r){return t===MIXED_STRING?MIXED_NUMBER:t===EMPTY_STRING?null:evaluateNumericExpression(trimSuffix(t,r))}function evaluateValueWithDelta(t,r){return parseFloat((t+r).toFixed(FRACTION_DIGITS))}function trimSuffix(t,r){return typeof r>"u"?t:t.replace(new RegExp(`${r}$`),EMPTY_STRING)}export{RawTextboxNumeric as R}; diff --git a/storybook/assets/search-textbox.stories-59c6be1c.css b/storybook/assets/search-textbox-YICy67bR.css similarity index 100% rename from storybook/assets/search-textbox.stories-59c6be1c.css rename to storybook/assets/search-textbox-YICy67bR.css diff --git a/storybook/assets/search-textbox.stories-fedd062a.js b/storybook/assets/search-textbox.stories-eY-3n0tv.js similarity index 92% rename from storybook/assets/search-textbox.stories-fedd062a.js rename to storybook/assets/search-textbox.stories-eY-3n0tv.js index 6cf83b696..64495a2b2 100644 --- a/storybook/assets/search-textbox.stories-fedd062a.js +++ b/storybook/assets/search-textbox.stories-eY-3n0tv.js @@ -1,4 +1,4 @@ -import{c as ie,_ as pe,T as i,h as s}from"./create-component-b0512abd.js";import{u as te}from"./use-initial-focus-57bdde46.js";import{I as de}from"./icon-cross-32-9903a829.js";import{I as he}from"./icon-search-32-6f1a60ac.js";import{c as me}from"./create-class-name-71c46838.js";import{g as fe}from"./get-current-from-ref-47f174f6.js";import{n as h}from"./no-op-cb277961.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";const Ie="_searchTextbox_1ynmc_1",ve="_input_1ynmc_11",Te="_disabled_1ynmc_7",ge="_searchIcon_1ynmc_27",Ve="_clearButton_1ynmc_41",p={searchTextbox:Ie,input:ve,disabled:Te,searchIcon:ge,clearButton:Ve},E="",c=ie(function({clearOnEscapeKeyDown:e=!1,disabled:a=!1,onFocus:u=h,onInput:o=h,onKeyDown:n=h,onValueInput:_=h,placeholder:ae,propagateEscapeKeyDown:y=!0,spellCheck:oe=!1,value:d,...ue},l){const F=pe(null),w=i(function(){const t=fe(F);t.value=E;const S=new window.Event("input",{bubbles:!0,cancelable:!0});t.dispatchEvent(S),t.focus()},[]),re=i(function(t){u(t),t.currentTarget.select()},[u]),ce=i(function(t){o(t);const S=t.currentTarget.value;_(S)},[o,_]),se=i(function(t){if(n(t),t.key==="Escape"){if(e===!0&&d!==E){t.stopPropagation(),w();return}y===!1&&t.stopPropagation(),t.currentTarget.blur()}},[e,w,n,y,d]),le=i(function(t){if(F.current=t,l!==null){if(typeof l=="function"){l(t);return}l.current=t}},[l]);return r("div",{class:me([p.searchTextbox,a===!0?p.disabled:null]),children:[r("input",{...ue,ref:le,class:p.input,disabled:a===!0,onFocus:re,onInput:ce,onKeyDown:se,placeholder:ae,spellcheck:oe,tabIndex:0,type:"text",value:d}),r("div",{class:p.searchIcon,children:r(he,{})}),d===E||a===!0?null:r("button",{class:p.clearButton,onClick:w,tabIndex:0,children:r(de,{})})]})}),Me={parameters:{fixedWidth:!0},title:"Components/Search Textbox"},m=function(){const[e,a]=s("");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{onInput:u,value:e})},f=function(){const[e,a]=s("");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{...te(),onInput:u,value:e})},I=function(){function e(){throw new Error("This function should not be called")}return r(c,{disabled:!0,onInput:e,value:""})},v=function(){const[e,a]=s("Text");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{onInput:u,value:e})},T=function(){const[e,a]=s("Text");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{...te(),onInput:u,value:e})},g=function(){function e(){throw new Error("This function should not be called")}return r(c,{disabled:!0,onInput:e,value:"Text"})},V=function(){const[e,a]=s("");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{onInput:u,placeholder:"Placeholder",value:e})},x=function(){const[e,a]=s("Text");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{clearOnEscapeKeyDown:!0,onInput:u,value:e})},b=function(){const[e,a]=s("Text");function u(o){console.log(o),a(o)}return r(c,{onValueInput:u,value:e})};var C,D,M;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`function () { +import{c as ie,_ as pe,T as i,h as s}from"./create-component-a83A1_Pu.js";import{u as te}from"./use-initial-focus-xmfxIugy.js";import{I as de}from"./icon-cross-32-kKgUD1DN.js";import{I as he}from"./icon-search-32-3e7_9C8J.js";import{c as me}from"./create-class-name-gq91Tlk7.js";import{g as fe}from"./get-current-from-ref-KzY6_NOj.js";import{n as h}from"./no-op-Uu3q6ZSj.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";const Ie="_searchTextbox_1ynmc_1",ve="_input_1ynmc_11",Te="_disabled_1ynmc_7",ge="_searchIcon_1ynmc_27",Ve="_clearButton_1ynmc_41",p={searchTextbox:Ie,input:ve,disabled:Te,searchIcon:ge,clearButton:Ve},E="",c=ie(function({clearOnEscapeKeyDown:e=!1,disabled:a=!1,onFocus:u=h,onInput:o=h,onKeyDown:n=h,onValueInput:_=h,placeholder:ae,propagateEscapeKeyDown:y=!0,spellCheck:oe=!1,value:d,...ue},l){const F=pe(null),w=i(function(){const t=fe(F);t.value=E;const S=new window.Event("input",{bubbles:!0,cancelable:!0});t.dispatchEvent(S),t.focus()},[]),re=i(function(t){u(t),t.currentTarget.select()},[u]),ce=i(function(t){o(t);const S=t.currentTarget.value;_(S)},[o,_]),se=i(function(t){if(n(t),t.key==="Escape"){if(e===!0&&d!==E){t.stopPropagation(),w();return}y===!1&&t.stopPropagation(),t.currentTarget.blur()}},[e,w,n,y,d]),le=i(function(t){if(F.current=t,l!==null){if(typeof l=="function"){l(t);return}l.current=t}},[l]);return r("div",{class:me([p.searchTextbox,a===!0?p.disabled:null]),children:[r("input",{...ue,ref:le,class:p.input,disabled:a===!0,onFocus:re,onInput:ce,onKeyDown:se,placeholder:ae,spellcheck:oe,tabIndex:0,type:"text",value:d}),r("div",{class:p.searchIcon,children:r(he,{})}),d===E||a===!0?null:r("button",{class:p.clearButton,onClick:w,tabIndex:0,children:r(de,{})})]})}),Me={parameters:{fixedWidth:!0},title:"Components/Search Textbox"},m=function(){const[e,a]=s("");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{onInput:u,value:e})},f=function(){const[e,a]=s("");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{...te(),onInput:u,value:e})},I=function(){function e(){throw new Error("This function should not be called")}return r(c,{disabled:!0,onInput:e,value:""})},v=function(){const[e,a]=s("Text");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{onInput:u,value:e})},T=function(){const[e,a]=s("Text");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{...te(),onInput:u,value:e})},g=function(){function e(){throw new Error("This function should not be called")}return r(c,{disabled:!0,onInput:e,value:"Text"})},V=function(){const[e,a]=s("");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{onInput:u,placeholder:"Placeholder",value:e})},x=function(){const[e,a]=s("Text");function u(o){const n=o.currentTarget.value;console.log(n),a(n)}return r(c,{clearOnEscapeKeyDown:!0,onInput:u,value:e})},b=function(){const[e,a]=s("Text");function u(o){console.log(o),a(o)}return r(c,{onValueInput:u,value:e})};var C,D,M;m.parameters={...m.parameters,docs:{...(C=m.parameters)==null?void 0:C.docs,source:{originalSource:`function () { const [value, setValue] = useState(''); function handleInput(event: JSX.TargetedEvent) { const newValue = event.currentTarget.value; @@ -64,4 +64,3 @@ import{c as ie,_ as pe,T as i,h as s}from"./create-component-b0512abd.js";import } return ; }`,...(ne=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const Pe=["Empty","EmptyFocused","EmptyDisabled","Filled","FilledFocused","FilledDisabled","Placeholder","ClearOnEscapeKeyDown","OnValueInput"];export{x as ClearOnEscapeKeyDown,m as Empty,I as EmptyDisabled,f as EmptyFocused,v as Filled,g as FilledDisabled,T as FilledFocused,b as OnValueInput,V as Placeholder,Pe as __namedExportsOrder,Me as default}; -//# sourceMappingURL=search-textbox.stories-fedd062a.js.map diff --git a/storybook/assets/search-textbox.stories-fedd062a.js.map b/storybook/assets/search-textbox.stories-fedd062a.js.map deleted file mode 100644 index 7f26ec7cd..000000000 --- a/storybook/assets/search-textbox.stories-fedd062a.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"search-textbox.stories-fedd062a.js","sources":["../../src/components/search-textbox/search-textbox.tsx"],"sourcesContent":["import { h, RefObject } from 'preact'\nimport { useCallback, useRef } from 'preact/hooks'\n\nimport { IconCross32 } from '../../icons/icon-32/icon-cross-32.js'\nimport { IconSearch32 } from '../../icons/icon-32/icon-search-32.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { getCurrentFromRef } from '../../utilities/get-current-from-ref.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './search-textbox.module.css'\n\nconst EMPTY_STRING = ''\n\nexport interface SearchTextboxProps\n extends FocusableComponentProps {\n clearOnEscapeKeyDown?: boolean\n disabled?: boolean\n onFocus?: EventHandler.onFocus\n onInput?: EventHandler.onInput\n onKeyDown?: EventHandler.onKeyDown\n onValueInput?: EventHandler.onValueChange\n placeholder?: string\n spellCheck?: boolean\n value: string\n}\n\nexport const SearchTextbox = createComponent<\n HTMLInputElement,\n SearchTextboxProps\n>(function (\n {\n clearOnEscapeKeyDown = false,\n disabled = false,\n onFocus = noop,\n onInput = noop,\n onKeyDown = noop,\n onValueInput = noop,\n placeholder,\n propagateEscapeKeyDown = true,\n spellCheck = false,\n value,\n ...rest\n },\n ref\n) {\n const inputElementRef: RefObject = useRef(null)\n\n const handleClearButtonClick = useCallback(function () {\n const inputElement = getCurrentFromRef(inputElementRef)\n inputElement.value = EMPTY_STRING\n const inputEvent = new window.Event('input', {\n bubbles: true,\n cancelable: true\n })\n inputElement.dispatchEvent(inputEvent)\n inputElement.focus()\n }, [])\n\n const handleFocus = useCallback(\n function (event: Event.onFocus) {\n onFocus(event)\n event.currentTarget.select()\n },\n [onFocus]\n )\n\n const handleInput = useCallback(\n function (event: Event.onInput) {\n onInput(event)\n const value = event.currentTarget.value\n onValueInput(value)\n },\n [onInput, onValueInput]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (clearOnEscapeKeyDown === true && value !== EMPTY_STRING) {\n event.stopPropagation() // Clear the value without bubbling up the `Escape` key press\n handleClearButtonClick()\n return\n }\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [\n clearOnEscapeKeyDown,\n handleClearButtonClick,\n onKeyDown,\n propagateEscapeKeyDown,\n value\n ]\n )\n\n const refCallback = useCallback(\n function (inputElement: null | HTMLInputElement) {\n inputElementRef.current = inputElement\n if (ref === null) {\n return\n }\n if (typeof ref === 'function') {\n ref(inputElement)\n return\n }\n ref.current = inputElement\n },\n [ref]\n )\n\n return (\n \n \n
\n \n
\n {value === EMPTY_STRING || disabled === true ? null : (\n \n \n \n )}\n
\n )\n})\n"],"names":["EMPTY_STRING","SearchTextbox","createComponent","clearOnEscapeKeyDown","disabled","onFocus","noop","onInput","onKeyDown","onValueInput","placeholder","propagateEscapeKeyDown","spellCheck","value","rest","ref","inputElementRef","useRef","handleClearButtonClick","useCallback","inputElement","getCurrentFromRef","inputEvent","window","Event","bubbles","cancelable","dispatchEvent","focus","handleFocus","event","currentTarget","select","handleInput","handleKeyDown","key","stopPropagation","blur","refCallback","current","_jsxs","class","createClassName","styles","searchTextbox","children","_jsx","input","spellcheck","tabIndex","type","searchIcon","IconSearch32","clearButton","onClick","IconCross32"],"mappings":"2rBAaMA,EAAe,GAeRC,EAAgBC,GAG3B,SACA,CACEC,qBAAAA,EAAuB,GACvBC,SAAAA,EAAW,GACXC,QAAAA,EAAUC,EACVC,QAAAA,EAAUD,EACVE,UAAAA,EAAYF,EACZG,aAAAA,EAAeH,EACfI,YAAAA,GACAC,uBAAAA,EAAyB,GACzBC,WAAAA,GAAa,GACbC,MAAAA,EACA,GAAGC,EACL,EACAC,EACA,CACMC,MAAAA,EAA+CC,GAAO,IAAI,EAE1DC,EAAyBC,EAAY,UAAY,CAC/CC,MAAAA,EAAeC,GAAkBL,CAAe,EACtDI,EAAaP,MAAQb,EACrB,MAAMsB,EAAa,IAAIC,OAAOC,MAAM,QAAS,CAC3CC,QAAS,GACTC,WAAY,EAAA,CACb,EACDN,EAAaO,cAAcL,CAAU,EACrCF,EAAaQ,MAAM,CACrB,EAAG,CAAE,CAAA,EAECC,GAAcV,EAClB,SAAUW,EAAwC,CAChDzB,EAAQyB,CAAK,EACbA,EAAMC,cAAcC,QAAO,EAE7B,CAAC3B,CAAO,CACV,EAEM4B,GAAcd,EAClB,SAAUW,EAAwC,CAChDvB,EAAQuB,CAAK,EACPjB,MAAAA,EAAQiB,EAAMC,cAAclB,MAClCJ,EAAaI,CAAK,CAAA,EAEpB,CAACN,EAASE,CAAY,CACxB,EAEMyB,GAAgBf,EACpB,SAAUW,EAA0C,CAE9CA,GADJtB,EAAUsB,CAAK,EACXA,EAAMK,MAAQ,SAAU,CACtBhC,GAAAA,IAAyB,IAAQU,IAAUb,EAAc,CAC3D8B,EAAMM,gBAAgB,EACClB,IACvB,MACF,CACIP,IAA2B,IAC7BmB,EAAMM,gBAAgB,EAExBN,EAAMC,cAAcM,MACtB,CAAA,EAEF,CACElC,EACAe,EACAV,EACAG,EACAE,CAAK,CAET,EAEMyB,GAAcnB,EAClB,SAAUC,EAAuC,CAE/C,GADAJ,EAAgBuB,QAAUnB,EACtBL,IAAQ,KAGR,IAAA,OAAOA,GAAQ,WAAY,CAC7BA,EAAIK,CAAY,EAChB,MACF,CACAL,EAAIwB,QAAUnB,EAAAA,EAEhB,CAACL,CAAG,CACN,EAEA,OACEyB,EAAA,MAAA,CACEC,MAAOC,GAAgB,CACrBC,EAAOC,cACPxC,IAAa,GAAOuC,EAAOvC,SAAW,IAAI,CAC3C,EAAEyC,UAEHC,EAAA,QAAA,CAAA,GACMhC,GACJC,IAAKuB,GACLG,MAAOE,EAAOI,MACd3C,SAAUA,IAAa,GACvBC,QAASwB,GACTtB,QAAS0B,GACTzB,UAAW0B,GACXxB,YAAAA,GACAsC,WAAYpC,GACZqC,SAAU,EACVC,KAAK,OACLrC,MAAAA,CAAAA,CACD,EACDiC,EAAA,MAAA,CAAKL,MAAOE,EAAOQ,WAAWN,SAC5BC,EAACM,GAAc,EAAA,CAAA,CACZ,EACJvC,IAAUb,GAAgBI,IAAa,GAAO,KAC7C0C,EAAA,SAAA,CACEL,MAAOE,EAAOU,YACdC,QAASpC,EACT+B,SAAU,EAAEJ,SAEZC,EAACS,GAAa,EAAA,CAAA,CACR,CACT,CAAA,CACE,CAET,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/segmented-control-f234bae1.js b/storybook/assets/segmented-control-9Om1GZT4.js similarity index 66% rename from storybook/assets/segmented-control-f234bae1.js rename to storybook/assets/segmented-control-9Om1GZT4.js index 48e6a8bf2..6836cf75c 100644 --- a/storybook/assets/segmented-control-f234bae1.js +++ b/storybook/assets/segmented-control-9Om1GZT4.js @@ -1,2 +1 @@ -import{c as T,T as _}from"./create-component-b0512abd.js";import{c as v}from"./create-class-name-71c46838.js";import{n as o}from"./no-op-cb277961.js";import{I as b}from"./constants-4a59d305.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";const C="_segmentedControl_1tlto_1",I="_labels_1tlto_8",x="_label_1tlto_8",y="_input_1tlto_17",A="_children_1tlto_32",E="_disabled_1tlto_52",w="_text_1tlto_71",D="_border_1tlto_75",e={segmentedControl:C,labels:I,label:x,input:y,children:A,disabled:E,text:w,border:D},B=T(function({disabled:a=!1,onChange:c=o,onKeyDown:d=o,onValueChange:i=o,options:s,propagateEscapeKeyDown:u=!0,value:m,...f}){const h=_(function(t){c(t);const r=t.currentTarget.getAttribute(b);if(r===null)throw new Error("`id` is `null`");const n=s[parseInt(r,10)].value;i(n)},[c,i,s]),p=_(function(t){d(t),t.key==="Escape"&&(u===!1&&t.stopPropagation(),t.currentTarget.blur())},[d,u]);return l("div",{class:v([e.segmentedControl,a===!0?e.disabled:null]),children:[l("div",{class:e.labels,children:s.map(function(t,r){const n=typeof t.children>"u"?`${t.value}`:t.children,g=a===!0||t.disabled===!0;return l("label",{class:e.label,children:[l("input",{...f,checked:m===t.value,class:e.input,disabled:g===!0,onChange:h,onKeyDown:p,tabIndex:0,type:"radio",value:`${t.value}`,[b]:`${r}`}),l("div",{class:e.children,children:l("div",{class:typeof n=="string"?e.text:void 0,children:n})})]},r)})}),l("div",{class:e.border})]})});export{B as S}; -//# sourceMappingURL=segmented-control-f234bae1.js.map +import{c as T,T as _}from"./create-component-a83A1_Pu.js";import{c as v}from"./create-class-name-gq91Tlk7.js";import{n as o}from"./no-op-Uu3q6ZSj.js";import{a as b}from"./constants-TQdAxsXB.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";const C="_segmentedControl_1tlto_1",x="_labels_1tlto_8",y="_label_1tlto_8",A="_input_1tlto_17",I="_children_1tlto_32",E="_disabled_1tlto_52",w="_text_1tlto_71",D="_border_1tlto_75",e={segmentedControl:C,labels:x,label:y,input:A,children:I,disabled:E,text:w,border:D},B=T(function({disabled:a=!1,onChange:c=o,onKeyDown:d=o,onValueChange:i=o,options:s,propagateEscapeKeyDown:u=!0,value:m,...f}){const h=_(function(t){c(t);const r=t.currentTarget.getAttribute(b);if(r===null)throw new Error("`id` is `null`");const n=s[parseInt(r,10)].value;i(n)},[c,i,s]),p=_(function(t){d(t),t.key==="Escape"&&(u===!1&&t.stopPropagation(),t.currentTarget.blur())},[d,u]);return l("div",{class:v([e.segmentedControl,a===!0?e.disabled:null]),children:[l("div",{class:e.labels,children:s.map(function(t,r){const n=typeof t.children>"u"?`${t.value}`:t.children,g=a===!0||t.disabled===!0;return l("label",{class:e.label,children:[l("input",{...f,checked:m===t.value,class:e.input,disabled:g===!0,onChange:h,onKeyDown:p,tabIndex:0,type:"radio",value:`${t.value}`,[b]:`${r}`}),l("div",{class:e.children,children:l("div",{class:typeof n=="string"?e.text:void 0,children:n})})]},r)})}),l("div",{class:e.border})]})});export{B as S}; diff --git a/storybook/assets/segmented-control-f234bae1.js.map b/storybook/assets/segmented-control-f234bae1.js.map deleted file mode 100644 index 6a6093f40..000000000 --- a/storybook/assets/segmented-control-f234bae1.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"segmented-control-f234bae1.js","sources":["../../src/components/segmented-control/segmented-control.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport { ITEM_ID_DATA_ATTRIBUTE_NAME } from '../../utilities/private/constants.js'\nimport styles from './segmented-control.module.css'\n\nexport interface SegmentedControlProps\n extends FocusableComponentProps {\n disabled?: boolean\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n options: Array\n value: string\n}\nexport type SegmentedControlOption = {\n disabled?: boolean\n children?: ComponentChildren\n value: string\n}\n\nexport const SegmentedControl = createComponent<\n HTMLInputElement,\n SegmentedControlProps\n>(function ({\n disabled = false,\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n options,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n}) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n if (id === null) {\n throw new Error('`id` is `null`')\n }\n const newValue = options[parseInt(id, 10)].value\n onValueChange(newValue)\n },\n [onChange, onValueChange, options]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n
\n {options.map(function (option: SegmentedControlOption, index: number) {\n const children =\n typeof option.children === 'undefined'\n ? `${option.value}`\n : option.children\n const isOptionDisabled = disabled === true || option.disabled === true\n return (\n
\n \n )\n })}\n
\n
\n
\n )\n})\n"],"names":["SegmentedControl","createComponent","disabled","onChange","noop","onKeyDown","onValueChange","options","propagateEscapeKeyDown","value","rest","handleChange","useCallback","event","id","currentTarget","getAttribute","ITEM_ID_DATA_ATTRIBUTE_NAME","Error","newValue","parseInt","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","segmentedControl","children","_jsx","labels","map","option","index","isOptionDisabled","label","checked","input","tabIndex","type","text","undefined","border"],"mappings":"igBAyBaA,EAAmBC,EAG9B,SAAU,CACVC,SAAAA,EAAW,GACXC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,QAAAA,EACAC,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EAAG,CACKC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDV,EAASU,CAAK,EACd,MAAMC,EAAKD,EAAME,cAAcC,aAAaC,CAA2B,EACvE,GAAIH,IAAO,KACH,MAAA,IAAII,MAAM,gBAAgB,EAElC,MAAMC,EAAWZ,EAAQa,SAASN,EAAI,EAAE,CAAC,EAAEL,MAC3CH,EAAca,CAAQ,CAExB,EAAA,CAAChB,EAAUG,EAAeC,CAAO,CACnC,EAEMc,EAAgBT,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMS,MAAQ,WACZd,IAA2B,IAC7BK,EAAMU,gBAAgB,EAExBV,EAAME,cAAcS,OACtB,EAEF,CAACnB,EAAWG,CAAsB,CACpC,EAEA,OACEiB,EAAA,MAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,iBACP3B,IAAa,GAAO0B,EAAO1B,SAAW,IAAI,CAC3C,EAAE4B,UAEHC,EAAA,MAAA,CAAKL,MAAOE,EAAOI,OAAOF,SACvBvB,EAAQ0B,IAAI,SAAUC,EAAgCC,EAAe,CAC9DL,MAAAA,EACJ,OAAOI,EAAOJ,SAAa,IACtB,GAAEI,EAAOzB,KAAM,GAChByB,EAAOJ,SACPM,EAAmBlC,IAAa,IAAQgC,EAAOhC,WAAa,GAClE,OACEuB,EAAA,QAAA,CAAmBC,MAAOE,EAAOS,MAAMP,UACrCC,EAAA,QAAA,CAAA,GACMrB,EACJ4B,QAAS7B,IAAUyB,EAAOzB,MAC1BiB,MAAOE,EAAOW,MACdrC,SAAUkC,IAAqB,GAC/BjC,SAAUQ,EACVN,UAAWgB,EACXmB,SAAU,EACVC,KAAK,QACLhC,MAAQ,GAAEyB,EAAOzB,KAAM,GACjB,CAACQ,CAA2B,EAAI,GAAEkB,CAAM,EAAA,CAC/C,EACDJ,EAAA,MAAA,CAAKL,MAAOE,EAAOE,SAASA,SAC1BC,EAAA,MAAA,CACEL,MAAO,OAAOI,GAAa,SAAWF,EAAOc,KAAOC,OAAUb,SAAAA,CAAAA,CAG3D,CAAA,CACF,CAAC,GAnBIK,CAoBL,CAAA,CAEV,CAAA,CACE,EACLJ,EAAA,MAAA,CAAKL,MAAOE,EAAOgB,MAAAA,CAAS,CAAC,CAAA,CAC1B,CAET,CAAC"} \ No newline at end of file diff --git a/storybook/assets/segmented-control-106855eb.css b/storybook/assets/segmented-control-jnMM-Jry.css similarity index 100% rename from storybook/assets/segmented-control-106855eb.css rename to storybook/assets/segmented-control-jnMM-Jry.css diff --git a/storybook/assets/segmented-control.stories-d7784e58.js b/storybook/assets/segmented-control.stories-Rq3BCc0p.js similarity index 83% rename from storybook/assets/segmented-control.stories-d7784e58.js rename to storybook/assets/segmented-control.stories-Rq3BCc0p.js index e9a5771a2..13bbc234c 100644 --- a/storybook/assets/segmented-control.stories-d7784e58.js +++ b/storybook/assets/segmented-control.stories-Rq3BCc0p.js @@ -1,4 +1,4 @@ -import{h as s}from"./create-component-b0512abd.js";import{u as F}from"./use-initial-focus-57bdde46.js";import{a as H,I as J,b as M}from"./icon-text-align-right-16-51b4aacc.js";import{S as u}from"./segmented-control-f234bae1.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";import"./constants-4a59d305.js";const N={title:"Components/Segmented Control"},c=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{value:"baz"}];function r(a){const o=a.currentTarget.value;console.log(o),n(o)}return l(u,{onChange:r,options:t,value:e})},i=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{value:"baz"}];function r(a){const o=a.currentTarget.value;console.log(o),n(o)}return l(u,{...F(),onChange:r,options:t,value:e})},g=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"}];function n(){throw new Error("This function should not be called")}return l(u,{disabled:!0,onChange:n,options:e,value:"bar"})},d=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{disabled:!0,value:"baz"}];function r(a){const o=a.currentTarget.value;console.log(o),n(o)}return l(u,{onChange:r,options:t,value:e})},v=function(){const[e,n]=s("align-left"),t=[{children:l(H,{}),value:"align-left"},{children:l(J,{}),value:"align-center"},{children:l(M,{}),value:"align-right"}];function r(a){const o=a.currentTarget.value;console.log(o),n(o)}return l(u,{onChange:r,options:t,value:e})},p=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{value:"baz"}];function r(a){console.log(a),n(a)}return l(u,{onValueChange:r,options:t,value:e})};var h,m,C;c.parameters={...c.parameters,docs:{...(h=c.parameters)==null?void 0:h.docs,source:{originalSource:`function () { +import{h as s}from"./create-component-a83A1_Pu.js";import{u as F}from"./use-initial-focus-xmfxIugy.js";import{I as H,a as J,b as M}from"./icon-text-align-right-16-J_jF2sTt.js";import{S as u}from"./segmented-control-9Om1GZT4.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";import"./constants-TQdAxsXB.js";const N={title:"Components/Segmented Control"},c=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{value:"baz"}];function r(o){const a=o.currentTarget.value;console.log(a),n(a)}return l(u,{onChange:r,options:t,value:e})},i=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{value:"baz"}];function r(o){const a=o.currentTarget.value;console.log(a),n(a)}return l(u,{...F(),onChange:r,options:t,value:e})},g=function(){const e=[{value:"foo"},{value:"bar"},{value:"baz"}];function n(){throw new Error("This function should not be called")}return l(u,{disabled:!0,onChange:n,options:e,value:"bar"})},d=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{disabled:!0,value:"baz"}];function r(o){const a=o.currentTarget.value;console.log(a),n(a)}return l(u,{onChange:r,options:t,value:e})},v=function(){const[e,n]=s("align-left"),t=[{children:l(H,{}),value:"align-left"},{children:l(J,{}),value:"align-center"},{children:l(M,{}),value:"align-right"}];function r(o){const a=o.currentTarget.value;console.log(a),n(a)}return l(u,{onChange:r,options:t,value:e})},p=function(){const[e,n]=s("bar"),t=[{value:"foo"},{value:"bar"},{value:"baz"}];function r(o){console.log(o),n(o)}return l(u,{onValueChange:r,options:t,value:e})};var h,m,C;c.parameters={...c.parameters,docs:{...(h=c.parameters)==null?void 0:h.docs,source:{originalSource:`function () { const [value, setValue] = useState('bar'); const options: Array = [{ value: 'foo' @@ -89,4 +89,3 @@ import{h as s}from"./create-component-b0512abd.js";import{u as F}from"./use-init } return ; }`,...(D=(L=p.parameters)==null?void 0:L.docs)==null?void 0:D.source}}};const Q=["Passive","Focused","Disabled","DisabledOption","IconChildren","OnValueChange"];export{g as Disabled,d as DisabledOption,i as Focused,v as IconChildren,p as OnValueChange,c as Passive,Q as __namedExportsOrder,N as default}; -//# sourceMappingURL=segmented-control.stories-d7784e58.js.map diff --git a/storybook/assets/segmented-control.stories-d7784e58.js.map b/storybook/assets/segmented-control.stories-d7784e58.js.map deleted file mode 100644 index 32744918d..000000000 --- a/storybook/assets/segmented-control.stories-d7784e58.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"segmented-control.stories-d7784e58.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/selectable-item-9882cb9e.css b/storybook/assets/selectable-item-QvAH-y-G.css similarity index 100% rename from storybook/assets/selectable-item-9882cb9e.css rename to storybook/assets/selectable-item-QvAH-y-G.css diff --git a/storybook/assets/selectable-item-c557a788.js.map b/storybook/assets/selectable-item-c557a788.js.map deleted file mode 100644 index dfbe5ed3d..000000000 --- a/storybook/assets/selectable-item-c557a788.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"selectable-item-c557a788.js","sources":["../../src/components/selectable-item/selectable-item.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { IconMenuCheckmarkChecked16 } from '../../icons/icon-16/icon-menu-checkmark-checked-16.js'\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport styles from './selectable-item.module.css'\n\nexport interface SelectableItemProps\n extends FocusableComponentProps {\n bold?: boolean\n children: ComponentChildren\n disabled?: boolean\n indent?: boolean\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n value: boolean\n}\n\nexport const SelectableItem = createComponent<\n HTMLInputElement,\n SelectableItemProps\n>(function (\n {\n bold = false,\n children,\n disabled = false,\n indent = false,\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n },\n ref\n) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const newValue = event.currentTarget.checked === true\n onValueChange(newValue)\n },\n [onChange, onValueChange]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n return (\n \n \n
\n
{children}
\n {value === true ? (\n
\n \n
\n ) : null}\n \n )\n})\n"],"names":["SelectableItem","createComponent","bold","children","disabled","indent","onChange","noop","onKeyDown","onValueChange","propagateEscapeKeyDown","value","rest","ref","handleChange","useCallback","event","newValue","currentTarget","checked","handleKeyDown","key","stopPropagation","blur","_jsxs","class","createClassName","styles","selectableItem","_jsx","input","undefined","tabIndex","type","box","icon","IconMenuCheckmarkChecked16"],"mappings":"4gBAsBaA,EAAiBC,EAG5B,SACA,CACEC,KAAAA,EAAO,GACPC,SAAAA,EACAC,SAAAA,EAAW,GACXC,OAAAA,EAAS,GACTC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDV,EAASU,CAAK,EACRC,MAAAA,EAAWD,EAAME,cAAcC,UAAY,GACjDV,EAAcQ,CAAQ,CAAA,EAExB,CAACX,EAAUG,CAAa,CAC1B,EAEMW,EAAgBL,EACpB,SAAUC,EAA0C,CAClDR,EAAUQ,CAAK,EACXA,EAAMK,MAAQ,WACZX,IAA2B,IAC7BM,EAAMM,gBAAgB,EAExBN,EAAME,cAAcK,OACtB,EAEF,CAACf,EAAWE,CAAsB,CACpC,EAEA,OACEc,EAAA,QAAA,CACEC,MAAOC,EAAgB,CACrBC,EAAOC,eACPxB,IAAa,GAAOuB,EAAOvB,SAAW,KACtCF,IAAS,GAAOyB,EAAOzB,KAAO,KAC9BG,IAAW,GAAOsB,EAAOtB,OAAS,IAAI,CACvC,EAAEF,UAEH0B,EAAA,QAAA,CAAA,GACMjB,EACJC,IAAAA,EACAM,QAASR,IAAU,GACnBc,MAAOE,EAAOG,MACd1B,SAAUA,IAAa,GACvBE,SAAUQ,EACVN,UAAWJ,IAAa,GAAO2B,OAAYX,EAC3CY,SAAU,EACVC,KAAK,UAAA,CACN,EACDJ,EAAA,MAAA,CAAKJ,MAAOE,EAAOO,GAAAA,CAAM,EACzBL,EAAA,MAAA,CAAKJ,MAAOE,EAAOxB,SAASA,SAAAA,CAAgB,CAAA,EAC3CQ,IAAU,GACTkB,EAAA,MAAA,CAAKJ,MAAOE,EAAOQ,KAAKhC,SACtB0B,EAACO,EAA4B,EAAA,CAC1B,CAAA,EACH,IAAI,CAAA,CACH,CAEX,CAAC"} \ No newline at end of file diff --git a/storybook/assets/selectable-item-c557a788.js b/storybook/assets/selectable-item-sN4Kf-eQ.js similarity index 71% rename from storybook/assets/selectable-item-c557a788.js rename to storybook/assets/selectable-item-sN4Kf-eQ.js index 899b8ab3e..8b0d88807 100644 --- a/storybook/assets/selectable-item-c557a788.js +++ b/storybook/assets/selectable-item-sN4Kf-eQ.js @@ -1,2 +1 @@ -import{c as k,T as d}from"./create-component-b0512abd.js";import{I as x}from"./icon-menu-checkmark-checked-16-11f1d34a.js";import{c as C}from"./create-class-name-71c46838.js";import{n as c}from"./no-op-cb277961.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const y="_selectableItem_rrb4p_1",T="_indent_rrb4p_10",g="_input_rrb4p_14",S="_box_rrb4p_15",w="_disabled_rrb4p_27",M="_icon_rrb4p_44",N="_children_rrb4p_45",P="_bold_rrb4p_55",e={selectableItem:y,indent:T,input:g,box:S,disabled:w,icon:M,children:N,bold:P},D=k(function({bold:b=!1,children:u,disabled:r=!1,indent:_=!1,onChange:o=c,onKeyDown:l=c,onValueChange:s=c,propagateEscapeKeyDown:i=!0,value:a,...p},m){const f=d(function(t){o(t);const I=t.currentTarget.checked===!0;s(I)},[o,s]),h=d(function(t){l(t),t.key==="Escape"&&(i===!1&&t.stopPropagation(),t.currentTarget.blur())},[l,i]);return n("label",{class:C([e.selectableItem,r===!0?e.disabled:null,b===!0?e.bold:null,_===!0?e.indent:null]),children:[n("input",{...p,ref:m,checked:a===!0,class:e.input,disabled:r===!0,onChange:f,onKeyDown:r===!0?void 0:h,tabIndex:0,type:"checkbox"}),n("div",{class:e.box}),n("div",{class:e.children,children:u}),a===!0?n("div",{class:e.icon,children:n(x,{})}):null]})});export{D as S}; -//# sourceMappingURL=selectable-item-c557a788.js.map +import{c as k,T as d}from"./create-component-a83A1_Pu.js";import{I as x}from"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import{c as C}from"./create-class-name-gq91Tlk7.js";import{n as c}from"./no-op-Uu3q6ZSj.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";const y="_selectableItem_rrb4p_1",T="_indent_rrb4p_10",g="_input_rrb4p_14",S="_box_rrb4p_15",w="_disabled_rrb4p_27",M="_icon_rrb4p_44",N="_children_rrb4p_45",P="_bold_rrb4p_55",e={selectableItem:y,indent:T,input:g,box:S,disabled:w,icon:M,children:N,bold:P},D=k(function({bold:b=!1,children:u,disabled:r=!1,indent:_=!1,onChange:o=c,onKeyDown:l=c,onValueChange:s=c,propagateEscapeKeyDown:i=!0,value:a,...p},m){const f=d(function(t){o(t);const I=t.currentTarget.checked===!0;s(I)},[o,s]),h=d(function(t){l(t),t.key==="Escape"&&(i===!1&&t.stopPropagation(),t.currentTarget.blur())},[l,i]);return n("label",{class:C([e.selectableItem,r===!0?e.disabled:null,b===!0?e.bold:null,_===!0?e.indent:null]),children:[n("input",{...p,ref:m,checked:a===!0,class:e.input,disabled:r===!0,onChange:f,onKeyDown:r===!0?void 0:h,tabIndex:0,type:"checkbox"}),n("div",{class:e.box}),n("div",{class:e.children,children:u}),a===!0?n("div",{class:e.icon,children:n(x,{})}):null]})});export{D as S}; diff --git a/storybook/assets/selectable-item-selected.stories-1d766c1c.js.map b/storybook/assets/selectable-item-selected.stories-1d766c1c.js.map deleted file mode 100644 index 8ab80bda0..000000000 --- a/storybook/assets/selectable-item-selected.stories-1d766c1c.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"selectable-item-selected.stories-1d766c1c.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/selectable-item-selected.stories-1d766c1c.js b/storybook/assets/selectable-item-selected.stories-_sczjbVK.js similarity index 88% rename from storybook/assets/selectable-item-selected.stories-1d766c1c.js rename to storybook/assets/selectable-item-selected.stories-_sczjbVK.js index 7b4c3e248..28e21da21 100644 --- a/storybook/assets/selectable-item-selected.stories-1d766c1c.js +++ b/storybook/assets/selectable-item-selected.stories-_sczjbVK.js @@ -1,4 +1,4 @@ -import{h as u}from"./create-component-b0512abd.js";import{u as M}from"./use-initial-focus-57bdde46.js";import{S as r}from"./selectable-item-c557a788.js";import{o as l}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const y={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Selectable Item/Selected"},c=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{onChange:o,value:e,children:"Text"})},s=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{...M(),onChange:o,value:e,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return l(r,{disabled:!0,onChange:e,value:!0,children:"Text"})},h=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{bold:!0,onChange:o,value:e,children:"Text"})},i=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{indent:!0,onChange:o,value:e,children:"Text"})},g=function(){const[e,a]=u(!0);function o(t){console.log(t),a(t)}return l(r,{onValueChange:o,value:e,children:"Text"})};var m,p,V;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`function () { +import{h as u}from"./create-component-a83A1_Pu.js";import{u as M}from"./use-initial-focus-xmfxIugy.js";import{S as r}from"./selectable-item-sN4Kf-eQ.js";import{u as l}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const y={parameters:{fixedWidth:!0},tags:["2"],title:"Components/Selectable Item/Selected"},c=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{onChange:o,value:e,children:"Text"})},s=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{...M(),onChange:o,value:e,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return l(r,{disabled:!0,onChange:e,value:!0,children:"Text"})},h=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{bold:!0,onChange:o,value:e,children:"Text"})},i=function(){const[e,a]=u(!0);function o(t){const n=t.currentTarget.checked;console.log(n),a(n)}return l(r,{indent:!0,onChange:o,value:e,children:"Text"})},g=function(){const[e,a]=u(!0);function o(t){console.log(t),a(t)}return l(r,{onValueChange:o,value:e,children:"Text"})};var m,p,V;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`function () { const [value, setValue] = useState(true); function handleChange(event: JSX.TargetedEvent) { const newValue = event.currentTarget.checked; @@ -55,4 +55,3 @@ import{h as u}from"./create-component-b0512abd.js";import{u as M}from"./use-init Text ; }`,...(L=(J=g.parameters)==null?void 0:J.docs)==null?void 0:L.source}}};const z=["Passive","Focused","Disabled","Bold","Indent","OnValueChange"];export{h as Bold,d as Disabled,s as Focused,i as Indent,g as OnValueChange,c as Passive,z as __namedExportsOrder,y as default}; -//# sourceMappingURL=selectable-item-selected.stories-1d766c1c.js.map diff --git a/storybook/assets/selectable-item-unselected.stories-9d294fae.js.map b/storybook/assets/selectable-item-unselected.stories-9d294fae.js.map deleted file mode 100644 index aaf93d48b..000000000 --- a/storybook/assets/selectable-item-unselected.stories-9d294fae.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"selectable-item-unselected.stories-9d294fae.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/selectable-item-unselected.stories-9d294fae.js b/storybook/assets/selectable-item-unselected.stories-Fnh-SG_k.js similarity index 88% rename from storybook/assets/selectable-item-unselected.stories-9d294fae.js rename to storybook/assets/selectable-item-unselected.stories-Fnh-SG_k.js index 424bec229..40a01a1d9 100644 --- a/storybook/assets/selectable-item-unselected.stories-9d294fae.js +++ b/storybook/assets/selectable-item-unselected.stories-Fnh-SG_k.js @@ -1,4 +1,4 @@ -import{h as s}from"./create-component-b0512abd.js";import{u as M}from"./use-initial-focus-57bdde46.js";import{S as o}from"./selectable-item-c557a788.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./icon-menu-checkmark-checked-16-11f1d34a.js";import"./create-icon-59b2c318.js";import"./create-class-name-71c46838.js";import"./no-op-cb277961.js";const q={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Selectable Item/Unselected"},c=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{onChange:l,value:e,children:"Text"})},u=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{...M(),onChange:l,value:e,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return r(o,{disabled:!0,onChange:e,value:!1,children:"Text"})},h=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{bold:!0,onChange:l,value:e,children:"Text"})},i=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{indent:!0,onChange:l,value:e,children:"Text"})},g=function(){const[e,t]=s(!1);function l(a){console.log(a),t(a)}return r(o,{onValueChange:l,value:e,children:"Text"})};var m,f,p;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`function () { +import{h as s}from"./create-component-a83A1_Pu.js";import{u as M}from"./use-initial-focus-xmfxIugy.js";import{S as o}from"./selectable-item-sN4Kf-eQ.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./icon-menu-checkmark-checked-16-YiEcMcv9.js";import"./create-icon-prVyFgUx.js";import"./create-class-name-gq91Tlk7.js";import"./no-op-Uu3q6ZSj.js";const q={parameters:{fixedWidth:!0},tags:["1"],title:"Components/Selectable Item/Unselected"},c=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{onChange:l,value:e,children:"Text"})},u=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{...M(),onChange:l,value:e,children:"Text"})},d=function(){function e(){throw new Error("This function should not be called")}return r(o,{disabled:!0,onChange:e,value:!1,children:"Text"})},h=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{bold:!0,onChange:l,value:e,children:"Text"})},i=function(){const[e,t]=s(!1);function l(a){const n=a.currentTarget.checked;console.log(n),t(n)}return r(o,{indent:!0,onChange:l,value:e,children:"Text"})},g=function(){const[e,t]=s(!1);function l(a){console.log(a),t(a)}return r(o,{onValueChange:l,value:e,children:"Text"})};var m,f,p;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`function () { const [value, setValue] = useState(false); function handleChange(event: JSX.TargetedEvent) { const newValue = event.currentTarget.checked; @@ -55,4 +55,3 @@ import{h as s}from"./create-component-b0512abd.js";import{u as M}from"./use-init Text ; }`,...(L=(J=g.parameters)==null?void 0:J.docs)==null?void 0:L.source}}};const y=["Passive","Focused","Disabled","Bold","Indent","OnValueChange"];export{h as Bold,d as Disabled,u as Focused,i as Indent,g as OnValueChange,c as Passive,y as __namedExportsOrder,q as default}; -//# sourceMappingURL=selectable-item-unselected.stories-9d294fae.js.map diff --git a/storybook/assets/stack-858d83b9.css b/storybook/assets/stack-Rre7KtU-.css similarity index 100% rename from storybook/assets/stack-858d83b9.css rename to storybook/assets/stack-Rre7KtU-.css diff --git a/storybook/assets/stack-a63253f7.js b/storybook/assets/stack-_6nbU-5Y.js similarity index 58% rename from storybook/assets/stack-a63253f7.js rename to storybook/assets/stack-_6nbU-5Y.js index 294d21e9e..c4451f4fa 100644 --- a/storybook/assets/stack-a63253f7.js +++ b/storybook/assets/stack-_6nbU-5Y.js @@ -1,2 +1 @@ -import{C as m}from"./preact.module-fa42f7d1.js";import{c as o}from"./create-component-b0512abd.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";const n="_extraSmall_dpsd3_1",_="_child_dpsd3_1",i="_small_dpsd3_4",p="_medium_dpsd3_7",u="_large_dpsd3_10",x="_extraLarge_dpsd3_13",t={extraSmall:n,child:_,small:i,medium:p,large:u,extraLarge:x},S=o(function({children:a,space:s,...e},l){return r("div",{...e,ref:l,class:t[s],children:m(a).map(function(d,c){return r("div",{class:t.child,children:d},c)})})});export{S}; -//# sourceMappingURL=stack-a63253f7.js.map +import{$ as m}from"./preact.module-pS-_M4k6.js";import{c as o}from"./create-component-a83A1_Pu.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";const n="_extraSmall_dpsd3_1",_="_child_dpsd3_1",i="_small_dpsd3_4",p="_medium_dpsd3_7",u="_large_dpsd3_10",x="_extraLarge_dpsd3_13",t={extraSmall:n,child:_,small:i,medium:p,large:u,extraLarge:x},S=o(function({children:a,space:s,...e},l){return r("div",{...e,ref:l,class:t[s],children:m(a).map(function(d,c){return r("div",{class:t.child,children:d},c)})})});export{S}; diff --git a/storybook/assets/stack-a63253f7.js.map b/storybook/assets/stack-a63253f7.js.map deleted file mode 100644 index ca2e74d81..000000000 --- a/storybook/assets/stack-a63253f7.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"stack-a63253f7.js","sources":["../../src/layout/stack/stack.tsx"],"sourcesContent":["import { ComponentChild, ComponentChildren, h, toChildArray } from 'preact'\n\nimport { Space } from '../../types/space.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './stack.module.css'\n\nexport type StackProps = {\n children: ComponentChildren\n space: StackSpace\n}\nexport type StackSpace = Space\n\nexport const Stack = createComponent(function (\n { children, space, ...rest },\n ref\n) {\n return (\n
\n {toChildArray(children).map(function (\n element: ComponentChild,\n index: number\n ) {\n return (\n
\n {element}\n
\n )\n })}\n
\n )\n})\n"],"names":["Stack","createComponent","children","space","rest","ref","_jsx","class","styles","toChildArray","map","element","index","child"],"mappings":"2VAYaA,EAAQC,EAA4C,SAC/D,CAAEC,SAAAA,EAAUC,MAAAA,EAAO,GAAGC,CAAK,EAC3BC,EACA,CACA,OACEC,EAAA,MAAA,CAAA,GAASF,EAAMC,IAAAA,EAAUE,MAAOC,EAAOL,CAAK,EAAED,SAC3CO,EAAaP,CAAQ,EAAEQ,IAAI,SAC1BC,EACAC,EACA,CACA,OACEN,EAAA,MAAA,CAAiBC,MAAOC,EAAOK,MAAMX,SAClCS,GADOC,CAEL,CAAA,CAER,CAAA,CACE,CAET,CAAC"} \ No newline at end of file diff --git a/storybook/assets/stack.stories-f0b656f0.js b/storybook/assets/stack.stories-Cy7OdWMn.js similarity index 64% rename from storybook/assets/stack.stories-f0b656f0.js rename to storybook/assets/stack.stories-Cy7OdWMn.js index d9478350d..bc6bffed7 100644 --- a/storybook/assets/stack.stories-f0b656f0.js +++ b/storybook/assets/stack.stories-Cy7OdWMn.js @@ -1,4 +1,4 @@ -import{S as a}from"./stack-a63253f7.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./preact.module-fa42f7d1.js";import"./create-component-b0512abd.js";const _={parameters:{fixedWidth:!0},title:"Layout/Stack"},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},s=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},i=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var d,l,n;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`function () { +import{S as a}from"./stack-_6nbU-5Y.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./preact.module-pS-_M4k6.js";import"./create-component-a83A1_Pu.js";const _={parameters:{fixedWidth:!0},title:"Layout/Stack"},t=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraSmall",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},o=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"small",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},n=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"medium",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},c=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"large",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})},s=function(){const e={backgroundColor:"var(--figma-color-bg-brand-tertiary)"};return r(a,{space:"extraLarge",children:[r("div",{style:e,children:"foo"}),r("div",{style:e,children:"bar"}),r("div",{style:e,children:"baz"})]})};var i,d,l;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; @@ -7,7 +7,7 @@ import{S as a}from"./stack-a63253f7.js";import{o as r}from"./jsxRuntime.module-6
bar
baz
; -}`,...(n=(l=t.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};var v,m,u;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`function () { +}`,...(l=(d=t.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var v,u,m;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; @@ -16,7 +16,7 @@ import{S as a}from"./stack-a63253f7.js";import{o as r}from"./jsxRuntime.module-6
bar
baz
; -}`,...(u=(m=o.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var y,b,p;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`function () { +}`,...(m=(u=o.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};var y,b,p;n.parameters={...n.parameters,docs:{...(y=n.parameters)==null?void 0:y.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; @@ -25,7 +25,7 @@ import{S as a}from"./stack-a63253f7.js";import{o as r}from"./jsxRuntime.module-6
bar
baz
; -}`,...(p=(b=c.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var g,f,S;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`function () { +}`,...(p=(b=n.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var g,f,S;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; @@ -34,7 +34,7 @@ import{S as a}from"./stack-a63253f7.js";import{o as r}from"./jsxRuntime.module-6
bar
baz
; -}`,...(S=(f=s.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var k,h,x;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`function () { +}`,...(S=(f=c.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var k,h,x;s.parameters={...s.parameters,docs:{...(k=s.parameters)==null?void 0:k.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; @@ -43,5 +43,4 @@ import{S as a}from"./stack-a63253f7.js";import{o as r}from"./jsxRuntime.module-6
bar
baz
; -}`,...(x=(h=i.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const M=["ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{i as ExtraLargeSpace,t as ExtraSmallSpace,s as LargeSpace,c as MediumSpace,o as SmallSpace,M as __namedExportsOrder,_ as default}; -//# sourceMappingURL=stack.stories-f0b656f0.js.map +}`,...(x=(h=s.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};const M=["ExtraSmallSpace","SmallSpace","MediumSpace","LargeSpace","ExtraLargeSpace"];export{s as ExtraLargeSpace,t as ExtraSmallSpace,c as LargeSpace,n as MediumSpace,o as SmallSpace,M as __namedExportsOrder,_ as default}; diff --git a/storybook/assets/stack.stories-f0b656f0.js.map b/storybook/assets/stack.stories-f0b656f0.js.map deleted file mode 100644 index 507b5b030..000000000 --- a/storybook/assets/stack.stories-f0b656f0.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"stack.stories-f0b656f0.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/tabs.stories-1b85315c.css b/storybook/assets/tabs-lGDQGXUB.css similarity index 100% rename from storybook/assets/tabs.stories-1b85315c.css rename to storybook/assets/tabs-lGDQGXUB.css diff --git a/storybook/assets/tabs.stories-5ea73981.js.map b/storybook/assets/tabs.stories-5ea73981.js.map deleted file mode 100644 index cdb7c5acf..000000000 --- a/storybook/assets/tabs.stories-5ea73981.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"tabs.stories-5ea73981.js","sources":["../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { ComponentChildren, Fragment, h } from 'preact'\nimport { useCallback } from 'preact/hooks'\n\nimport { Event, EventHandler } from '../../types/event-handler.js'\nimport { FocusableComponentProps } from '../../types/focusable-component-props.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport { noop } from '../../utilities/no-op.js'\nimport { ITEM_ID_DATA_ATTRIBUTE_NAME } from '../../utilities/private/constants.js'\nimport styles from './tabs.module.css'\n\nexport interface TabsProps extends FocusableComponentProps {\n onChange?: EventHandler.onChange\n onValueChange?: EventHandler.onValueChange\n options: Array\n value: null | string\n}\nexport type TabsOption = {\n children: ComponentChildren\n value: string\n}\n\nexport const Tabs = createComponent(function (\n {\n onChange = noop,\n onKeyDown = noop,\n onValueChange = noop,\n options,\n propagateEscapeKeyDown = true,\n value,\n ...rest\n },\n ref\n) {\n const handleChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n if (id === null) {\n throw new Error('`id` is `null`')\n }\n const newValue = options[parseInt(id, 10)].value\n onValueChange(newValue)\n },\n [onChange, onValueChange, options]\n )\n\n const handleKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n if (event.key === 'Escape') {\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n event.currentTarget.blur()\n }\n },\n [onKeyDown, propagateEscapeKeyDown]\n )\n\n const activeOption = options.find(function (option: TabsOption): boolean {\n return option.value === value\n })\n\n return (\n \n
\n {options.map(function (option: TabsOption, index: number) {\n return (\n \n )\n })}\n
\n {typeof activeOption === 'undefined' ? null : (\n
{activeOption.children}
\n )}\n \n )\n})\n"],"names":["Tabs","createComponent","onChange","noop","onKeyDown","onValueChange","options","propagateEscapeKeyDown","value","rest","ref","handleChange","useCallback","event","id","currentTarget","getAttribute","ITEM_ID_DATA_ATTRIBUTE_NAME","Error","newValue","parseInt","handleKeyDown","key","stopPropagation","blur","activeOption","find","option","_jsxs","Fragment","children","_jsx","class","styles","tabs","map","index","label","checked","input","tabIndex","type"],"mappings":"iZAqBaA,EAAOC,EAA2C,SAC7D,CACEC,SAAAA,EAAWC,EACXC,UAAAA,EAAYD,EACZE,cAAAA,EAAgBF,EAChBG,QAAAA,EACAC,uBAAAA,EAAyB,GACzBC,MAAAA,EACA,GAAGC,CACL,EACAC,EACA,CACMC,MAAAA,EAAeC,EACnB,SAAUC,EAAyC,CACjDX,EAASW,CAAK,EACd,MAAMC,EAAKD,EAAME,cAAcC,aAAaC,CAA2B,EACvE,GAAIH,IAAO,KACH,MAAA,IAAII,MAAM,gBAAgB,EAElC,MAAMC,EAAWb,EAAQc,SAASN,EAAI,EAAE,CAAC,EAAEN,MAC3CH,EAAcc,CAAQ,CAExB,EAAA,CAACjB,EAAUG,EAAeC,CAAO,CACnC,EAEMe,EAAgBT,EACpB,SAAUC,EAA0C,CAClDT,EAAUS,CAAK,EACXA,EAAMS,MAAQ,WACZf,IAA2B,IAC7BM,EAAMU,gBAAgB,EAExBV,EAAME,cAAcS,OACtB,EAEF,CAACpB,EAAWG,CAAsB,CACpC,EAEMkB,EAAenB,EAAQoB,KAAK,SAAUC,EAA6B,CACvE,OAAOA,EAAOnB,QAAUA,CAAAA,CACzB,EAED,OACEoB,EAACC,EAAQ,CAAAC,UACPC,EAAA,MAAA,CAAKrB,IAAAA,EAAUsB,MAAOC,EAAOC,KAAKJ,SAC/BxB,EAAQ6B,IAAI,SAAUR,EAAoBS,EAAe,CACxD,OACER,EAAA,QAAA,CAAmBI,MAAOC,EAAOI,MAAMP,UACrCC,EAAA,QAAA,CAAA,GACMtB,EACJ6B,QAAS9B,IAAUmB,EAAOnB,MAC1BwB,MAAOC,EAAOM,MACdrC,SAAUS,EACVP,UAAWiB,EACXmB,SAAU,EACVC,KAAK,QACLjC,MAAOmB,EAAOnB,MACR,CAACS,CAA2B,EAAI,GAAEmB,CAAM,EAAA,CAC/C,EACDL,EAAA,MAAA,CAAKC,MAAOC,EAAOzB,MAAMsB,SAAEH,EAAOnB,KAAAA,CAAW,CAAC,GAZpC4B,CAaL,CAAA,CAEV,CAAA,CACE,EACJ,OAAOX,EAAiB,IAAc,KACrCM,EAAA,MAAA,CAAKC,MAAOC,EAAOH,SAASA,SAAEL,EAAaK,QAAAA,CAAc,CAC1D,CAAA,CACO,CAEd,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/tabs.stories-5ea73981.js b/storybook/assets/tabs.stories-w3GSDRnt.js similarity index 61% rename from storybook/assets/tabs.stories-5ea73981.js rename to storybook/assets/tabs.stories-w3GSDRnt.js index 9331a0f2e..863d23070 100644 --- a/storybook/assets/tabs.stories-5ea73981.js +++ b/storybook/assets/tabs.stories-w3GSDRnt.js @@ -1,4 +1,4 @@ -import{c as y,T as f,h as C}from"./create-component-b0512abd.js";import{k as O}from"./preact.module-fa42f7d1.js";import{n as v}from"./no-op-cb277961.js";import{I as p}from"./constants-4a59d305.js";import{o as n}from"./jsxRuntime.module-632ba37d.js";const q="_tabs_61qsz_1",S="_label_61qsz_9",F="_input_61qsz_17",k="_value_61qsz_23",x="_children_61qsz_28",c={tabs:q,label:S,input:F,value:k,children:x},z=y(function({onChange:l=v,onKeyDown:t=v,onValueChange:r=v,options:a,propagateEscapeKeyDown:o=!0,value:s,...w},B){const A=f(function(e){l(e);const i=e.currentTarget.getAttribute(p);if(i===null)throw new Error("`id` is `null`");const I=a[parseInt(i,10)].value;r(I)},[l,r,a]),E=f(function(e){t(e),e.key==="Escape"&&(o===!1&&e.stopPropagation(),e.currentTarget.blur())},[t,o]),h=a.find(function(e){return e.value===s});return n(O,{children:[n("div",{ref:B,class:c.tabs,children:a.map(function(e,i){return n("label",{class:c.label,children:[n("input",{...w,checked:s===e.value,class:c.input,onChange:A,onKeyDown:E,tabIndex:0,type:"radio",value:e.value,[p]:`${i}`}),n("div",{class:c.value,children:e.value})]},i)})}),typeof h>"u"?null:n("div",{class:c.children,children:h.children})]})}),L={parameters:{fixedWidth:!0},title:"Components/Tabs"},u=function(){const[l,t]=C("foo"),r=[{children:n("div",{children:"Foo"}),value:"foo"},{children:n("div",{children:"Bar"}),value:"bar"},{children:n("div",{children:"Baz"}),value:"baz"}];function a(o){const s=o.currentTarget.value;console.log(s),t(s)}return n(z,{onChange:a,options:r,value:l})},d=function(){const[l,t]=C("foo"),r=[{children:n("div",{children:"Foo"}),value:"foo"},{children:n("div",{children:"Bar"}),value:"bar"},{children:n("div",{children:"Baz"}),value:"baz"}];function a(o){console.log(o),t(o)}return n(z,{onValueChange:a,options:r,value:l})};var b,g,m;u.parameters={...u.parameters,docs:{...(b=u.parameters)==null?void 0:b.docs,source:{originalSource:`function () { +import{c as I,T as f,h as C}from"./create-component-a83A1_Pu.js";import{g as O}from"./preact.module-pS-_M4k6.js";import{n as v}from"./no-op-Uu3q6ZSj.js";import{a as p}from"./constants-TQdAxsXB.js";import{u as n}from"./jsxRuntime.module-mP9ZGqev.js";const q="_tabs_61qsz_1",S="_label_61qsz_9",F="_input_61qsz_17",x="_value_61qsz_23",M="_children_61qsz_28",u={tabs:q,label:S,input:F,value:x,children:M},z=I(function({onChange:l=v,onKeyDown:t=v,onValueChange:r=v,options:a,propagateEscapeKeyDown:o=!0,value:s,...w},B){const A=f(function(e){l(e);const i=e.currentTarget.getAttribute(p);if(i===null)throw new Error("`id` is `null`");const y=a[parseInt(i,10)].value;r(y)},[l,r,a]),E=f(function(e){t(e),e.key==="Escape"&&(o===!1&&e.stopPropagation(),e.currentTarget.blur())},[t,o]),h=a.find(function(e){return e.value===s});return n(O,{children:[n("div",{ref:B,class:u.tabs,children:a.map(function(e,i){return n("label",{class:u.label,children:[n("input",{...w,checked:s===e.value,class:u.input,onChange:A,onKeyDown:E,tabIndex:0,type:"radio",value:e.value,[p]:`${i}`}),n("div",{class:u.value,children:e.value})]},i)})}),typeof h>"u"?null:n("div",{class:u.children,children:h.children})]})}),L={parameters:{fixedWidth:!0},title:"Components/Tabs"},c=function(){const[l,t]=C("foo"),r=[{children:n("div",{children:"Foo"}),value:"foo"},{children:n("div",{children:"Bar"}),value:"bar"},{children:n("div",{children:"Baz"}),value:"baz"}];function a(o){const s=o.currentTarget.value;console.log(s),t(s)}return n(z,{onChange:a,options:r,value:l})},d=function(){const[l,t]=C("foo"),r=[{children:n("div",{children:"Foo"}),value:"foo"},{children:n("div",{children:"Bar"}),value:"bar"},{children:n("div",{children:"Baz"}),value:"baz"}];function a(o){console.log(o),t(o)}return n(z,{onValueChange:a,options:r,value:l})};var g,b,m;c.parameters={...c.parameters,docs:{...(g=c.parameters)==null?void 0:g.docs,source:{originalSource:`function () { const [value, setValue] = useState('foo'); const options: Array = [{ children:
Foo
, @@ -16,7 +16,7 @@ import{c as y,T as f,h as C}from"./create-component-b0512abd.js";import{k as O}f setValue(newValue); } return ; -}`,...(m=(g=u.parameters)==null?void 0:g.docs)==null?void 0:m.source}}};var _,V,T;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`function () { +}`,...(m=(b=c.parameters)==null?void 0:b.docs)==null?void 0:m.source}}};var _,V,T;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`function () { const [value, setValue] = useState('foo'); const options: Array = [{ children:
Foo
, @@ -33,5 +33,4 @@ import{c as y,T as f,h as C}from"./create-component-b0512abd.js";import{k as O}f setValue(newValue); } return ; -}`,...(T=(V=d.parameters)==null?void 0:V.docs)==null?void 0:T.source}}};const N=["Passive","OnValueChange"];export{d as OnValueChange,u as Passive,N as __namedExportsOrder,L as default}; -//# sourceMappingURL=tabs.stories-5ea73981.js.map +}`,...(T=(V=d.parameters)==null?void 0:V.docs)==null?void 0:T.source}}};const N=["Passive","OnValueChange"];export{d as OnValueChange,c as Passive,N as __namedExportsOrder,L as default}; diff --git a/storybook/assets/text-72c2365d.js.map b/storybook/assets/text-72c2365d.js.map deleted file mode 100644 index 566701338..000000000 --- a/storybook/assets/text-72c2365d.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"text-72c2365d.js","sources":["../../src/components/text/text.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact'\n\nimport { createClassName } from '../../utilities/create-class-name.js'\nimport { createComponent } from '../../utilities/create-component.js'\nimport styles from './text.module.css'\n\nexport type TextProps = {\n align?: TextAlignment\n children: ComponentChildren\n numeric?: boolean\n}\nexport type TextAlignment = 'left' | 'center' | 'right'\n\nexport const Text = createComponent(function ({\n align = 'left',\n children,\n numeric = false,\n ...rest\n}) {\n return (\n \n {children}\n
\n )\n})\n"],"names":["Text","createComponent","align","children","numeric","rest","_jsx","class","createClassName","styles","text"],"mappings":"kTAaaA,EAAOC,EAA2C,SAAU,CACvEC,MAAAA,EAAQ,OACRC,SAAAA,EACAC,QAAAA,EAAU,GACV,GAAGC,CACL,EAAG,CACD,OACEC,EAAA,MAAA,CAAA,GACMD,EACJE,MAAOC,EAAgB,CACrBC,EAAOC,KACPD,EAAOP,CAAK,EACZE,IAAY,GAAOK,EAAOL,QAAU,IAAI,CACzC,EAAED,SAAAA,CAAAA,CAGA,CAET,CAAC"} \ No newline at end of file diff --git a/storybook/assets/text-72c2365d.js b/storybook/assets/text-SssoFudj.js similarity index 53% rename from storybook/assets/text-72c2365d.js rename to storybook/assets/text-SssoFudj.js index cfcc64c91..1a7195631 100644 --- a/storybook/assets/text-72c2365d.js +++ b/storybook/assets/text-SssoFudj.js @@ -1,2 +1 @@ -import{c as n}from"./create-class-name-71c46838.js";import{c as o}from"./create-component-b0512abd.js";import{o as s}from"./jsxRuntime.module-632ba37d.js";const _="_text_mh6mm_1",i="_numeric_mh6mm_15",l="_left_mh6mm_19",a="_center_mh6mm_22",f="_right_mh6mm_25",t={text:_,numeric:i,left:l,center:a,right:f},p=o(function({align:e="left",children:m,numeric:r=!1,...c}){return s("div",{...c,class:n([t.text,t[e],r===!0?t.numeric:null]),children:m})});export{p as T}; -//# sourceMappingURL=text-72c2365d.js.map +import{c as n}from"./create-class-name-gq91Tlk7.js";import{c as o}from"./create-component-a83A1_Pu.js";import{u as s}from"./jsxRuntime.module-mP9ZGqev.js";const _="_text_mh6mm_1",i="_numeric_mh6mm_15",l="_left_mh6mm_19",a="_center_mh6mm_22",f="_right_mh6mm_25",t={text:_,numeric:i,left:l,center:a,right:f},p=o(function({align:e="left",children:m,numeric:r=!1,...c}){return s("div",{...c,class:n([t.text,t[e],r===!0?t.numeric:null]),children:m})});export{p as T}; diff --git a/storybook/assets/text-6f7d014d.css b/storybook/assets/text-uN4TRVP7.css similarity index 100% rename from storybook/assets/text-6f7d014d.css rename to storybook/assets/text-uN4TRVP7.css diff --git a/storybook/assets/text.stories-fb46e146.js.map b/storybook/assets/text.stories-fb46e146.js.map deleted file mode 100644 index 39ee0e4b3..000000000 --- a/storybook/assets/text.stories-fb46e146.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"text.stories-fb46e146.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"} \ No newline at end of file diff --git a/storybook/assets/text.stories-fb46e146.js b/storybook/assets/text.stories-lS_Q2Npl.js similarity index 68% rename from storybook/assets/text.stories-fb46e146.js rename to storybook/assets/text.stories-lS_Q2Npl.js index 96a6c717d..531e02857 100644 --- a/storybook/assets/text.stories-fb46e146.js +++ b/storybook/assets/text.stories-lS_Q2Npl.js @@ -1,15 +1,15 @@ -import{T as e}from"./text-72c2365d.js";import{o as r}from"./jsxRuntime.module-632ba37d.js";import"./create-class-name-71c46838.js";import"./create-component-b0512abd.js";import"./preact.module-fa42f7d1.js";const L={parameters:{fixedWidth:!0},title:"Components/Text"},t=function(){return r(e,{children:"Text"})},o=function(){return r(e,{numeric:!0,children:"3.142"})},n=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(e,{align:"left",children:"Text"})})},a=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(e,{align:"center",children:"Text"})})},s=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(e,{align:"right",children:"Text"})})};var i,l,u;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`function () { +import{T as e}from"./text-SssoFudj.js";import{u as r}from"./jsxRuntime.module-mP9ZGqev.js";import"./create-class-name-gq91Tlk7.js";import"./create-component-a83A1_Pu.js";import"./preact.module-pS-_M4k6.js";const L={parameters:{fixedWidth:!0},title:"Components/Text"},t=function(){return r(e,{children:"Text"})},n=function(){return r(e,{numeric:!0,children:"3.142"})},o=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(e,{align:"left",children:"Text"})})},a=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(e,{align:"center",children:"Text"})})},s=function(){return r("div",{style:{backgroundColor:"var(--figma-color-bg-brand-tertiary)"},children:r(e,{align:"right",children:"Text"})})};var i,l,u;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`function () { return Text; -}`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,m,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`function () { +}`,...(u=(l=t.parameters)==null?void 0:l.docs)==null?void 0:u.source}}};var d,m,g;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`function () { return 3.142; -}`,...(g=(m=o.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var p,f,x;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`function () { +}`,...(g=(m=n.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var p,f,x;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; return
Text
; -}`,...(x=(f=n.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var y,T,b;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`function () { +}`,...(x=(f=o.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var y,T,b;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`function () { const style = { backgroundColor: 'var(--figma-color-bg-brand-tertiary)' }; @@ -23,5 +23,4 @@ import{T as e}from"./text-72c2365d.js";import{o as r}from"./jsxRuntime.module-63 return
Text
; -}`,...(C=(h=s.parameters)==null?void 0:h.docs)==null?void 0:C.source}}};const N=["Default","Numeric","AlignLeft","AlignCenter","AlignRight"];export{a as AlignCenter,n as AlignLeft,s as AlignRight,t as Default,o as Numeric,N as __namedExportsOrder,L as default}; -//# sourceMappingURL=text.stories-fb46e146.js.map +}`,...(C=(h=s.parameters)==null?void 0:h.docs)==null?void 0:C.source}}};const N=["Default","Numeric","AlignLeft","AlignCenter","AlignRight"];export{a as AlignCenter,o as AlignLeft,s as AlignRight,t as Default,n as Numeric,N as __namedExportsOrder,L as default}; diff --git a/storybook/assets/textbox-InH0rXhO.js b/storybook/assets/textbox-InH0rXhO.js new file mode 100644 index 000000000..044a8a0ac --- /dev/null +++ b/storybook/assets/textbox-InH0rXhO.js @@ -0,0 +1 @@ +import{c as X}from"./create-class-name-gq91Tlk7.js";import{c as I,_ as Y,h as $,T as s}from"./create-component-a83A1_Pu.js";import{g as j}from"./get-current-from-ref-KzY6_NOj.js";import{n as i}from"./no-op-Uu3q6ZSj.js";import{i as q}from"./is-keycode-character-generating-0Qf6Kf4s.js";import{u as c}from"./jsxRuntime.module-mP9ZGqev.js";import{M as g}from"./mixed-values-kiIAV0Ly.js";import{s as o}from"./textbox.module-SUUSsoq6.js";const m="",z=I(function({disabled:n=!1,onBlur:u=i,onFocus:l=i,onInput:b=i,onKeyDown:T=i,onMouseDown:x=i,onValueInput:y=i,password:M=!1,placeholder:R,propagateEscapeKeyDown:w=!0,revertOnEscapeKeyDown:C=!1,spellCheck:k=!1,validateOnBlur:h,value:e,...D},f){const E=Y(null),[a,d]=$(m),p=s(function(t){const r=j(E);r.value=t;const P=new window.Event("input",{bubbles:!0,cancelable:!0});r.dispatchEvent(P)},[]),G=s(function(t){if(u(t),typeof h<"u"){const r=h(e);if(typeof r=="string"){p(r),d(m);return}if(r===!1){e!==a&&p(a),d(m);return}}d(m)},[u,a,p,h,e]),N=s(function(t){l(t),d(e),t.currentTarget.select()},[l,e]),S=s(function(t){b(t);const r=t.currentTarget.value;y(r)},[b,y]),V=s(function(t){if(T(t),t.key==="Escape"){C===!0&&(p(a),d(m)),w===!1&&t.stopPropagation(),t.currentTarget.blur();return}e===g&&q(t.keyCode)===!1&&(t.preventDefault(),t.currentTarget.select())},[T,a,w,C,p,e]),_=s(function(t){x(t),e===g&&(t.preventDefault(),t.currentTarget.select())},[x,e]),F=s(function(t){if(E.current=t,f!==null){if(typeof f=="function"){f(t);return}f.current=t}},[f]);return c("input",{...D,ref:F,disabled:n===!0,onBlur:G,onFocus:N,onInput:S,onKeyDown:V,onMouseDown:_,placeholder:R,spellcheck:k,tabIndex:0,type:M===!0?"password":"text",value:e===g?"Mixed":e})}),W=I(function({icon:n,variant:u,...l},b){if(typeof n=="string"&&n.length!==1)throw new Error(`String \`icon\` must be a single character: ${n}`);return c("div",{class:X([o.textbox,u==="border"?o.hasBorder:null,typeof n>"u"?null:o.hasIcon,l.disabled===!0?o.disabled:null]),children:[c(z,{...l,ref:b,class:o.input}),typeof n>"u"?null:c("div",{class:o.icon,children:n}),c("div",{class:o.border}),u==="underline"?c("div",{class:o.underline}):null]})});export{W as T}; diff --git a/storybook/assets/textbox-51150df0.css b/storybook/assets/textbox-O61nvNFZ.css similarity index 100% rename from storybook/assets/textbox-51150df0.css rename to storybook/assets/textbox-O61nvNFZ.css diff --git a/storybook/assets/textbox-autocomplete-40a3642f.js.map b/storybook/assets/textbox-autocomplete-40a3642f.js.map deleted file mode 100644 index 85fec8f27..000000000 --- a/storybook/assets/textbox-autocomplete-40a3642f.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"textbox-autocomplete-40a3642f.js","sources":["../../src/components/textbox/textbox-autocomplete/textbox-autocomplete.tsx"],"sourcesContent":["import { ComponentChildren, h, RefObject } from 'preact'\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks'\n\nimport menuStyles from '../../../css/menu.module.css'\nimport { useMouseDownOutside } from '../../../hooks/use-mouse-down-outside.js'\nimport { IconMenuCheckmarkChecked16 } from '../../../icons/icon-16/icon-menu-checkmark-checked-16.js'\nimport { Event, EventHandler } from '../../../types/event-handler.js'\nimport { createClassName } from '../../../utilities/create-class-name.js'\nimport { createComponent } from '../../../utilities/create-component.js'\nimport { getCurrentFromRef } from '../../../utilities/get-current-from-ref.js'\nimport { noop } from '../../../utilities/no-op.js'\nimport {\n INVALID_ID,\n ITEM_ID_DATA_ATTRIBUTE_NAME,\n VIEWPORT_MARGIN\n} from '../../../utilities/private/constants.js'\nimport { computeNextValue } from '../private/compute-next-value.js'\nimport { isKeyCodeCharacterGenerating } from '../private/is-keycode-character-generating.js'\nimport textboxStyles from '../textbox/textbox.module.css'\nimport textboxAutocompleteStyles from './textbox-autocomplete.module.css'\n\nconst EMPTY_STRING = ''\n\nexport interface TextboxAutocompleteProps {\n disabled?: boolean\n filter?: boolean\n icon?: ComponentChildren\n onChange?: EventHandler.onChange\n onInput?: EventHandler.onInput\n onKeyDown?: EventHandler.onKeyDown\n onMouseDown?: EventHandler.onMouseDown\n onPaste?: EventHandler.onPaste\n onValueInput?: EventHandler.onValueChange\n options: Array\n placeholder?: string\n propagateEscapeKeyDown?: boolean\n revertOnEscapeKeyDown?: boolean\n spellCheck?: boolean\n strict?: boolean\n top?: boolean\n value: string\n variant?: TextboxAutocompleteVariant\n}\nexport type TextboxAutocompleteOption =\n | TextboxAutocompleteOptionHeader\n | TextboxAutocompleteOptionValue\n | TextboxAutocompleteOptionSeparator\nexport type TextboxAutocompleteOptionHeader = {\n header: string\n}\nexport type TextboxAutocompleteOptionValue = {\n value: string\n disabled?: boolean\n}\nexport type TextboxAutocompleteOptionSeparator = '-'\nexport type TextboxAutocompleteVariant = 'border' | 'underline'\n\ntype Option =\n | TextboxAutocompleteOptionHeader\n | OptionValueWithId\n | TextboxAutocompleteOptionSeparator\ntype OptionValueWithId = TextboxAutocompleteOptionValue & {\n id: string\n}\ntype Id = typeof INVALID_ID | string\n\nexport const TextboxAutocomplete = createComponent<\n HTMLInputElement,\n TextboxAutocompleteProps\n>(function (\n {\n disabled = false,\n filter = false,\n icon,\n onChange = noop,\n onInput = noop,\n onKeyDown = noop,\n onMouseDown = noop,\n onPaste = noop,\n onValueInput = noop,\n placeholder,\n propagateEscapeKeyDown = true,\n revertOnEscapeKeyDown = false,\n spellCheck = false,\n strict = false,\n top = false,\n value,\n variant,\n ...rest\n },\n ref\n) {\n if (typeof icon === 'string' && icon.length !== 1) {\n throw new Error(`String \\`icon\\` must be a single character: ${icon}`)\n }\n\n const rootElementRef: RefObject = useRef(null)\n const inputElementRef: RefObject = useRef(null)\n const menuElementRef: RefObject = useRef(null)\n\n const revertOnEscapeKeyDownRef: RefObject = useRef(false) // Set to `true` when the `Escape` key is pressed; used to bail out of `handleTextboxInput`\n\n const [originalValue, setOriginalValue] = useState(value) // Value of the textbox when the menu is focused\n const [editedValue, setEditedValue] = useState(EMPTY_STRING) // Value being edited that does not match any of the options\n const [isMenuVisible, setIsMenuVisible] = useState(false)\n const [selectedId, setSelectedId] = useState(INVALID_ID)\n\n const options =\n filter === true\n ? filterOptions(createOptions(rest.options), value, editedValue)\n : createOptions(rest.options)\n\n // Uncomment to debug\n // console.table([\n // { editedValue, isMenuVisible, originalValue, selectedId, value }\n // ])\n\n const triggerTextboxSelect = useCallback(function () {\n getCurrentFromRef(inputElementRef).select()\n }, [])\n\n const triggerTextboxBlur = useCallback(function () {\n getCurrentFromRef(inputElementRef).blur()\n }, [])\n\n const triggerMenuUpdateScrollPosition = useCallback(function (id: Id) {\n // Adjust the menu scroll position so that the selected option is always visible\n const menuElement = getCurrentFromRef(menuElementRef)\n if (id === INVALID_ID) {\n menuElement.scrollTop = 0\n return\n }\n const selectedElement = menuElement.querySelector(\n `[${ITEM_ID_DATA_ATTRIBUTE_NAME}='${id}']`\n )\n if (selectedElement === null) {\n throw new Error('`selectedElement` is `null`')\n }\n const y =\n selectedElement.getBoundingClientRect().y -\n menuElement.getBoundingClientRect().y\n if (y < menuElement.scrollTop) {\n menuElement.scrollTop = y\n return\n }\n const offsetBottom = y + selectedElement.offsetHeight\n if (offsetBottom > menuElement.scrollTop + menuElement.offsetHeight) {\n menuElement.scrollTop = offsetBottom - menuElement.offsetHeight\n }\n }, [])\n\n const updateSelectedId = useCallback(\n function (value: string) {\n const id = getIdByValue(options, value)\n if (id === INVALID_ID) {\n setEditedValue(value) // Copy `value` to `editedValue`\n }\n setSelectedId(id)\n triggerMenuUpdateScrollPosition(id)\n },\n [options, triggerMenuUpdateScrollPosition]\n )\n\n const updateTextboxValue = useCallback(function (value: string) {\n const inputElement = getCurrentFromRef(inputElementRef)\n inputElement.value = value\n const inputEvent = new window.Event('input', {\n bubbles: true,\n cancelable: true\n })\n inputElement.dispatchEvent(inputEvent)\n }, [])\n\n const triggerMenuHide = useCallback(function () {\n setIsMenuVisible(false)\n }, [])\n\n const triggerMenuShow = useCallback(\n function () {\n updateMenuElementMaxHeight(\n getCurrentFromRef(rootElementRef),\n getCurrentFromRef(menuElementRef),\n top\n )\n setOriginalValue(value)\n updateSelectedId(value)\n setIsMenuVisible(true)\n },\n [top, updateSelectedId, value]\n )\n\n const handleTextboxInput = useCallback(\n function (event: Event.onInput) {\n onInput(event)\n const newValue = event.currentTarget.value\n updateSelectedId(newValue)\n onValueInput(newValue)\n if (isMenuVisible === true) {\n return\n }\n if (revertOnEscapeKeyDownRef.current === true) {\n revertOnEscapeKeyDownRef.current = false\n return\n }\n triggerMenuShow()\n },\n [isMenuVisible, onInput, onValueInput, triggerMenuShow, updateSelectedId]\n )\n\n const handleTextboxKeyDown = useCallback(\n function (event: Event.onKeyDown) {\n onKeyDown(event)\n const inputElement = event.currentTarget\n const key = event.key\n if (key === 'ArrowUp' || key === 'ArrowDown') {\n event.preventDefault()\n if (isMenuVisible === false) {\n triggerMenuShow()\n return\n }\n if (options.length === 0) {\n return\n }\n const id =\n key === 'ArrowUp'\n ? computePreviousId(options, selectedId)\n : computeNextId(options, selectedId)\n if (id === INVALID_ID) {\n // Reached beginning/end of list of `options`, so just restore `editedValue`\n setSelectedId(INVALID_ID)\n updateTextboxValue(editedValue)\n triggerTextboxSelect()\n triggerMenuUpdateScrollPosition(INVALID_ID)\n return\n }\n // Set the selected option to `id`\n setSelectedId(id)\n const optionValue = findOptionValueById(options, id)\n if (optionValue === null) {\n throw new Error('`optionValue` is `null`')\n }\n // Imperatively set the textbox value\n updateTextboxValue(optionValue.value)\n triggerTextboxSelect()\n triggerMenuUpdateScrollPosition(id)\n return\n }\n if (key === 'Escape') {\n event.preventDefault()\n if (propagateEscapeKeyDown === false) {\n event.stopPropagation()\n }\n if (revertOnEscapeKeyDown === true) {\n revertOnEscapeKeyDownRef.current = true\n updateTextboxValue(originalValue)\n }\n // Hide the menu if it is visible, else blur the textbox\n if (isMenuVisible === true) {\n triggerMenuHide()\n return\n }\n triggerTextboxBlur()\n return\n }\n if (key === 'Enter') {\n event.preventDefault()\n triggerTextboxSelect()\n // Toggle visibility of the menu\n if (isMenuVisible === true) {\n triggerMenuHide()\n return\n }\n triggerMenuShow()\n return\n }\n if (key === 'Tab') {\n triggerMenuHide()\n return\n }\n if (strict === false) {\n return\n }\n if (event.ctrlKey === true || event.metaKey === true) {\n return\n }\n if (isKeyCodeCharacterGenerating(event.keyCode) === true) {\n // Piece together `newValue`, and stop the `keyDown` event if `newValue` is invalid\n const nextValue = computeNextValue(inputElement, event.key)\n if (isValidValue(options, nextValue) === true) {\n return\n }\n event.preventDefault()\n }\n },\n [\n editedValue,\n isMenuVisible,\n onKeyDown,\n options,\n originalValue,\n propagateEscapeKeyDown,\n revertOnEscapeKeyDown,\n selectedId,\n strict,\n triggerMenuHide,\n triggerMenuShow,\n triggerMenuUpdateScrollPosition,\n triggerTextboxBlur,\n triggerTextboxSelect,\n updateTextboxValue\n ]\n )\n\n const handleTextboxMouseDown = useCallback(\n function (event: Event.onMouseDown) {\n onMouseDown(event)\n if (isMenuVisible === true) {\n return\n }\n event.preventDefault()\n triggerTextboxSelect()\n triggerMenuShow()\n },\n [isMenuVisible, onMouseDown, triggerTextboxSelect, triggerMenuShow]\n )\n\n const handleTextboxPaste = useCallback(\n function (event: Event.onPaste) {\n onPaste(event)\n // Piece together the `nextValue`, and stop the `paste` event (by\n // calling `event.preventDefault()`) if `nextValue` is found to\n // be invalid\n if (strict === false) {\n return\n }\n if (event.clipboardData === null) {\n throw new Error('`event.clipboardData` is `null`')\n }\n const nextValue = computeNextValue(\n event.currentTarget,\n event.clipboardData.getData('Text')\n )\n if (isValidValue(options, nextValue) === true) {\n return\n }\n event.preventDefault()\n },\n [onPaste, options, strict]\n )\n\n const handleOptionChange = useCallback(\n function (event: Event.onChange) {\n onChange(event)\n const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n if (id === null) {\n throw new Error('`id` is `null`')\n }\n // Set the selected option to `id`\n setSelectedId(id)\n const optionValue = findOptionValueById(options, id)\n if (optionValue === null) {\n throw new Error('`optionValue` is `null`')\n }\n // Imperatively set the textbox value; the new value will eventually\n // reach `handleTextboxInput`\n updateTextboxValue(optionValue.value)\n // Select the textbox, then hide the menu\n triggerTextboxSelect()\n triggerMenuHide()\n },\n [\n onChange,\n options,\n triggerMenuHide,\n triggerTextboxSelect,\n updateTextboxValue\n ]\n )\n\n const handleOptionMouseMove = useCallback(\n function (event: Event.onMouseMove) {\n // Set the selected option to the one being moused over\n const id = event.currentTarget.getAttribute(ITEM_ID_DATA_ATTRIBUTE_NAME)\n if (id === null) {\n throw new Error('`id` is `null`')\n }\n if (id === selectedId) {\n return\n }\n setSelectedId(id)\n },\n [selectedId]\n )\n\n const handleMouseDownOutside = useCallback(\n function () {\n if (isMenuVisible === false) {\n return\n }\n triggerMenuHide()\n triggerTextboxBlur()\n },\n [isMenuVisible, triggerTextboxBlur, triggerMenuHide]\n )\n useMouseDownOutside({\n onMouseDownOutside: handleMouseDownOutside,\n ref: rootElementRef\n })\n\n useEffect(\n function () {\n function handleWindowScroll() {\n if (isMenuVisible === false) {\n return\n }\n triggerMenuHide()\n triggerTextboxSelect()\n }\n window.addEventListener('scroll', handleWindowScroll)\n return function () {\n window.removeEventListener('scroll', handleWindowScroll)\n }\n },\n [isMenuVisible, triggerMenuHide, triggerTextboxSelect]\n )\n\n const refCallback = useCallback(\n function (inputElement: null | HTMLInputElement) {\n inputElementRef.current = inputElement\n if (ref === null) {\n return\n }\n if (typeof ref === 'function') {\n ref(inputElement)\n return\n }\n ref.current = inputElement\n },\n [ref]\n )\n\n return (\n \n
\n \n {typeof icon === 'undefined' ? null : (\n
{icon}
\n )}\n
\n {variant === 'underline' ? (\n
\n ) : null}\n \n {options.map(function (option: Option, index: number) {\n if (typeof option === 'string') {\n return
\n }\n if ('header' in option) {\n return (\n

\n {option.header}\n

\n )\n }\n return (\n \n \n {option.value === originalValue ? ( // Show check icon if option matches `originalValue`\n
\n \n
\n ) : null}\n {option.value}\n \n )\n })}\n
\n
\n
\n )\n})\n\n// Add an `id` attribute to all the `TextboxAutocompleteOptionValue` items in `options`\nfunction createOptions(\n options: Array\n): Array