@v-miniapp/ui-react 1.0.45 → 1.0.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/app/app.d.ts +17 -0
- package/dist/components/app/bottom-tab-bar-layout/hook.d.ts +21 -0
- package/dist/components/app/bottom-tab-bar-layout/store.d.ts +13 -0
- package/dist/components/app/bottom-tab-bar-layout/type.d.ts +13 -0
- package/dist/components/app/data-theme.d.ts +8 -0
- package/dist/components/app/index.d.ts +9 -18
- package/dist/components/app/navigation-bar-layout/hook.d.ts +17 -0
- package/dist/components/app/navigation-bar-layout/store.d.ts +13 -0
- package/dist/components/app/navigation-bar-layout/type.d.ts +7 -0
- package/dist/components/app/page-layout/hook.d.ts +21 -0
- package/dist/components/app/page-layout/store.d.ts +13 -0
- package/dist/components/app/page-layout/type.d.ts +8 -0
- package/dist/components/app/type.d.ts +27 -0
- package/dist/components/calendar/default-render.d.ts +1 -1
- package/dist/components/calendar/utils.d.ts +1 -1
- package/dist/components/carousel/index.d.ts +1 -0
- package/dist/components/input-wrapper/input-wrapper.d.ts +2 -2
- package/dist/components/layout/page.d.ts +8 -1
- package/dist/external/index.js +11344 -7959
- package/dist/external/styles.css +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +4194 -4376
- package/dist/styles.css +1 -1
- package/dist/utils/event-emitter.d.ts +4 -0
- package/dist-storybook/assets/App-Dp1UG-xp.js +93 -0
- package/dist-storybook/assets/{Color-AVL7NMMY-1_8XTICv.js → Color-AVL7NMMY-XA8cFKdV.js} +1 -1
- package/dist-storybook/assets/DEEPLINK-cjgFMuRJ.js +33 -0
- package/dist-storybook/assets/{DocsRenderer-PQXLIZUC-BO86igwd.js → DocsRenderer-PQXLIZUC-D10-0Yfb.js} +2 -2
- package/dist-storybook/assets/EVENTS-BY66PjI7.js +65 -0
- package/dist-storybook/assets/GETTING_STARTED-580o-9Mx.js +64 -0
- package/dist-storybook/assets/GETTING_STARTED-BiQMvjvo.js +62 -0
- package/dist-storybook/assets/GETTING_STARTED-CIVMqKZW.js +80 -0
- package/dist-storybook/assets/{INFINITE_SCROLL-BtM3uoX0.js → INFINITE_SCROLL-BbeR5HeP.js} +1 -1
- package/dist-storybook/assets/LocalesProvider-CMlmwAyY.js +53 -0
- package/dist-storybook/assets/MIGRATE_DARKMODE_TO_THEME-CBDyZyg2.js +107 -0
- package/dist-storybook/assets/{MIGRATION_GUIDE-2LONslE4.js → MIGRATION_GUIDE-FZyRWI-B.js} +3 -3
- package/dist-storybook/assets/OVERVIEW-C9_6gX5Q.js +51 -0
- package/dist-storybook/assets/Router-B5U8bubH.js +71 -0
- package/dist-storybook/assets/{TAILWIND_INTEGRATION-_T-VfvkM.js → TAILWIND_INTEGRATION-BJdy5DAv.js} +1 -1
- package/dist-storybook/assets/THEME-CRbvH7KT.js +103 -0
- package/dist-storybook/assets/_baseClone-DQVxEhny.js +1 -0
- package/dist-storybook/assets/alert-CKwsuaPI.js +1 -0
- package/dist-storybook/assets/{alert.stories-B-vuojPh.js → alert.stories-D0X5wUHk.js} +3 -3
- package/dist-storybook/assets/app-CTv8lFU3.js +1 -0
- package/dist-storybook/assets/avatar-rWcYGe6j.js +1 -0
- package/dist-storybook/assets/{avatar.stories-KYFztAc8.js → avatar.stories-8lrbhMma.js} +6 -6
- package/dist-storybook/assets/{axe-CmvD4WV5.js → axe-BHGdSCoA.js} +1 -1
- package/dist-storybook/assets/badge-VcjGVEum.js +1 -0
- package/dist-storybook/assets/{badge.stories-Be2ItCmQ.js → badge.stories-BEFNaUA1.js} +3 -3
- package/dist-storybook/assets/{blocks-BuaOUtiH.js → blocks-DKR3P4qW.js} +3 -3
- package/dist-storybook/assets/{bottom-tab-bar-CtcTAxuI.js → bottom-tab-bar-B6IAoRwz.js} +1 -1
- package/dist-storybook/assets/{bottom-tab-bar.stories-CDmEve6z.js → bottom-tab-bar.stories-DXzLlO5o.js} +3 -3
- package/dist-storybook/assets/button-DJH3RlJl.js +1 -0
- package/dist-storybook/assets/{button.stories-CaqLWQiY.js → button.stories-DgYDJ6x7.js} +3 -3
- package/dist-storybook/assets/calendar-C4Xe_TW2.js +1 -0
- package/dist-storybook/assets/{calendar.stories-DLWZldet.js → calendar.stories-IVvRAjWN.js} +3 -3
- package/dist-storybook/assets/carousel-DJlgMyS5.js +37 -0
- package/dist-storybook/assets/{carousel.stories-B8YbGOOr.js → carousel.stories-3rA3nxdL.js} +3 -3
- package/dist-storybook/assets/checkbox-JOxcmyCZ.js +1 -0
- package/dist-storybook/assets/{checkbox.stories-CLvfZPiw.js → checkbox.stories-ge3pgfBb.js} +3 -3
- package/dist-storybook/assets/chip-Crt60rph.js +1 -0
- package/dist-storybook/assets/{chip.stories-BbwJb5eD.js → chip.stories-D7E6fdiV.js} +3 -3
- package/dist-storybook/assets/{date-Cg-Uk_pp.js → date-B3PFMb6s.js} +1 -1
- package/dist-storybook/assets/date-field-range-B-sv9nbW.js +1 -0
- package/dist-storybook/assets/date-field.stories-B9G2heHt.js +129 -0
- package/dist-storybook/assets/date-picker-BPzKPdhO.js +1 -0
- package/dist-storybook/assets/{date-picker.stories-BuGWvzFL.js → date-picker.stories-CIFgk4q_.js} +3 -3
- package/dist-storybook/assets/dialog-BAfGQzk5.js +1 -0
- package/dist-storybook/assets/{dialog.stories-DJ0WsSkA.js → dialog.stories-vDMKz9Tw.js} +3 -3
- package/dist-storybook/assets/{chip-kG4p82WT.js → dropdown-Dtomaqpw.js} +2 -2
- package/dist-storybook/assets/{dropdown.stories-D6JUYP73.js → dropdown.stories-Cj0HM0VI.js} +3 -3
- package/dist-storybook/assets/{embla-carousel-react.esm-BYjpaHZ9.js → embla-carousel-react.esm-5D5fs7OQ.js} +1 -1
- package/dist-storybook/assets/icon-CdiFzFyf.js +1 -0
- package/dist-storybook/assets/{icon.stories-B-ZvRzFf.js → icon.stories-DWwbUUY-.js} +3 -3
- package/dist-storybook/assets/iframe-BHaCv4dM.css +1 -0
- package/dist-storybook/assets/{iframe-CQAwSt4E.js → iframe-DfPay7Zl.js} +42 -42
- package/dist-storybook/assets/image-CMKb-R3x.js +9 -0
- package/dist-storybook/assets/{image.stories-C4l8D3ju.js → image.stories-BhZU057W.js} +3 -3
- package/dist-storybook/assets/index-BWpuenI4.js +1 -0
- package/dist-storybook/assets/{index-CgMRTj-o.js → index-DqZh6B0b.js} +1 -1
- package/dist-storybook/assets/{index-BV0AJWP6.js → index-EGt7xBnA.js} +1 -1
- package/dist-storybook/assets/{index-DHiZ-gXR.js → index-cMNObl2z.js} +1 -1
- package/dist-storybook/assets/input-wrapper-CgaUwbbE.js +1 -0
- package/dist-storybook/assets/{label-DV2iCDmN.js → label-D44azUgi.js} +1 -1
- package/dist-storybook/assets/{label.stories-BwTIPFXX.js → label.stories-CXJjdYf_.js} +3 -3
- package/dist-storybook/assets/{navigation-bar-vI-FPasP.js → navigation-bar-DK3TxcTu.js} +2 -2
- package/dist-storybook/assets/{navigation-bar.stories-DYuFaJFD.js → navigation-bar.stories-CB3Kg-sH.js} +3 -3
- package/dist-storybook/assets/number-field-Bz7su9S1.js +1 -0
- package/dist-storybook/assets/{number-field.stories--fn26TJu.js → number-field.stories-DSxPSzLv.js} +3 -3
- package/dist-storybook/assets/omit-BWHsnDSR.js +1 -0
- package/dist-storybook/assets/option-item-CpeNcb5w.js +1 -0
- package/dist-storybook/assets/{option-item.stories-snjAvgay.js → option-item.stories-BvXoc8WX.js} +3 -3
- package/dist-storybook/assets/pagination-Cp-DHO4Q.js +1 -0
- package/dist-storybook/assets/{pagination.stories-BoEs0jzS.js → pagination.stories-_5qj2nTS.js} +4 -4
- package/dist-storybook/assets/proxy-B4G9nIBd.js +1 -0
- package/dist-storybook/assets/radio-D0aV0RIg.js +1 -0
- package/dist-storybook/assets/{radio.stories-DuN-Awi_.js → radio.stories-BNR-wwuw.js} +3 -3
- package/dist-storybook/assets/rating-D2e8RTGl.js +1 -0
- package/dist-storybook/assets/{rating.stories-BCcQjMEx.js → rating.stories-CI0LG0Qq.js} +3 -3
- package/dist-storybook/assets/{react-18-CNyWQ7je.js → react-18-C7pDmBBf.js} +1 -1
- package/dist-storybook/assets/{react-hufnxGVs.js → react-I9jCW2VV.js} +1 -1
- package/dist-storybook/assets/search-field-DINESW8Y.js +1 -0
- package/dist-storybook/assets/{search-field.stories-DiCZbhng.js → search-field.stories-CKXC6-Za.js} +3 -3
- package/dist-storybook/assets/section-content-D49PabBW.js +1 -0
- package/dist-storybook/assets/{section.stories-C2I_kKhu.js → section.stories-9vd48AgB.js} +3 -3
- package/dist-storybook/assets/sheet-footer-nEdxsYan.js +1 -0
- package/dist-storybook/assets/{sheet.stories-wk1JaKU5.js → sheet.stories-C3gLIQsn.js} +3 -3
- package/dist-storybook/assets/skeleton-B12XbNAJ.js +1 -0
- package/dist-storybook/assets/{skeleton.stories-BCmX-VNr.js → skeleton.stories-C0y1o1Y_.js} +3 -3
- package/dist-storybook/assets/{store-D2RudmNr.js → store-Ce3Ikv5g.js} +5 -5
- package/dist-storybook/assets/switch-D0Z9tWin.js +1 -0
- package/dist-storybook/assets/{switch.stories-BqPLNKB9.js → switch.stories-BdWFln-M.js} +3 -3
- package/dist-storybook/assets/{tab-bar-CSeCmtIZ.js → tab-bar-kExoGg5P.js} +1 -1
- package/dist-storybook/assets/{tab-bar.stories-Cb6v8H2w.js → tab-bar.stories-BgDXX0of.js} +3 -3
- package/dist-storybook/assets/text-area-GKy5HL12.js +1 -0
- package/dist-storybook/assets/{text-area.stories-By8bCfgc.js → text-area.stories-DCt3RB3A.js} +3 -3
- package/dist-storybook/assets/text-field-CGWNqitB.js +1 -0
- package/dist-storybook/assets/{text-field.stories-CrWBAhvI.js → text-field.stories-Bqv7f948.js} +3 -3
- package/dist-storybook/assets/toast-provider-DKSrfhJD.js +9 -0
- package/dist-storybook/assets/{toast.stories-iWAToAZA.js → toast.stories-CcFzS6QI.js} +1 -1
- package/dist-storybook/assets/tooltip-B9rDI6z9.js +1 -0
- package/dist-storybook/assets/{tooltip.stories-RC6SuPPD.js → tooltip.stories-DDdsuU3U.js} +3 -3
- package/dist-storybook/assets/typography-CB8hPDyK.js +1 -0
- package/dist-storybook/assets/{typography.stories-Bu8qFugR.js → typography.stories-BzCxaZQU.js} +3 -3
- package/dist-storybook/assets/{uploader.stories-B2wW9qVy.js → uploader.stories-izVumFqZ.js} +3 -3
- package/dist-storybook/assets/use-app-pause-ClsUnndr.js +21 -0
- package/dist-storybook/assets/use-app-resume-D_EcIvMd.js +21 -0
- package/dist-storybook/assets/use-bottom-tab-bar-BC1cz2uE.js +49 -0
- package/dist-storybook/assets/use-custom-icon-event-cUk4Md0Y.js +26 -0
- package/dist-storybook/assets/use-did-hide-BmABiaUE.js +30 -0
- package/dist-storybook/assets/use-did-show-CQuySkkT.js +30 -0
- package/dist-storybook/assets/use-histories-CBm09Lno.js +30 -0
- package/dist-storybook/assets/use-history-7yguNz6O.js +33 -0
- package/dist-storybook/assets/use-language-DPyWMce2.js +46 -0
- package/dist-storybook/assets/use-load-more-KlDJZhj2.js +42 -0
- package/dist-storybook/assets/use-location-C7kE1yla.js +39 -0
- package/dist-storybook/assets/use-navigate-BpIyvtwc.js +36 -0
- package/dist-storybook/assets/use-navigation-bar-guzwhM_u.js +42 -0
- package/dist-storybook/assets/use-navigation-type-DOndDqQH.js +27 -0
- package/dist-storybook/assets/use-page-layout-dO6ylI1b.js +37 -0
- package/dist-storybook/assets/use-page-scroll-CCG2d2Gb.js +42 -0
- package/dist-storybook/assets/use-pull-to-refresh-lhumDu1H.js +38 -0
- package/dist-storybook/assets/use-settings-changed-Bt58DJ-c.js +30 -0
- package/dist-storybook/assets/use-translate-Jhz6jTXo.js +59 -0
- package/dist-storybook/assets/{visibility-sensor-CwrzJO06.js → visibility-sensor-Jf-Nmil6.js} +1 -1
- package/dist-storybook/iframe.html +2 -2
- package/dist-storybook/index.json +1 -1
- package/dist-storybook/project.json +1 -1
- package/dist-storybook/sb-addons/a11y-2/manager-bundle.js +2 -2
- package/dist-storybook/sb-addons/docs-1/manager-bundle.js +2 -2
- package/dist-storybook/sb-addons/storybook-build-3/manager-bundle.js +1 -1
- package/dist-storybook/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +4 -4
- package/dist-storybook/stories-data.json +152 -122
- package/package.json +3 -1
- package/dist/components/app/components/app.d.ts +0 -13
- package/dist/components/app/components/link.d.ts +0 -8
- package/dist/components/app/components/navigation-analytic.d.ts +0 -2
- package/dist/components/app/components/pages-render.d.ts +0 -2
- package/dist/components/app/context/location-key.d.ts +0 -4
- package/dist/components/app/hooks/use-app-pause.d.ts +0 -1
- package/dist/components/app/hooks/use-app-resume.d.ts +0 -1
- package/dist/components/app/hooks/use-app-state.d.ts +0 -7
- package/dist/components/app/hooks/use-bottom-tab-bar.d.ts +0 -13
- package/dist/components/app/hooks/use-did-hide.d.ts +0 -1
- package/dist/components/app/hooks/use-did-show.d.ts +0 -1
- package/dist/components/app/hooks/use-history.d.ts +0 -2
- package/dist/components/app/hooks/use-location.d.ts +0 -1
- package/dist/components/app/hooks/use-navigate.d.ts +0 -1
- package/dist/components/app/hooks/use-navigation-bar.d.ts +0 -12
- package/dist/components/app/hooks/use-navigation-type.d.ts +0 -1
- package/dist/components/app/hooks/use-page-config.d.ts +0 -1
- package/dist/components/app/hooks/use-page-layout.d.ts +0 -14
- package/dist/components/app/hooks/use-page-scroll.d.ts +0 -5
- package/dist/components/app/hooks/use-page-state.d.ts +0 -6
- package/dist/components/app/stores/app.d.ts +0 -24
- package/dist/components/app/stores/app.selector.d.ts +0 -11
- package/dist/components/app/types/app.d.ts +0 -55
- package/dist/components/app/types/navigation.d.ts +0 -30
- package/dist/components/app/utils/animation.d.ts +0 -2
- package/dist/components/app/utils/data-theme.d.ts +0 -5
- package/dist/components/app/utils/history.d.ts +0 -7
- package/dist/hooks/use-analytic.d.ts +0 -1
- package/dist/hooks/use-is-using-app.d.ts +0 -1
- package/dist/hooks/use-is-using-locales.d.ts +0 -1
- package/dist/locales/defaultResources/en.d.ts +0 -27
- package/dist/locales/defaultResources/vi.d.ts +0 -27
- package/dist/locales/fns.d.ts +0 -6
- package/dist/locales/hooks.d.ts +0 -9
- package/dist/locales/index.d.ts +0 -4
- package/dist/locales/provider.d.ts +0 -6
- package/dist/locales/store.d.ts +0 -13
- package/dist/locales/types.d.ts +0 -37
- package/dist/locales/utils.d.ts +0 -2
- package/dist-storybook/assets/ANIMATION-CUdn1GTK.js +0 -99
- package/dist-storybook/assets/APP_FRAMEWORK-ljbIOHYd.js +0 -197
- package/dist-storybook/assets/BOTTOM_TAB_BAR-DxCwCfBK.js +0 -175
- package/dist-storybook/assets/CUSTOM_ERROR_BOUNDARY-B4wTQNZc.js +0 -250
- package/dist-storybook/assets/DARK_MODE-CoHseCDO.js +0 -57
- package/dist-storybook/assets/GETTING_STARTED-H_vVi5cv.js +0 -77
- package/dist-storybook/assets/KEEP_ALIVE-CL2au0al.js +0 -126
- package/dist-storybook/assets/LOCALE-XTCey55y.js +0 -465
- package/dist-storybook/assets/MOBILE_BEHAVIOURS-DZ6alKTX.js +0 -177
- package/dist-storybook/assets/PAGE_LAYOUT-BuOpN-1Y.js +0 -192
- package/dist-storybook/assets/ROUTING_NAVIGATION-BCPHXNto.js +0 -335
- package/dist-storybook/assets/_setToString-CbM921C9.js +0 -1
- package/dist-storybook/assets/alert-DLW8CoyB.js +0 -1
- package/dist-storybook/assets/avatar-GxcYPA1p.js +0 -1
- package/dist-storybook/assets/badge-D_LzMVtw.js +0 -1
- package/dist-storybook/assets/button-CL7GeC23.js +0 -1
- package/dist-storybook/assets/calendar-dOCsjhVU.js +0 -1
- package/dist-storybook/assets/carousel-1Kww3hIz.js +0 -37
- package/dist-storybook/assets/checkbox-MGytNNRt.js +0 -1
- package/dist-storybook/assets/classname-CUR_zgkh.js +0 -1
- package/dist-storybook/assets/date-field.stories-Diptwqfv.js +0 -129
- package/dist-storybook/assets/date-picker-Dnq_-0Md.js +0 -1
- package/dist-storybook/assets/icon-DdQsMyRa.js +0 -1
- package/dist-storybook/assets/iframe-yMKl6hJA.css +0 -1
- package/dist-storybook/assets/image-C3EsNRhz.js +0 -9
- package/dist-storybook/assets/input-wrapper-BKHgnPy6.js +0 -1
- package/dist-storybook/assets/number-field-CXKmnfKe.js +0 -1
- package/dist-storybook/assets/omit-Bsx5nTI0.js +0 -1
- package/dist-storybook/assets/option-item-LRh_OyV4.js +0 -1
- package/dist-storybook/assets/pagination-DZHoBs_4.js +0 -1
- package/dist-storybook/assets/pick-BhmhLmLe.js +0 -1
- package/dist-storybook/assets/radio-B5NJxG_l.js +0 -1
- package/dist-storybook/assets/rating-BdXViYBv.js +0 -1
- package/dist-storybook/assets/search-field-CQqgFbfg.js +0 -1
- package/dist-storybook/assets/section-content-DGNB4eLN.js +0 -1
- package/dist-storybook/assets/skeleton-C91JgehG.js +0 -1
- package/dist-storybook/assets/store-CPumdfcU.js +0 -1
- package/dist-storybook/assets/switch-p-aXI-ev.js +0 -1
- package/dist-storybook/assets/text-area-DwSXyqOe.js +0 -1
- package/dist-storybook/assets/text-field-jK6rpOo2.js +0 -1
- package/dist-storybook/assets/toast-provider-DurnMJhd.js +0 -9
- package/dist-storybook/assets/tooltip-QDdel5My.js +0 -1
- package/dist-storybook/assets/typography-DEpAJl_i.js +0 -1
- package/dist-storybook/assets/use-app-pause-B_tWHKJK.js +0 -29
- package/dist-storybook/assets/use-app-resume--900G-dV.js +0 -29
- package/dist-storybook/assets/use-custom-icon-event-3VExRzvC.js +0 -29
- package/dist-storybook/assets/use-did-hide-BUsL73ab.js +0 -48
- package/dist-storybook/assets/use-did-show-C1-VLDxi.js +0 -49
- package/dist-storybook/assets/use-histories-E4E2jJEY.js +0 -50
- package/dist-storybook/assets/use-history-o1im8IDj.js +0 -67
- package/dist-storybook/assets/use-location-CUEaBO4P.js +0 -56
- package/dist-storybook/assets/use-navigate-C4CTuFSZ.js +0 -84
- package/dist-storybook/assets/use-navigation-type-Dcz4hgKo.js +0 -44
- package/dist-storybook/assets/use-page-config-DSJBVQbq.js +0 -48
- package/dist-storybook/assets/use-page-scroll-dY-U1Vv4.js +0 -69
- package/dist-storybook/assets/use-page-state-CtNpwGPN.js +0 -79
- package/dist-storybook/assets/use-settings-changed-BBJwIHTE.js +0 -29
- /package/dist/components/app/{components/bottom-tab-bar.d.ts → bottom-tab-bar-layout/index.d.ts} +0 -0
- /package/dist/components/app/{components/navigation-bar.d.ts → navigation-bar-layout/index.d.ts} +0 -0
- /package/dist/components/app/{components/page-layout.d.ts → page-layout/index.d.ts} +0 -0
- /package/dist/{components/app/hooks → hooks}/use-custom-icon-event.d.ts +0 -0
- /package/dist/{components/app/hooks → hooks}/use-settings-changed.d.ts +0 -0
package/dist-storybook/assets/{number-field.stories--fn26TJu.js → number-field.stories-DSxPSzLv.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n,r as y}from"./iframe-
|
|
1
|
+
import{j as n,r as y}from"./iframe-DfPay7Zl.js";import{T as N,S as v,M as x,P as D,a as j}from"./blocks-DKR3P4qW.js";import{t as e}from"./store-Ce3Ikv5g.js";import{N as s}from"./number-field-Bz7su9S1.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./typography-CB8hPDyK.js";import"./colors-_6nFGM3e.js";import"./skeleton-B12XbNAJ.js";const C=()=>{const t=`
|
|
2
2
|
## ${e("common.table.title")}
|
|
3
3
|
|
|
4
4
|
| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
|
|
@@ -15,7 +15,7 @@ import{j as n,r as y}from"./iframe-CQAwSt4E.js";import{T as N,S as v,M as x,P as
|
|
|
15
15
|
| \`loading\` | \`boolean\` | ${e("common.table.no")} | ${e("components.numberField.loadingDescription")} |
|
|
16
16
|
| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.numberField.classNameDescription")} |
|
|
17
17
|
| \`...props\` | \`ComponentProps<'div'>\` | ${e("common.table.no")} | ${e("components.numberField.propsDescription")} |
|
|
18
|
-
`;return n.jsxs(n.Fragment,{children:[n.jsx(N,{}),n.jsx(v,{}),n.jsx(x,{children:e("components.numberField.description")}),n.jsx(D,{}),n.jsx(x,{children:t}),n.jsx(j,{})]})},
|
|
18
|
+
`;return n.jsxs(n.Fragment,{children:[n.jsx(N,{}),n.jsx(v,{}),n.jsx(x,{children:e("components.numberField.description")}),n.jsx(D,{}),n.jsx(x,{children:t}),n.jsx(j,{})]})},B={title:"Components/NumberField",component:s,parameters:{layout:"padded",docs:{page:C}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.numberField.argTypes.valueDescription"),table:{type:{summary:"string"}}},defaultValue:{control:"text",description:e("components.numberField.argTypes.defaultValueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.numberField.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},length:{control:{type:"number",min:1,max:10,step:1},description:e("components.numberField.argTypes.lengthDescription"),table:{type:{summary:"number"},defaultValue:{summary:"6"}}},masked:{control:"boolean",description:e("components.numberField.argTypes.maskedDescription"),table:{type:{summary:"boolean"}}},label:{control:"text",description:e("components.numberField.argTypes.labelDescription"),table:{type:{summary:"string"}}},errorMessage:{control:"text",description:e("components.numberField.argTypes.errorMessageDescription"),table:{type:{summary:"string"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.numberField.argTypes.shapeDescription"),table:{type:{summary:"INumberFieldShape"},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.numberField.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.numberField.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{control:"text",description:e("components.numberField.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},o={storyName:e("components.numberField.stories.default.storyName"),args:{length:6}},r={storyName:e("components.numberField.stories.differentLengths.storyName"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.numberField.stories.differentLengths.fourDigit")}),n.jsx(s,{length:4})]}),n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.numberField.stories.differentLengths.sixDigit")}),n.jsx(s,{length:6})]}),n.jsxs("div",{children:[n.jsx("h3",{style:{marginBottom:"12px"},children:e("components.numberField.stories.differentLengths.eightDigit")}),n.jsx(s,{length:8})]})]})},i={storyName:e("components.numberField.stories.withLabel.storyName"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsx(s,{label:e("components.numberField.stories.withLabel.enterPin"),length:4}),n.jsx(s,{label:e("components.numberField.stories.withLabel.otpCode"),length:6}),n.jsx(s,{label:e("components.numberField.stories.withLabel.verificationCode"),length:8})]})},l={storyName:e("components.numberField.stories.maskedInput.storyName"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsx(s,{label:e("components.numberField.stories.maskedInput.enterPin"),length:6,masked:!0}),n.jsx(s,{label:e("components.numberField.stories.maskedInput.passwordCode"),length:4,masked:!0})]})},a={storyName:e("components.numberField.stories.controlled.storyName"),render:()=>{const[t,b]=y.useState("");return n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsx(s,{value:t,onChange:b,length:6,label:e("components.numberField.stories.controlled.enterCode")}),n.jsxs("p",{style:{fontSize:"14px",color:"#666"},children:[e("components.numberField.stories.controlled.currentValue"),":"," ",t||e("components.numberField.stories.controlled.empty")]})]})}},m={storyName:e("components.numberField.stories.withErrorMessage.storyName"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsx(s,{label:e("components.numberField.stories.withLabel.verificationCode"),length:6,errorMessage:e("components.numberField.stories.withErrorMessage.invalidCode")}),n.jsx(s,{label:e("components.numberField.stories.withLabel.otpCode"),length:4,errorMessage:e("components.numberField.stories.withErrorMessage.codeExpired")})]})},d={storyName:e("components.numberField.stories.shapes.storyName"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsx(s,{label:e("components.numberField.stories.shapes.rounded"),length:6,shape:"rounded"}),n.jsx(s,{label:e("components.numberField.stories.shapes.pill"),length:6,shape:"pill"})]})},p={storyName:e("components.numberField.stories.states.storyName"),render:()=>n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[n.jsx(s,{label:e("components.numberField.stories.states.default"),length:6}),n.jsx(s,{label:e("components.numberField.stories.states.disabled"),length:6,disabled:!0}),n.jsx(s,{label:e("components.numberField.stories.states.loading"),length:6,loading:!0})]})},c={storyName:e("components.numberField.stories.completeExample.storyName"),render:()=>{const[t,b]=y.useState(""),[F,g]=y.useState(""),f=h=>{b(h),h.length===6?g(h==="123456"?"":"Invalid code. Please try again."):g("")};return n.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[n.jsx(s,{label:e("components.numberField.stories.withLabel.otpCode"),length:6,masked:!0,value:t,onChange:f,errorMessage:F}),n.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.numberField.stories.completeExample.instructions")})]})}},u={storyName:e("components.numberField.stories.interactive.storyName"),args:{length:6,masked:!1,disabled:!1,loading:!1,shape:"rounded"}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
|
|
19
19
|
storyName: t('components.numberField.stories.default.storyName'),
|
|
20
20
|
args: {
|
|
21
21
|
length: 6
|
|
@@ -164,4 +164,4 @@ import{j as n,r as y}from"./iframe-CQAwSt4E.js";import{T as N,S as v,M as x,P as
|
|
|
164
164
|
loading: false,
|
|
165
165
|
shape: 'rounded'
|
|
166
166
|
}
|
|
167
|
-
}`,...u.parameters?.docs?.source}}};const
|
|
167
|
+
}`,...u.parameters?.docs?.source}}};const z=["Default","DifferentLengths","WithLabel","MaskedInput","Controlled","WithErrorMessage","Shapes","States","CompleteExample","Interactive"];export{c as CompleteExample,a as Controlled,o as Default,r as DifferentLengths,u as Interactive,l as MaskedInput,d as Shapes,p as States,m as WithErrorMessage,i as WithLabel,z as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as lr}from"./iframe-DfPay7Zl.js";import{f as G,d as m,g as cr,h as sr,c as _r,i as vr,j as hr,k as mr,l as gr,m as qr,n as yr,o as pr}from"./_baseClone-DQVxEhny.js";var y,D;function br(){if(D)return y;D=1;var a=m(),t=G(),e=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,n=/^\w*$/;function i(r,s){if(a(r))return!1;var u=typeof r;return u=="number"||u=="symbol"||u=="boolean"||r==null||t(r)?!0:n.test(r)||!e.test(r)||s!=null&&r in Object(s)}return y=i,y}var p,$;function dr(){if($)return p;$=1;var a=cr(),t="Expected a function";function e(n,i){if(typeof n!="function"||i!=null&&typeof i!="function")throw new TypeError(t);var r=function(){var s=arguments,u=i?i.apply(this,s):s[0],o=r.cache;if(o.has(u))return o.get(u);var f=n.apply(this,s);return r.cache=o.set(u,f)||o,f};return r.cache=new(e.Cache||a),r}return e.Cache=a,p=e,p}var b,X;function Rr(){if(X)return b;X=1;var a=dr(),t=500;function e(n){var i=a(n,function(s){return r.size===t&&r.clear(),s}),r=i.cache;return i}return b=e,b}var d,Z;function Sr(){if(Z)return d;Z=1;var a=Rr(),t=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,e=/\\(\\)?/g,n=a(function(i){var r=[];return i.charCodeAt(0)===46&&r.push(""),i.replace(t,function(s,u,o,f){r.push(o?f.replace(e,"$1"):u||s)}),r});return d=n,d}var R,B;function or(){if(B)return R;B=1;function a(t,e){for(var n=-1,i=t==null?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r}return R=a,R}var S,Y;function Pr(){if(Y)return S;Y=1;var a=sr(),t=or(),e=m(),n=G(),i=a?a.prototype:void 0,r=i?i.toString:void 0;function s(u){if(typeof u=="string")return u;if(e(u))return t(u,s)+"";if(n(u))return r?r.call(u):"";var o=u+"";return o=="0"&&1/u==-1/0?"-0":o}return S=s,S}var P,k;function Cr(){if(k)return P;k=1;var a=Pr();function t(e){return e==null?"":a(e)}return P=t,P}var C,H;function U(){if(H)return C;H=1;var a=m(),t=br(),e=Sr(),n=Cr();function i(r,s){return a(r)?r:t(r,s)?[r]:e(n(r))}return C=i,C}var O,J;function fr(){if(J)return O;J=1;var a=G();function t(e){if(typeof e=="string"||a(e))return e;var n=e+"";return n=="0"&&1/e==-1/0?"-0":n}return O=t,O}var T,Q;function Or(){if(Q)return T;Q=1;var a=U(),t=fr();function e(n,i){i=a(i,n);for(var r=0,s=i.length;n!=null&&r<s;)n=n[t(i[r++])];return r&&r==s?n:void 0}return T=e,T}var F,V;function Tr(){if(V)return F;V=1;var a=sr(),t=_r(),e=m(),n=a?a.isConcatSpreadable:void 0;function i(r){return e(r)||t(r)||!!(n&&r&&r[n])}return F=i,F}var A,W;function Fr(){if(W)return A;W=1;var a=vr(),t=Tr();function e(n,i,r,s,u){var o=-1,f=n.length;for(r||(r=t),u||(u=[]);++o<f;){var l=n[o];i>0&&r(l)?i>1?e(l,i-1,r,s,u):a(u,l):s||(u[u.length]=l)}return u}return A=e,A}var E,j;function Ar(){if(j)return E;j=1;var a=Fr();function t(e){var n=e==null?0:e.length;return n?a(e,1):[]}return E=t,E}var M,rr;function Er(){if(rr)return M;rr=1;var a=Ar(),t=mr(),e=hr();function n(i){return e(t(i,void 0,a),i+"")}return M=n,M}var K,er;function Mr(){if(er)return K;er=1;function a(t){var e=t==null?0:t.length;return e?t[e-1]:void 0}return K=a,K}var w,nr;function Kr(){if(nr)return w;nr=1;function a(t,e,n){var i=-1,r=t.length;e<0&&(e=-e>r?0:r+e),n=n>r?r:n,n<0&&(n+=r),r=e>n?0:n-e>>>0,e>>>=0;for(var s=Array(r);++i<r;)s[i]=t[i+e];return s}return w=a,w}var z,tr;function wr(){if(tr)return z;tr=1;var a=Or(),t=Kr();function e(n,i){return i.length<2?n:a(n,t(i,0,-1))}return z=e,z}var I,ir;function zr(){if(ir)return I;ir=1;var a=U(),t=Mr(),e=wr(),n=fr(),i=Object.prototype,r=i.hasOwnProperty;function s(u,o){o=a(o,u);var f=-1,l=o.length;if(!l)return!0;for(var g=u==null||typeof u!="object"&&typeof u!="function";++f<l;){var c=o[f];if(typeof c=="string"){if(c==="__proto__"&&!r.call(u,"__proto__"))return!1;if(c==="constructor"&&f+1<l&&typeof o[f+1]=="string"&&o[f+1]==="prototype"){if(g&&f===0)continue;return!1}}}var _=e(u,o);return _==null||delete _[n(t(o))]}return I=s,I}var L,ar;function Ir(){if(ar)return L;ar=1;var a=gr();function t(e){return a(e)?void 0:e}return L=t,L}var x,ur;function Lr(){if(ur)return x;ur=1;var a=or(),t=qr(),e=zr(),n=U(),i=yr(),r=Ir(),s=Er(),u=pr(),o=1,f=2,l=4,g=s(function(c,_){var v={};if(c==null)return v;var q=!1;_=a(_,function(h){return h=n(h,c),q||(q=h.length>1),h}),i(c,u(c),v),q&&(v=t(v,o|f|l,r));for(var N=_.length;N--;)e(v,_[N]);return v});return x=g,x}var xr=Lr();const Nr=lr(xr);export{fr as a,Or as b,Er as c,Nr as o,U as r};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as s}from"./iframe-DfPay7Zl.js";import{c as _,g as p}from"./store-Ce3Ikv5g.js";import{I as f}from"./icon-CdiFzFyf.js";import{T as u}from"./typography-CB8hPDyK.js";import{u as N}from"./index-EGt7xBnA.js";const e=p("option-item"),h=t=>{const{theme:o="brand",selected:x,defaultSelected:g,onChange:j,divider:l=!0,children:c,className:r,...i}=t,m=o||"brand",[a,n]=N(t,{valuePropName:"selected",defaultValuePropName:"defaultSelected",trigger:"onChange"});return s.jsxs("div",{...i,className:_(e,{[`${e}--${m}`]:!0,[`${e}--selected`]:a},r),onClick:d=>{t.onClick?.(d),n(!a)},children:[s.jsx("div",{className:`${e}__overlay`}),s.jsx(u,{size:"base",className:`${e}__content`,children:c}),!!a&&s.jsx(f,{name:"circle-check",size:16,type:"fill",className:`${e}__icon`}),l&&s.jsx("div",{className:`${e}__divider`})]})};h.__docgenInfo={description:"",methods:[],displayName:"OptionItem"};export{h as O};
|
package/dist-storybook/assets/{option-item.stories-snjAvgay.js → option-item.stories-BvXoc8WX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./iframe-
|
|
1
|
+
import{j as t}from"./iframe-DfPay7Zl.js";import{T as l,S as d,M as a,P as u,a as I}from"./blocks-DKR3P4qW.js";import{t as e}from"./store-Ce3Ikv5g.js";import{O as o}from"./option-item-CpeNcb5w.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";const y=()=>{const c=`
|
|
2
2
|
## ${e("common.table.title")}
|
|
3
3
|
|
|
4
4
|
| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
|
|
@@ -8,7 +8,7 @@ import{j as t}from"./iframe-CQAwSt4E.js";import{T as l,S as d,M as a,P as u,a as
|
|
|
8
8
|
| \`divider\` | \`boolean\` | ${e("common.table.no")} | ${e("components.optionItem.dividerDescription")} |
|
|
9
9
|
| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.optionItem.classNameDescription")} |
|
|
10
10
|
| \`...props\` | \`ComponentProps<'div'>\` | ${e("common.table.no")} | ${e("components.optionItem.propsDescription")} |
|
|
11
|
-
`;return t.jsxs(t.Fragment,{children:[t.jsx(l,{}),t.jsx(d,{}),t.jsx(a,{children:e("components.optionItem.description")}),t.jsx(u,{}),t.jsx(a,{children:c}),t.jsx(I,{})]})},
|
|
11
|
+
`;return t.jsxs(t.Fragment,{children:[t.jsx(l,{}),t.jsx(d,{}),t.jsx(a,{children:e("components.optionItem.description")}),t.jsx(u,{}),t.jsx(a,{children:c}),t.jsx(I,{})]})},S={title:"Components/OptionItem",component:o,parameters:{layout:"padded",docs:{page:y}},tags:["autodocs"],argTypes:{theme:{control:"select",options:["default","brand","neutral"],description:e("components.optionItem.argTypes.themeDescription"),table:{type:{summary:'"default" | "brand" | "neutral"'},defaultValue:{summary:"default"}}},selected:{control:"boolean",description:e("components.optionItem.argTypes.selectedDescription"),table:{type:{summary:"boolean"}}},divider:{control:"boolean",description:e("components.optionItem.argTypes.dividerDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"true"}}},className:{control:"text",description:e("components.optionItem.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},n={storyName:e("components.optionItem.stories.default.storyName"),args:{children:e("components.optionItem.stories.default.text")}},s={storyName:e("components.optionItem.stories.selected.storyName"),args:{children:e("components.optionItem.stories.selected.text"),selected:!0}},r={storyName:e("components.optionItem.stories.themes.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t.jsx(o,{theme:"brand",children:e("components.optionItem.stories.themes.brand")}),t.jsx(o,{theme:"neutral",children:e("components.optionItem.stories.themes.neutral")})]})},i={storyName:e("components.optionItem.stories.withoutDivider.storyName"),args:{children:e("components.optionItem.stories.withoutDivider.text"),divider:!1}},m={storyName:e("components.optionItem.stories.multipleOptions.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[t.jsx(o,{children:e("components.optionItem.stories.multipleOptions.option1")}),t.jsx(o,{defaultSelected:!0,children:e("components.optionItem.stories.multipleOptions.option2")}),t.jsx(o,{children:e("components.optionItem.stories.multipleOptions.option3")}),t.jsx(o,{children:e("components.optionItem.stories.multipleOptions.option4")})]})},p={storyName:e("components.optionItem.stories.interactive.storyName"),args:{children:e("components.optionItem.stories.interactive.text")}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
|
|
12
12
|
storyName: t('components.optionItem.stories.default.storyName'),
|
|
13
13
|
args: {
|
|
14
14
|
children: t('components.optionItem.stories.default.text')
|
|
@@ -63,4 +63,4 @@ import{j as t}from"./iframe-CQAwSt4E.js";import{T as l,S as d,M as a,P as u,a as
|
|
|
63
63
|
args: {
|
|
64
64
|
children: t('components.optionItem.stories.interactive.text')
|
|
65
65
|
}
|
|
66
|
-
}`,...p.parameters?.docs?.source}}};const
|
|
66
|
+
}`,...p.parameters?.docs?.source}}};const T=["Default","Selected","Themes","WithoutDivider","MultipleOptions","Interactive"];export{n as Default,p as Interactive,m as MultipleOptions,s as Selected,r as Themes,i as WithoutDivider,T as __namedExportsOrder,S as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as i}from"./iframe-DfPay7Zl.js";import{c as e,g as r}from"./store-Ce3Ikv5g.js";const a=r("pagination"),c=({total:t,activeIndex:m,className:o,...n})=>i.jsx("div",{className:e(a,o),...n,children:new Array(t).fill(0).map((l,s)=>i.jsx("div",{className:e(`${a}__item`,{[`${a}__item--active`]:s===m})},s))});c.__docgenInfo={description:"",methods:[],displayName:"Pagination"};export{c as P};
|
package/dist-storybook/assets/{pagination.stories-BoEs0jzS.js → pagination.stories-_5qj2nTS.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e,r as d}from"./iframe-
|
|
1
|
+
import{j as e,r as d}from"./iframe-DfPay7Zl.js";import{T as x,S as g,M as p,P as v,a as y}from"./blocks-DKR3P4qW.js";import{t}from"./store-Ce3Ikv5g.js";import{P as o}from"./pagination-Cp-DHO4Q.js";import{B as l}from"./button-DJH3RlJl.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";const u=()=>{const n=`
|
|
2
2
|
## ${t("common.table.title")}
|
|
3
3
|
|
|
4
4
|
| ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |
|
|
@@ -7,7 +7,7 @@ import{j as e,r as d}from"./iframe-CQAwSt4E.js";import{T as x,S as g,M as p,P as
|
|
|
7
7
|
| \`activeIndex\` | \`number\` | ${t("common.table.yes")} | ${t("components.pagination.activeIndexDescription")} |
|
|
8
8
|
| \`className\` | \`string\` | ${t("common.table.no")} | ${t("components.pagination.classNameDescription")} |
|
|
9
9
|
| \`...props\` | \`ComponentProps<'div'>\` | ${t("common.table.no")} | ${t("components.pagination.propsDescription")} |
|
|
10
|
-
`;return e.jsxs(e.Fragment,{children:[e.jsx(x,{}),e.jsx(g,{}),e.jsx(p,{children:t("components.pagination.description")}),e.jsx(v,{}),e.jsx(p,{children:n}),e.jsx(y,{})]})},
|
|
10
|
+
`;return e.jsxs(e.Fragment,{children:[e.jsx(x,{}),e.jsx(g,{}),e.jsx(p,{children:t("components.pagination.description")}),e.jsx(v,{}),e.jsx(p,{children:n}),e.jsx(y,{})]})},B={title:"Components/Pagination",component:o,parameters:{layout:"padded",docs:{page:u}},tags:["autodocs"],argTypes:{total:{control:{type:"number",min:1,max:10,step:1},description:t("components.pagination.argTypes.totalDescription"),table:{type:{summary:"number"}}},activeIndex:{control:{type:"number",min:0,max:9,step:1},description:t("components.pagination.argTypes.activeIndexDescription"),table:{type:{summary:"number"}}},className:{control:"text",description:t("components.pagination.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={storyName:t("components.pagination.stories.default.storyName"),args:{total:5,activeIndex:2}},s={storyName:t("components.pagination.stories.differentTotals.storyName"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:t("components.pagination.stories.differentTotals.threeItems")}),e.jsx(o,{total:3,activeIndex:1})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:t("components.pagination.stories.differentTotals.fiveItems")}),e.jsx(o,{total:5,activeIndex:2})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:t("components.pagination.stories.differentTotals.eightItems")}),e.jsx(o,{total:8,activeIndex:3})]})]})},i={storyName:t("components.pagination.stories.interactive.storyName"),render:()=>{const[n,m]=d.useState(0);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsx("div",{children:e.jsx(o,{total:5,activeIndex:n})}),e.jsxs("div",{style:{display:"flex",gap:"8px"},children:[e.jsx(l,{theme:"neutral",onClick:()=>m(Math.max(0,n-1)),children:t("components.pagination.stories.interactive.previous")}),e.jsx(l,{theme:"neutral",onClick:()=>m(Math.min(4,n+1)),children:t("components.pagination.stories.interactive.next")})]}),e.jsxs("p",{children:[t("components.pagination.stories.interactive.activeIndex"),":"," ",n]})]})}},r={storyName:t("components.pagination.stories.firstPage.storyName"),name:t("components.pagination.stories.firstPage.name"),args:{total:5,activeIndex:0}},c={storyName:t("components.pagination.stories.lastPage.storyName"),name:t("components.pagination.stories.lastPage.name"),args:{total:5,activeIndex:4}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
|
|
11
11
|
storyName: t('components.pagination.stories.default.storyName'),
|
|
12
12
|
args: {
|
|
13
13
|
total: 5,
|
|
@@ -81,11 +81,11 @@ import{j as e,r as d}from"./iframe-CQAwSt4E.js";import{T as x,S as g,M as p,P as
|
|
|
81
81
|
total: 5,
|
|
82
82
|
activeIndex: 0
|
|
83
83
|
}
|
|
84
|
-
}`,...r.parameters?.docs?.source}}};
|
|
84
|
+
}`,...r.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
|
|
85
85
|
storyName: t('components.pagination.stories.lastPage.storyName'),
|
|
86
86
|
name: t('components.pagination.stories.lastPage.name'),
|
|
87
87
|
args: {
|
|
88
88
|
total: 5,
|
|
89
89
|
activeIndex: 4
|
|
90
90
|
}
|
|
91
|
-
}`,...
|
|
91
|
+
}`,...c.parameters?.docs?.source}}};const S=["Default","DifferentTotals","Interactive","FirstPage","LastPage"];export{a as Default,s as DifferentTotals,r as FirstPage,i as Interactive,c as LastPage,S as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as S,j as he}from"./iframe-DfPay7Zl.js";const Cs=S.createContext({});function ar(t){const e=S.useRef(null);return e.current===null&&(e.current=t()),e.current}const Fe=typeof window<"u",lr=Fe?S.useLayoutEffect:S.useEffect,Be=S.createContext(null);function Ie(t,e){t.indexOf(e)===-1&&t.push(e)}function je(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const z=(t,e,n)=>n>e?e:n<t?t:n;let Oe=()=>{};const X={},Ms=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);function Ds(t){return typeof t=="object"&&t!==null}const Es=t=>/^0[^.\s]+$/u.test(t);function Ne(t){let e;return()=>(e===void 0&&(e=t()),e)}const W=t=>t,ur=(t,e)=>n=>e(t(n)),Et=(...t)=>t.reduce(ur),wt=(t,e,n)=>{const s=e-t;return s===0?1:(n-t)/s};class Ue{constructor(){this.subscriptions=[]}add(e){return Ie(this.subscriptions,e),()=>je(this.subscriptions,e)}notify(e,n,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](e,n,s);else for(let o=0;o<i;o++){const r=this.subscriptions[o];r&&r(e,n,s)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const H=t=>t*1e3,K=t=>t/1e3;function Rs(t,e){return e?t*(1e3/e):0}const Ls=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t,cr=1e-7,hr=12;function fr(t,e,n,s,i){let o,r,a=0;do r=e+(n-e)/2,o=Ls(r,s,i)-t,o>0?n=r:e=r;while(Math.abs(o)>cr&&++a<hr);return r}function Rt(t,e,n,s){if(t===e&&n===s)return W;const i=o=>fr(o,0,1,t,n);return o=>o===0||o===1?o:Ls(i(o),e,s)}const ks=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Fs=t=>e=>1-t(1-e),Bs=Rt(.33,1.53,.69,.99),Ke=Fs(Bs),Is=ks(Ke),js=t=>(t*=2)<1?.5*Ke(t):.5*(2-Math.pow(2,-10*(t-1))),We=t=>1-Math.sin(Math.acos(t)),Os=Fs(We),Ns=ks(We),dr=Rt(.42,0,1,1),mr=Rt(0,0,.58,1),Us=Rt(.42,0,.58,1),pr=t=>Array.isArray(t)&&typeof t[0]!="number",Ks=t=>Array.isArray(t)&&typeof t[0]=="number",gr={linear:W,easeIn:dr,easeInOut:Us,easeOut:mr,circIn:We,circInOut:Ns,circOut:Os,backIn:Ke,backInOut:Is,backOut:Bs,anticipate:js},yr=t=>typeof t=="string",pn=t=>{if(Ks(t)){Oe(t.length===4);const[e,n,s,i]=t;return Rt(e,n,s,i)}else if(yr(t))return gr[t];return t},Ft=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function vr(t,e){let n=new Set,s=new Set,i=!1,o=!1;const r=new WeakSet;let a={delta:0,timestamp:0,isProcessing:!1};function l(u){r.has(u)&&(c.schedule(u),t()),u(a)}const c={schedule:(u,h=!1,f=!1)=>{const m=f&&i?n:s;return h&&r.add(u),m.has(u)||m.add(u),u},cancel:u=>{s.delete(u),r.delete(u)},process:u=>{if(a=u,i){o=!0;return}i=!0,[n,s]=[s,n],n.forEach(l),n.clear(),i=!1,o&&(o=!1,c.process(u))}};return c}const Tr=40;function Ws(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},o=()=>n=!0,r=Ft.reduce((g,A)=>(g[A]=vr(o),g),{}),{setup:a,read:l,resolveKeyframes:c,preUpdate:u,update:h,preRender:f,render:d,postRender:m}=r,v=()=>{const g=X.useManualTiming?i.timestamp:performance.now();n=!1,X.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(g-i.timestamp,Tr),1)),i.timestamp=g,i.isProcessing=!0,a.process(i),l.process(i),c.process(i),u.process(i),h.process(i),f.process(i),d.process(i),m.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(v))},y=()=>{n=!0,s=!0,i.isProcessing||t(v)};return{schedule:Ft.reduce((g,A)=>{const P=r[A];return g[A]=(w,E=!1,b=!1)=>(n||y(),P.schedule(w,E,b)),g},{}),cancel:g=>{for(let A=0;A<Ft.length;A++)r[Ft[A]].cancel(g)},state:i,steps:r}}const{schedule:V,cancel:q,state:k,steps:qt}=Ws(typeof requestAnimationFrame<"u"?requestAnimationFrame:W,!0);let jt;function xr(){jt=void 0}const j={now:()=>(jt===void 0&&j.set(k.isProcessing||X.useManualTiming?k.timestamp:performance.now()),jt),set:t=>{jt=t,queueMicrotask(xr)}},$s=t=>e=>typeof e=="string"&&e.startsWith(t),Gs=$s("--"),Pr=$s("var(--"),$e=t=>Pr(t)?Sr.test(t.split("/*")[0].trim()):!1,Sr=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,gt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Vt={...gt,transform:t=>z(0,1,t)},Bt={...gt,default:1},Pt=t=>Math.round(t*1e5)/1e5,Ge=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function br(t){return t==null}const Ar=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,He=(t,e)=>n=>!!(typeof n=="string"&&Ar.test(n)&&n.startsWith(t)||e&&!br(n)&&Object.prototype.hasOwnProperty.call(n,e)),Hs=(t,e,n)=>s=>{if(typeof s!="string")return s;const[i,o,r,a]=s.match(Ge);return{[t]:parseFloat(i),[e]:parseFloat(o),[n]:parseFloat(r),alpha:a!==void 0?parseFloat(a):1}},wr=t=>z(0,255,t),Zt={...gt,transform:t=>Math.round(wr(t))},nt={test:He("rgb","red"),parse:Hs("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+Zt.transform(t)+", "+Zt.transform(e)+", "+Zt.transform(n)+", "+Pt(Vt.transform(s))+")"};function Vr(t){let e="",n="",s="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,s+=s,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const fe={test:He("#"),parse:Vr,transform:nt.transform},Lt=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),Y=Lt("deg"),_=Lt("%"),x=Lt("px"),Cr=Lt("vh"),Mr=Lt("vw"),gn={..._,parse:t=>_.parse(t)/100,transform:t=>_.transform(t*100)},lt={test:He("hsl","hue"),parse:Hs("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+_.transform(Pt(e))+", "+_.transform(Pt(n))+", "+Pt(Vt.transform(s))+")"},D={test:t=>nt.test(t)||fe.test(t)||lt.test(t),parse:t=>nt.test(t)?nt.parse(t):lt.test(t)?lt.parse(t):fe.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?nt.transform(t):lt.transform(t),getAnimatableNone:t=>{const e=D.parse(t);return e.alpha=0,D.transform(e)}},Dr=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function Er(t){return isNaN(t)&&typeof t=="string"&&(t.match(Ge)?.length||0)+(t.match(Dr)?.length||0)>0}const _s="number",zs="color",Rr="var",Lr="var(",yn="${}",kr=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Ct(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let o=0;const a=e.replace(kr,l=>(D.test(l)?(s.color.push(o),i.push(zs),n.push(D.parse(l))):l.startsWith(Lr)?(s.var.push(o),i.push(Rr),n.push(l)):(s.number.push(o),i.push(_s),n.push(parseFloat(l))),++o,yn)).split(yn);return{values:n,split:a,indexes:s,types:i}}function Xs(t){return Ct(t).values}function Ys(t){const{split:e,types:n}=Ct(t),s=e.length;return i=>{let o="";for(let r=0;r<s;r++)if(o+=e[r],i[r]!==void 0){const a=n[r];a===_s?o+=Pt(i[r]):a===zs?o+=D.transform(i[r]):o+=i[r]}return o}}const Fr=t=>typeof t=="number"?0:D.test(t)?D.getAnimatableNone(t):t;function Br(t){const e=Xs(t);return Ys(t)(e.map(Fr))}const Z={test:Er,parse:Xs,createTransformer:Ys,getAnimatableNone:Br};function Jt(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+(e-t)*6*n:n<1/2?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function Ir({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,e/=100,n/=100;let i=0,o=0,r=0;if(!e)i=o=r=n;else{const a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;i=Jt(l,a,t+1/3),o=Jt(l,a,t),r=Jt(l,a,t-1/3)}return{red:Math.round(i*255),green:Math.round(o*255),blue:Math.round(r*255),alpha:s}}function Kt(t,e){return n=>n>0?e:t}const C=(t,e,n)=>t+(e-t)*n,Qt=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},jr=[fe,nt,lt],Or=t=>jr.find(e=>e.test(t));function vn(t){const e=Or(t);if(!e)return!1;let n=e.parse(t);return e===lt&&(n=Ir(n)),n}const Tn=(t,e)=>{const n=vn(t),s=vn(e);if(!n||!s)return Kt(t,e);const i={...n};return o=>(i.red=Qt(n.red,s.red,o),i.green=Qt(n.green,s.green,o),i.blue=Qt(n.blue,s.blue,o),i.alpha=C(n.alpha,s.alpha,o),nt.transform(i))},de=new Set(["none","hidden"]);function Nr(t,e){return de.has(t)?n=>n<=0?t:e:n=>n>=1?e:t}function Ur(t,e){return n=>C(t,e,n)}function _e(t){return typeof t=="number"?Ur:typeof t=="string"?$e(t)?Kt:D.test(t)?Tn:$r:Array.isArray(t)?qs:typeof t=="object"?D.test(t)?Tn:Kr:Kt}function qs(t,e){const n=[...t],s=n.length,i=t.map((o,r)=>_e(o)(o,e[r]));return o=>{for(let r=0;r<s;r++)n[r]=i[r](o);return n}}function Kr(t,e){const n={...t,...e},s={};for(const i in n)t[i]!==void 0&&e[i]!==void 0&&(s[i]=_e(t[i])(t[i],e[i]));return i=>{for(const o in s)n[o]=s[o](i);return n}}function Wr(t,e){const n=[],s={color:0,var:0,number:0};for(let i=0;i<e.values.length;i++){const o=e.types[i],r=t.indexes[o][s[o]],a=t.values[r]??0;n[i]=a,s[o]++}return n}const $r=(t,e)=>{const n=Z.createTransformer(e),s=Ct(t),i=Ct(e);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?de.has(t)&&!i.values.length||de.has(e)&&!s.values.length?Nr(t,e):Et(qs(Wr(s,i),i.values),n):Kt(t,e)};function Zs(t,e,n){return typeof t=="number"&&typeof e=="number"&&typeof n=="number"?C(t,e,n):_e(t)(t,e)}const Gr=t=>{const e=({timestamp:n})=>t(n);return{start:(n=!0)=>V.update(e,n),stop:()=>q(e),now:()=>k.isProcessing?k.timestamp:j.now()}},Js=(t,e,n=10)=>{let s="";const i=Math.max(Math.round(e/n),2);for(let o=0;o<i;o++)s+=Math.round(t(o/(i-1))*1e4)/1e4+", ";return`linear(${s.substring(0,s.length-2)})`},Wt=2e4;function ze(t){let e=0;const n=50;let s=t.next(e);for(;!s.done&&e<Wt;)e+=n,s=t.next(e);return e>=Wt?1/0:e}function Hr(t,e=100,n){const s=n({...t,keyframes:[0,e]}),i=Math.min(ze(s),Wt);return{type:"keyframes",ease:o=>s.next(i*o).value/e,duration:K(i)}}const _r=5;function Qs(t,e,n){const s=Math.max(e-_r,0);return Rs(n-t(s),e-s)}const M={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},te=.001;function zr({duration:t=M.duration,bounce:e=M.bounce,velocity:n=M.velocity,mass:s=M.mass}){let i,o,r=1-e;r=z(M.minDamping,M.maxDamping,r),t=z(M.minDuration,M.maxDuration,K(t)),r<1?(i=c=>{const u=c*r,h=u*t,f=u-n,d=me(c,r),m=Math.exp(-h);return te-f/d*m},o=c=>{const h=c*r*t,f=h*n+n,d=Math.pow(r,2)*Math.pow(c,2)*t,m=Math.exp(-h),v=me(Math.pow(c,2),r);return(-i(c)+te>0?-1:1)*((f-d)*m)/v}):(i=c=>{const u=Math.exp(-c*t),h=(c-n)*t+1;return-te+u*h},o=c=>{const u=Math.exp(-c*t),h=(n-c)*(t*t);return u*h});const a=5/t,l=Yr(i,o,a);if(t=H(t),isNaN(l))return{stiffness:M.stiffness,damping:M.damping,duration:t};{const c=Math.pow(l,2)*s;return{stiffness:c,damping:r*2*Math.sqrt(s*c),duration:t}}}const Xr=12;function Yr(t,e,n){let s=n;for(let i=1;i<Xr;i++)s=s-t(s)/e(s);return s}function me(t,e){return t*Math.sqrt(1-e*e)}const qr=["duration","bounce"],Zr=["stiffness","damping","mass"];function xn(t,e){return e.some(n=>t[n]!==void 0)}function Jr(t){let e={velocity:M.velocity,stiffness:M.stiffness,damping:M.damping,mass:M.mass,isResolvedFromDuration:!1,...t};if(!xn(t,Zr)&&xn(t,qr))if(t.visualDuration){const n=t.visualDuration,s=2*Math.PI/(n*1.2),i=s*s,o=2*z(.05,1,1-(t.bounce||0))*Math.sqrt(i);e={...e,mass:M.mass,stiffness:i,damping:o}}else{const n=zr(t);e={...e,...n,mass:M.mass},e.isResolvedFromDuration=!0}return e}function $t(t=M.visualDuration,e=M.bounce){const n=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:s,restDelta:i}=n;const o=n.keyframes[0],r=n.keyframes[n.keyframes.length-1],a={done:!1,value:o},{stiffness:l,damping:c,mass:u,duration:h,velocity:f,isResolvedFromDuration:d}=Jr({...n,velocity:-K(n.velocity||0)}),m=f||0,v=c/(2*Math.sqrt(l*u)),y=r-o,p=K(Math.sqrt(l/u)),T=Math.abs(y)<5;s||(s=T?M.restSpeed.granular:M.restSpeed.default),i||(i=T?M.restDelta.granular:M.restDelta.default);let g;if(v<1){const P=me(p,v);g=w=>{const E=Math.exp(-v*p*w);return r-E*((m+v*p*y)/P*Math.sin(P*w)+y*Math.cos(P*w))}}else if(v===1)g=P=>r-Math.exp(-p*P)*(y+(m+p*y)*P);else{const P=p*Math.sqrt(v*v-1);g=w=>{const E=Math.exp(-v*p*w),b=Math.min(P*w,300);return r-E*((m+v*p*y)*Math.sinh(b)+P*y*Math.cosh(b))/P}}const A={calculatedDuration:d&&h||null,next:P=>{const w=g(P);if(d)a.done=P>=h;else{let E=P===0?m:0;v<1&&(E=P===0?H(m):Qs(g,P,w));const b=Math.abs(E)<=s,I=Math.abs(r-w)<=i;a.done=b&&I}return a.value=a.done?r:w,a},toString:()=>{const P=Math.min(ze(A),Wt),w=Js(E=>A.next(P*E).value,P,30);return P+"ms "+w},toTransition:()=>{}};return A}$t.applyToOptions=t=>{const e=Hr(t,100,$t);return t.ease=e.ease,t.duration=H(e.duration),t.type="keyframes",t};function pe({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:o=500,modifyTarget:r,min:a,max:l,restDelta:c=.5,restSpeed:u}){const h=t[0],f={done:!1,value:h},d=b=>a!==void 0&&b<a||l!==void 0&&b>l,m=b=>a===void 0?l:l===void 0||Math.abs(a-b)<Math.abs(l-b)?a:l;let v=n*e;const y=h+v,p=r===void 0?y:r(y);p!==y&&(v=p-h);const T=b=>-v*Math.exp(-b/s),g=b=>p+T(b),A=b=>{const I=T(b),O=g(b);f.done=Math.abs(I)<=c,f.value=f.done?p:O};let P,w;const E=b=>{d(f.value)&&(P=b,w=$t({keyframes:[f.value,m(f.value)],velocity:Qs(g,b,f.value),damping:i,stiffness:o,restDelta:c,restSpeed:u}))};return E(0),{calculatedDuration:null,next:b=>{let I=!1;return!w&&P===void 0&&(I=!0,A(b),E(b)),P!==void 0&&b>=P?w.next(b-P):(!I&&A(b),f)}}}function Qr(t,e,n){const s=[],i=n||X.mix||Zs,o=t.length-1;for(let r=0;r<o;r++){let a=i(t[r],t[r+1]);if(e){const l=Array.isArray(e)?e[r]||W:e;a=Et(l,a)}s.push(a)}return s}function to(t,e,{clamp:n=!0,ease:s,mixer:i}={}){const o=t.length;if(Oe(o===e.length),o===1)return()=>e[0];if(o===2&&e[0]===e[1])return()=>e[1];const r=t[0]===t[1];t[0]>t[o-1]&&(t=[...t].reverse(),e=[...e].reverse());const a=Qr(e,s,i),l=a.length,c=u=>{if(r&&u<t[0])return e[0];let h=0;if(l>1)for(;h<t.length-2&&!(u<t[h+1]);h++);const f=wt(t[h],t[h+1],u);return a[h](f)};return n?u=>c(z(t[0],t[o-1],u)):c}function eo(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=wt(0,e,s);t.push(C(n,1,i))}}function no(t){const e=[0];return eo(e,t.length-1),e}function so(t,e){return t.map(n=>n*e)}function io(t,e){return t.map(()=>e||Us).splice(0,t.length-1)}function St({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=pr(s)?s.map(pn):pn(s),o={done:!1,value:e[0]},r=so(n&&n.length===e.length?n:no(e),t),a=to(r,e,{ease:Array.isArray(i)?i:io(e,i)});return{calculatedDuration:t,next:l=>(o.value=a(l),o.done=l>=t,o)}}const ro=t=>t!==null;function Xe(t,{repeat:e,repeatType:n="loop"},s,i=1){const o=t.filter(ro),a=i<0||e&&n!=="loop"&&e%2===1?0:o.length-1;return!a||s===void 0?o[a]:s}const oo={decay:pe,inertia:pe,tween:St,keyframes:St,spring:$t};function ti(t){typeof t.type=="string"&&(t.type=oo[t.type])}class Ye{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,n){return this.finished.then(e,n)}}const ao=t=>t/100;class qe extends Ye{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{const{motionValue:n}=this.options;n&&n.updatedAt!==j.now()&&this.tick(j.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),this.options.onStop?.())},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;ti(e);const{type:n=St,repeat:s=0,repeatDelay:i=0,repeatType:o,velocity:r=0}=e;let{keyframes:a}=e;const l=n||St;l!==St&&typeof a[0]!="number"&&(this.mixKeyframes=Et(ao,Zs(a[0],a[1])),a=[0,100]);const c=l({...e,keyframes:a});o==="mirror"&&(this.mirroredGenerator=l({...e,keyframes:[...a].reverse(),velocity:-r})),c.calculatedDuration===null&&(c.calculatedDuration=ze(c));const{calculatedDuration:u}=c;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=c}updateTime(e){const n=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(e,n=!1){const{generator:s,totalDuration:i,mixKeyframes:o,mirroredGenerator:r,resolvedDuration:a,calculatedDuration:l}=this;if(this.startTime===null)return s.next(0);const{delay:c=0,keyframes:u,repeat:h,repeatType:f,repeatDelay:d,type:m,onUpdate:v,finalKeyframe:y}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-i/this.speed,this.startTime)),n?this.currentTime=e:this.updateTime(e);const p=this.currentTime-c*(this.playbackSpeed>=0?1:-1),T=this.playbackSpeed>=0?p<0:p>i;this.currentTime=Math.max(p,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let g=this.currentTime,A=s;if(h){const b=Math.min(this.currentTime,i)/a;let I=Math.floor(b),O=b%1;!O&&b>=1&&(O=1),O===1&&I--,I=Math.min(I,h+1),I%2&&(f==="reverse"?(O=1-O,d&&(O-=d/a)):f==="mirror"&&(A=r)),g=z(0,1,O)*a}const P=T?{done:!1,value:u[0]}:A.next(g);o&&(P.value=o(P.value));let{done:w}=P;!T&&l!==null&&(w=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const E=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&w);return E&&m!==pe&&(P.value=Xe(u,this.options,y,this.speed)),v&&v(P.value),E&&this.finish(),P}then(e,n){return this.finished.then(e,n)}get duration(){return K(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+K(e)}get time(){return K(this.currentTime)}set time(e){e=H(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(j.now());const n=this.playbackSpeed!==e;this.playbackSpeed=e,n&&(this.time=K(this.currentTime))}play(){if(this.isStopped)return;const{driver:e=Gr,startTime:n}=this.options;this.driver||(this.driver=e(i=>this.tick(i))),this.options.onPlay?.();const s=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=s):this.holdTime!==null?this.startTime=s-this.holdTime:this.startTime||(this.startTime=n??s),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(j.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),e.observe(this)}}function lo(t){for(let e=1;e<t.length;e++)t[e]??(t[e]=t[e-1])}const st=t=>t*180/Math.PI,ge=t=>{const e=st(Math.atan2(t[1],t[0]));return ye(e)},uo={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:t=>(Math.abs(t[0])+Math.abs(t[3]))/2,rotate:ge,rotateZ:ge,skewX:t=>st(Math.atan(t[1])),skewY:t=>st(Math.atan(t[2])),skew:t=>(Math.abs(t[1])+Math.abs(t[2]))/2},ye=t=>(t=t%360,t<0&&(t+=360),t),Pn=ge,Sn=t=>Math.sqrt(t[0]*t[0]+t[1]*t[1]),bn=t=>Math.sqrt(t[4]*t[4]+t[5]*t[5]),co={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Sn,scaleY:bn,scale:t=>(Sn(t)+bn(t))/2,rotateX:t=>ye(st(Math.atan2(t[6],t[5]))),rotateY:t=>ye(st(Math.atan2(-t[2],t[0]))),rotateZ:Pn,rotate:Pn,skewX:t=>st(Math.atan(t[4])),skewY:t=>st(Math.atan(t[1])),skew:t=>(Math.abs(t[1])+Math.abs(t[4]))/2};function ve(t){return t.includes("scale")?1:0}function Te(t,e){if(!t||t==="none")return ve(e);const n=t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(n)s=co,i=n;else{const a=t.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=uo,i=a}if(!i)return ve(e);const o=s[e],r=i[1].split(",").map(fo);return typeof o=="function"?o(r):r[o]}const ho=(t,e)=>{const{transform:n="none"}=getComputedStyle(t);return Te(n,e)};function fo(t){return parseFloat(t.trim())}const yt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],vt=new Set(yt),An=t=>t===gt||t===x,mo=new Set(["x","y","z"]),po=yt.filter(t=>!mo.has(t));function go(t){const e=[];return po.forEach(n=>{const s=t.getValue(n);s!==void 0&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))}),e}const it={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:(t,{transform:e})=>Te(e,"x"),y:(t,{transform:e})=>Te(e,"y")};it.translateX=it.x;it.translateY=it.y;const rt=new Set;let xe=!1,Pe=!1,Se=!1;function ei(){if(Pe){const t=Array.from(rt).filter(s=>s.needsMeasurement),e=new Set(t.map(s=>s.element)),n=new Map;e.forEach(s=>{const i=go(s);i.length&&(n.set(s,i),s.render())}),t.forEach(s=>s.measureInitialState()),e.forEach(s=>{s.render();const i=n.get(s);i&&i.forEach(([o,r])=>{s.getValue(o)?.set(r)})}),t.forEach(s=>s.measureEndState()),t.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Pe=!1,xe=!1,rt.forEach(t=>t.complete(Se)),rt.clear()}function ni(){rt.forEach(t=>{t.readKeyframes(),t.needsMeasurement&&(Pe=!0)})}function yo(){Se=!0,ni(),ei(),Se=!1}class Ze{constructor(e,n,s,i,o,r=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=n,this.name=s,this.motionValue=i,this.element=o,this.isAsync=r}scheduleResolve(){this.state="scheduled",this.isAsync?(rt.add(this),xe||(xe=!0,V.read(ni),V.resolveKeyframes(ei))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:e,name:n,element:s,motionValue:i}=this;if(e[0]===null){const o=i?.get(),r=e[e.length-1];if(o!==void 0)e[0]=o;else if(s&&n){const a=s.readValue(n,r);a!=null&&(e[0]=a)}e[0]===void 0&&(e[0]=r),i&&o===void 0&&i.set(e[0])}lo(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),rt.delete(this)}cancel(){this.state==="scheduled"&&(rt.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const vo=t=>t.startsWith("--");function To(t,e,n){vo(e)?t.style.setProperty(e,n):t.style[e]=n}const xo=Ne(()=>window.ScrollTimeline!==void 0),Po={};function So(t,e){const n=Ne(t);return()=>Po[e]??n()}const si=So(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),xt=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,wn={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:xt([0,.65,.55,1]),circOut:xt([.55,0,1,.45]),backIn:xt([.31,.01,.66,-.59]),backOut:xt([.33,1.53,.69,.99])};function ii(t,e){if(t)return typeof t=="function"?si()?Js(t,e):"ease-out":Ks(t)?xt(t):Array.isArray(t)?t.map(n=>ii(n,e)||wn.easeOut):wn[t]}function bo(t,e,n,{delay:s=0,duration:i=300,repeat:o=0,repeatType:r="loop",ease:a="easeOut",times:l}={},c=void 0){const u={[e]:n};l&&(u.offset=l);const h=ii(a,i);Array.isArray(h)&&(u.easing=h);const f={delay:s,duration:i,easing:Array.isArray(h)?"linear":h,fill:"both",iterations:o+1,direction:r==="reverse"?"alternate":"normal"};return c&&(f.pseudoElement=c),t.animate(u,f)}function ri(t){return typeof t=="function"&&"applyToOptions"in t}function Ao({type:t,...e}){return ri(t)&&si()?t.applyToOptions(e):(e.duration??(e.duration=300),e.ease??(e.ease="easeOut"),e)}class wo extends Ye{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,!e)return;const{element:n,name:s,keyframes:i,pseudoElement:o,allowFlatten:r=!1,finalKeyframe:a,onComplete:l}=e;this.isPseudoElement=!!o,this.allowFlatten=r,this.options=e,Oe(typeof e.type!="string");const c=Ao(e);this.animation=bo(n,s,i,c,o),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!o){const u=Xe(i,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(u):To(n,s,u),this.animation.cancel()}l?.(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:e}=this;e==="idle"||e==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){const e=this.animation.effect?.getComputedTiming?.().duration||0;return K(Number(e))}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+K(e)}get time(){return K(Number(this.animation.currentTime)||0)}set time(e){this.finishedTime=null,this.animation.currentTime=H(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(e){this.animation.startTime=e}attachTimeline({timeline:e,observe:n}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,e&&xo()?(this.animation.timeline=e,W):n(this)}}const oi={anticipate:js,backInOut:Is,circInOut:Ns};function Vo(t){return t in oi}function Co(t){typeof t.ease=="string"&&Vo(t.ease)&&(t.ease=oi[t.ease])}const Vn=10;class Mo extends wo{constructor(e){Co(e),ti(e),super(e),e.startTime&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){const{motionValue:n,onUpdate:s,onComplete:i,element:o,...r}=this.options;if(!n)return;if(e!==void 0){n.set(e);return}const a=new qe({...r,autoplay:!1}),l=H(this.finishedTime??this.time);n.setWithVelocity(a.sample(l-Vn).value,a.sample(l).value,Vn),a.stop()}}const Cn=(t,e)=>e==="zIndex"?!1:!!(typeof t=="number"||Array.isArray(t)||typeof t=="string"&&(Z.test(t)||t==="0")&&!t.startsWith("url("));function Do(t){const e=t[0];if(t.length===1)return!0;for(let n=0;n<t.length;n++)if(t[n]!==e)return!0}function Eo(t,e,n,s){const i=t[0];if(i===null)return!1;if(e==="display"||e==="visibility")return!0;const o=t[t.length-1],r=Cn(i,e),a=Cn(o,e);return!r||!a?!1:Do(t)||(n==="spring"||ri(n))&&s}function be(t){t.duration=0,t.type="keyframes"}const Ro=new Set(["opacity","clipPath","filter","transform"]),Lo=Ne(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function ko(t){const{motionValue:e,name:n,repeatDelay:s,repeatType:i,damping:o,type:r}=t;if(!(e?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:l,transformTemplate:c}=e.owner.getProps();return Lo()&&n&&Ro.has(n)&&(n!=="transform"||!c)&&!l&&!s&&i!=="mirror"&&o!==0&&r!=="inertia"}const Fo=40;class Bo extends Ye{constructor({autoplay:e=!0,delay:n=0,type:s="keyframes",repeat:i=0,repeatDelay:o=0,repeatType:r="loop",keyframes:a,name:l,motionValue:c,element:u,...h}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=j.now();const f={autoplay:e,delay:n,type:s,repeat:i,repeatDelay:o,repeatType:r,name:l,motionValue:c,element:u,...h},d=u?.KeyframeResolver||Ze;this.keyframeResolver=new d(a,(m,v,y)=>this.onKeyframesResolved(m,v,f,!y),l,c,u),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,n,s,i){this.keyframeResolver=void 0;const{name:o,type:r,velocity:a,delay:l,isHandoff:c,onUpdate:u}=s;this.resolvedAt=j.now(),Eo(e,o,r,a)||((X.instantAnimations||!l)&&u?.(Xe(e,s,n)),e[0]=e[e.length-1],be(s),s.repeat=0);const f={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>Fo?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...s,keyframes:e},d=!c&&ko(f)?new Mo({...f,element:f.motionValue.owner.current}):new qe(f);d.finished.then(()=>this.notifyFinished()).catch(W),this.pendingTimeline&&(this.stopTimeline=d.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=d}get finished(){return this._animation?this.animation.finished:this._finished}then(e,n){return this.finished.finally(e).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),yo()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}const Io=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function jo(t){const e=Io.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${n??s}`,i]}function ai(t,e,n=1){const[s,i]=jo(t);if(!s)return;const o=window.getComputedStyle(e).getPropertyValue(s);if(o){const r=o.trim();return Ms(r)?parseFloat(r):r}return $e(i)?ai(i,e,n+1):i}function Je(t,e){return t?.[e]??t?.default??t}const li=new Set(["width","height","top","left","right","bottom",...yt]),Oo={test:t=>t==="auto",parse:t=>t},ui=t=>e=>e.test(t),ci=[gt,x,_,Y,Mr,Cr,Oo],Mn=t=>ci.find(ui(t));function No(t){return typeof t=="number"?t===0:t!==null?t==="none"||t==="0"||Es(t):!0}const Uo=new Set(["brightness","contrast","saturate","opacity"]);function Ko(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[s]=n.match(Ge)||[];if(!s)return t;const i=n.replace(s,"");let o=Uo.has(e)?1:0;return s!==n&&(o*=100),e+"("+o+i+")"}const Wo=/\b([a-z-]*)\(.*?\)/gu,Ae={...Z,getAnimatableNone:t=>{const e=t.match(Wo);return e?e.map(Ko).join(" "):t}},Dn={...gt,transform:Math.round},$o={rotate:Y,rotateX:Y,rotateY:Y,rotateZ:Y,scale:Bt,scaleX:Bt,scaleY:Bt,scaleZ:Bt,skew:Y,skewX:Y,skewY:Y,distance:x,translateX:x,translateY:x,translateZ:x,x,y:x,z:x,perspective:x,transformPerspective:x,opacity:Vt,originX:gn,originY:gn,originZ:x},Qe={borderWidth:x,borderTopWidth:x,borderRightWidth:x,borderBottomWidth:x,borderLeftWidth:x,borderRadius:x,radius:x,borderTopLeftRadius:x,borderTopRightRadius:x,borderBottomRightRadius:x,borderBottomLeftRadius:x,width:x,maxWidth:x,height:x,maxHeight:x,top:x,right:x,bottom:x,left:x,padding:x,paddingTop:x,paddingRight:x,paddingBottom:x,paddingLeft:x,margin:x,marginTop:x,marginRight:x,marginBottom:x,marginLeft:x,backgroundPositionX:x,backgroundPositionY:x,...$o,zIndex:Dn,fillOpacity:Vt,strokeOpacity:Vt,numOctaves:Dn},Go={...Qe,color:D,backgroundColor:D,outlineColor:D,fill:D,stroke:D,borderColor:D,borderTopColor:D,borderRightColor:D,borderBottomColor:D,borderLeftColor:D,filter:Ae,WebkitFilter:Ae},hi=t=>Go[t];function fi(t,e){let n=hi(t);return n!==Ae&&(n=Z),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const Ho=new Set(["auto","none","0"]);function _o(t,e,n){let s=0,i;for(;s<t.length&&!i;){const o=t[s];typeof o=="string"&&!Ho.has(o)&&Ct(o).values.length&&(i=t[s]),s++}if(i&&n)for(const o of e)t[o]=fi(n,i)}class zo extends Ze{constructor(e,n,s,i,o){super(e,n,s,i,o,!0)}readKeyframes(){const{unresolvedKeyframes:e,element:n,name:s}=this;if(!n||!n.current)return;super.readKeyframes();for(let l=0;l<e.length;l++){let c=e[l];if(typeof c=="string"&&(c=c.trim(),$e(c))){const u=ai(c,n.current);u!==void 0&&(e[l]=u),l===e.length-1&&(this.finalKeyframe=c)}}if(this.resolveNoneKeyframes(),!li.has(s)||e.length!==2)return;const[i,o]=e,r=Mn(i),a=Mn(o);if(r!==a)if(An(r)&&An(a))for(let l=0;l<e.length;l++){const c=e[l];typeof c=="string"&&(e[l]=parseFloat(c))}else it[s]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:e,name:n}=this,s=[];for(let i=0;i<e.length;i++)(e[i]===null||No(e[i]))&&s.push(i);s.length&&_o(e,s,n)}measureInitialState(){const{element:e,unresolvedKeyframes:n,name:s}=this;if(!e||!e.current)return;s==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=it[s](e.measureViewportBox(),window.getComputedStyle(e.current)),n[0]=this.measuredOrigin;const i=n[n.length-1];i!==void 0&&e.getValue(s,i).jump(i,!1)}measureEndState(){const{element:e,name:n,unresolvedKeyframes:s}=this;if(!e||!e.current)return;const i=e.getValue(n);i&&i.jump(this.measuredOrigin,!1);const o=s.length-1,r=s[o];s[o]=it[n](e.measureViewportBox(),window.getComputedStyle(e.current)),r!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=r),this.removedTransforms?.length&&this.removedTransforms.forEach(([a,l])=>{e.getValue(a).set(l)}),this.resolveNoneKeyframes()}}function Xo(t,e,n){if(t instanceof EventTarget)return[t];if(typeof t=="string"){let s=document;const i=n?.[t]??s.querySelectorAll(t);return i?Array.from(i):[]}return Array.from(t)}const di=(t,e)=>e&&typeof t=="number"?e.transform(t):t;function Yo(t){return Ds(t)&&"offsetHeight"in t}const En=30,qo=t=>!isNaN(parseFloat(t)),Rn={current:void 0};class Zo{constructor(e,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=s=>{const i=j.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(const o of this.dependents)o.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=n.owner}setCurrent(e){this.current=e,this.updatedAt=j.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=qo(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,n){this.events[e]||(this.events[e]=new Ue);const s=this.events[e].add(n);return e==="change"?()=>{s(),V.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,n){this.passiveEffect=e,this.stopPassiveEffect=n}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,n,s){this.set(n),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-s}jump(e,n=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Rn.current&&Rn.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=j.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>En)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,En);return Rs(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(e){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=e(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function mt(t,e){return new Zo(t,e)}const{schedule:tn}=Ws(queueMicrotask,!1),G={x:!1,y:!1};function mi(){return G.x||G.y}function Jo(t){return t==="x"||t==="y"?G[t]?null:(G[t]=!0,()=>{G[t]=!1}):G.x||G.y?null:(G.x=G.y=!0,()=>{G.x=G.y=!1})}function pi(t,e){const n=Xo(t),s=new AbortController,i={passive:!0,...e,signal:s.signal};return[n,i,()=>s.abort()]}function Ln(t){return!(t.pointerType==="touch"||mi())}function Qo(t,e,n={}){const[s,i,o]=pi(t,n),r=a=>{if(!Ln(a))return;const{target:l}=a,c=e(l,a);if(typeof c!="function"||!l)return;const u=h=>{Ln(h)&&(c(h),l.removeEventListener("pointerleave",u))};l.addEventListener("pointerleave",u,i)};return s.forEach(a=>{a.addEventListener("pointerenter",r,i)}),o}const gi=(t,e)=>e?t===e?!0:gi(t,e.parentElement):!1,en=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,ta=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function ea(t){return ta.has(t.tagName)||t.tabIndex!==-1}const Ot=new WeakSet;function kn(t){return e=>{e.key==="Enter"&&t(e)}}function ee(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const na=(t,e)=>{const n=t.currentTarget;if(!n)return;const s=kn(()=>{if(Ot.has(n))return;ee(n,"down");const i=kn(()=>{ee(n,"up")}),o=()=>ee(n,"cancel");n.addEventListener("keyup",i,e),n.addEventListener("blur",o,e)});n.addEventListener("keydown",s,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",s),e)};function Fn(t){return en(t)&&!mi()}function sa(t,e,n={}){const[s,i,o]=pi(t,n),r=a=>{const l=a.currentTarget;if(!Fn(a))return;Ot.add(l);const c=e(l,a),u=(d,m)=>{window.removeEventListener("pointerup",h),window.removeEventListener("pointercancel",f),Ot.has(l)&&Ot.delete(l),Fn(d)&&typeof c=="function"&&c(d,{success:m})},h=d=>{u(d,l===window||l===document||n.useGlobalTarget||gi(l,d.target))},f=d=>{u(d,!1)};window.addEventListener("pointerup",h,i),window.addEventListener("pointercancel",f,i)};return s.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",r,i),Yo(a)&&(a.addEventListener("focus",c=>na(c,i)),!ea(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),o}function yi(t){return Ds(t)&&"ownerSVGElement"in t}function ia(t){return yi(t)&&t.tagName==="svg"}const F=t=>!!(t&&t.getVelocity),ra=[...ci,D,Z],oa=t=>ra.find(ui(t)),vi=S.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});function aa(t=!0){const e=S.useContext(Be);if(e===null)return[!0,null];const{isPresent:n,onExitComplete:s,register:i}=e,o=S.useId();S.useEffect(()=>{if(t)return i(o)},[t]);const r=S.useCallback(()=>t&&s&&s(o),[o,s,t]);return!n&&s?[!1,r]:[!0]}const Ti=S.createContext({strict:!1}),Bn={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},pt={};for(const t in Bn)pt[t]={isEnabled:e=>Bn[t].some(n=>!!e[n])};function la(t){for(const e in t)pt[e]={...pt[e],...t[e]}}const ua=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Gt(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||ua.has(t)}let xi=t=>!Gt(t);function ca(t){typeof t=="function"&&(xi=e=>e.startsWith("on")?!Gt(e):t(e))}try{ca(require("@emotion/is-prop-valid").default)}catch{}function ha(t,e,n){const s={};for(const i in t)i==="values"&&typeof t.values=="object"||(xi(i)||n===!0&&Gt(i)||!e&&!Gt(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}const zt=S.createContext({});function Xt(t){return t!==null&&typeof t=="object"&&typeof t.start=="function"}function Mt(t){return typeof t=="string"||Array.isArray(t)}const nn=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],sn=["initial",...nn];function Yt(t){return Xt(t.animate)||sn.some(e=>Mt(t[e]))}function Pi(t){return!!(Yt(t)||t.variants)}function fa(t,e){if(Yt(t)){const{initial:n,animate:s}=t;return{initial:n===!1||Mt(n)?n:void 0,animate:Mt(s)?s:void 0}}return t.inherit!==!1?e:{}}function da(t){const{initial:e,animate:n}=fa(t,S.useContext(zt));return S.useMemo(()=>({initial:e,animate:n}),[In(e),In(n)])}function In(t){return Array.isArray(t)?t.join(" "):t}function jn(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const Tt={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(x.test(t))t=parseFloat(t);else return t;const n=jn(t,e.target.x),s=jn(t,e.target.y);return`${n}% ${s}%`}},ma={correct:(t,{treeScale:e,projectionDelta:n})=>{const s=t,i=Z.parse(t);if(i.length>5)return s;const o=Z.createTransformer(t),r=typeof i[0]!="number"?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;i[0+r]/=a,i[1+r]/=l;const c=C(a,l,.5);return typeof i[2+r]=="number"&&(i[2+r]/=c),typeof i[3+r]=="number"&&(i[3+r]/=c),o(i)}},we={borderRadius:{...Tt,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Tt,borderTopRightRadius:Tt,borderBottomLeftRadius:Tt,borderBottomRightRadius:Tt,boxShadow:ma};function Si(t,{layout:e,layoutId:n}){return vt.has(t)||t.startsWith("origin")||(e||n!==void 0)&&(!!we[t]||t==="opacity")}const pa={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},ga=yt.length;function ya(t,e,n){let s="",i=!0;for(let o=0;o<ga;o++){const r=yt[o],a=t[r];if(a===void 0)continue;let l=!0;if(typeof a=="number"?l=a===(r.startsWith("scale")?1:0):l=parseFloat(a)===0,!l||n){const c=di(a,Qe[r]);if(!l){i=!1;const u=pa[r]||r;s+=`${u}(${c}) `}n&&(e[r]=c)}}return s=s.trim(),n?s=n(e,i?"":s):i&&(s="none"),s}function rn(t,e,n){const{style:s,vars:i,transformOrigin:o}=t;let r=!1,a=!1;for(const l in e){const c=e[l];if(vt.has(l)){r=!0;continue}else if(Gs(l)){i[l]=c;continue}else{const u=di(c,Qe[l]);l.startsWith("origin")?(a=!0,o[l]=u):s[l]=u}}if(e.transform||(r||n?s.transform=ya(e,t.transform,n):s.transform&&(s.transform="none")),a){const{originX:l="50%",originY:c="50%",originZ:u=0}=o;s.transformOrigin=`${l} ${c} ${u}`}}const on=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function bi(t,e,n){for(const s in e)!F(e[s])&&!Si(s,n)&&(t[s]=e[s])}function va({transformTemplate:t},e){return S.useMemo(()=>{const n=on();return rn(n,e,t),Object.assign({},n.vars,n.style)},[e])}function Ta(t,e){const n=t.style||{},s={};return bi(s,n,t),Object.assign(s,va(t,e)),s}function xa(t,e){const n={},s=Ta(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,s.userSelect=s.WebkitUserSelect=s.WebkitTouchCallout="none",s.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=s,n}const Pa={offset:"stroke-dashoffset",array:"stroke-dasharray"},Sa={offset:"strokeDashoffset",array:"strokeDasharray"};function ba(t,e,n=1,s=0,i=!0){t.pathLength=1;const o=i?Pa:Sa;t[o.offset]=x.transform(-s);const r=x.transform(e),a=x.transform(n);t[o.array]=`${r} ${a}`}function Ai(t,{attrX:e,attrY:n,attrScale:s,pathLength:i,pathSpacing:o=1,pathOffset:r=0,...a},l,c,u){if(rn(t,a,c),l){t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox);return}t.attrs=t.style,t.style={};const{attrs:h,style:f}=t;h.transform&&(f.transform=h.transform,delete h.transform),(f.transform||h.transformOrigin)&&(f.transformOrigin=h.transformOrigin??"50% 50%",delete h.transformOrigin),f.transform&&(f.transformBox=u?.transformBox??"fill-box",delete h.transformBox),e!==void 0&&(h.x=e),n!==void 0&&(h.y=n),s!==void 0&&(h.scale=s),i!==void 0&&ba(h,i,o,r,!1)}const wi=()=>({...on(),attrs:{}}),Vi=t=>typeof t=="string"&&t.toLowerCase()==="svg";function Aa(t,e,n,s){const i=S.useMemo(()=>{const o=wi();return Ai(o,e,Vi(s),t.transformTemplate,t.style),{...o.attrs,style:{...o.style}}},[e]);if(t.style){const o={};bi(o,t.style,t),i.style={...o,...i.style}}return i}const wa=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function an(t){return typeof t!="string"||t.includes("-")?!1:!!(wa.indexOf(t)>-1||/[A-Z]/u.test(t))}function Va(t,e,n,{latestValues:s},i,o=!1){const a=(an(t)?Aa:xa)(e,s,i,t),l=ha(e,typeof t=="string",o),c=t!==S.Fragment?{...l,...a,ref:n}:{},{children:u}=e,h=S.useMemo(()=>F(u)?u.get():u,[u]);return S.createElement(t,{...c,children:h})}function On(t){const e=[{},{}];return t?.values.forEach((n,s)=>{e[0][s]=n.get(),e[1][s]=n.getVelocity()}),e}function ln(t,e,n,s){if(typeof e=="function"){const[i,o]=On(s);e=e(n!==void 0?n:t.custom,i,o)}if(typeof e=="string"&&(e=t.variants&&t.variants[e]),typeof e=="function"){const[i,o]=On(s);e=e(n!==void 0?n:t.custom,i,o)}return e}function Nt(t){return F(t)?t.get():t}function Ca({scrapeMotionValuesFromProps:t,createRenderState:e},n,s,i){return{latestValues:Ma(n,s,i,t),renderState:e()}}function Ma(t,e,n,s){const i={},o=s(t,{});for(const f in o)i[f]=Nt(o[f]);let{initial:r,animate:a}=t;const l=Yt(t),c=Pi(t);e&&c&&!l&&t.inherit!==!1&&(r===void 0&&(r=e.initial),a===void 0&&(a=e.animate));let u=n?n.initial===!1:!1;u=u||r===!1;const h=u?a:r;if(h&&typeof h!="boolean"&&!Xt(h)){const f=Array.isArray(h)?h:[h];for(let d=0;d<f.length;d++){const m=ln(t,f[d]);if(m){const{transitionEnd:v,transition:y,...p}=m;for(const T in p){let g=p[T];if(Array.isArray(g)){const A=u?g.length-1:0;g=g[A]}g!==null&&(i[T]=g)}for(const T in v)i[T]=v[T]}}}return i}const Ci=t=>(e,n)=>{const s=S.useContext(zt),i=S.useContext(Be),o=()=>Ca(t,e,s,i);return n?o():ar(o)};function un(t,e,n){const{style:s}=t,i={};for(const o in s)(F(s[o])||e.style&&F(e.style[o])||Si(o,t)||n?.getValue(o)?.liveStyle!==void 0)&&(i[o]=s[o]);return i}const Da=Ci({scrapeMotionValuesFromProps:un,createRenderState:on});function Mi(t,e,n){const s=un(t,e,n);for(const i in t)if(F(t[i])||F(e[i])){const o=yt.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[o]=t[i]}return s}const Ea=Ci({scrapeMotionValuesFromProps:Mi,createRenderState:wi}),Ra=Symbol.for("motionComponentSymbol");function ut(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function La(t,e,n){return S.useCallback(s=>{s&&t.onMount&&t.onMount(s),e&&(s?e.mount(s):e.unmount()),n&&(typeof n=="function"?n(s):ut(n)&&(n.current=s))},[e])}const cn=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),ka="framerAppearId",Di="data-"+cn(ka),Ei=S.createContext({});function Fa(t,e,n,s,i){const{visualElement:o}=S.useContext(zt),r=S.useContext(Ti),a=S.useContext(Be),l=S.useContext(vi).reducedMotion,c=S.useRef(null);s=s||r.renderer,!c.current&&s&&(c.current=s(t,{visualState:e,parent:o,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:l}));const u=c.current,h=S.useContext(Ei);u&&!u.projection&&i&&(u.type==="html"||u.type==="svg")&&Ba(c.current,n,i,h);const f=S.useRef(!1);S.useInsertionEffect(()=>{u&&f.current&&u.update(n,a)});const d=n[Di],m=S.useRef(!!d&&!window.MotionHandoffIsComplete?.(d)&&window.MotionHasOptimisedAnimation?.(d));return lr(()=>{u&&(f.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),u.scheduleRenderMicrotask(),m.current&&u.animationState&&u.animationState.animateChanges())}),S.useEffect(()=>{u&&(!m.current&&u.animationState&&u.animationState.animateChanges(),m.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(d)}),m.current=!1),u.enteringChildren=void 0)}),u}function Ba(t,e,n,s){const{layoutId:i,layout:o,drag:r,dragConstraints:a,layoutScroll:l,layoutRoot:c,layoutCrossfade:u}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:Ri(t.parent)),t.projection.setOptions({layoutId:i,layout:o,alwaysMeasureLayout:!!r||a&&ut(a),visualElement:t,animationType:typeof o=="string"?o:"both",initialPromotionConfig:s,crossfade:u,layoutScroll:l,layoutRoot:c})}function Ri(t){if(t)return t.options.allowProjection!==!1?t.projection:Ri(t.parent)}function ne(t,{forwardMotionProps:e=!1}={},n,s){n&&la(n);const i=an(t)?Ea:Da;function o(a,l){let c;const u={...S.useContext(vi),...a,layoutId:Ia(a)},{isStatic:h}=u,f=da(a),d=i(a,h);if(!h&&Fe){ja();const m=Oa(u);c=m.MeasureLayout,f.visualElement=Fa(t,d,u,s,m.ProjectionNode)}return he.jsxs(zt.Provider,{value:f,children:[c&&f.visualElement?he.jsx(c,{visualElement:f.visualElement,...u}):null,Va(t,a,La(d,f.visualElement,l),d,h,e)]})}o.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const r=S.forwardRef(o);return r[Ra]=t,r}function Ia({layoutId:t}){const e=S.useContext(Cs).id;return e&&t!==void 0?e+"-"+t:t}function ja(t,e){S.useContext(Ti).strict}function Oa(t){const{drag:e,layout:n}=pt;if(!e&&!n)return{};const s={...e,...n};return{MeasureLayout:e?.isEnabled(t)||n?.isEnabled(t)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}function Na(t,e){if(typeof Proxy>"u")return ne;const n=new Map,s=(o,r)=>ne(o,r,t,e),i=(o,r)=>s(o,r);return new Proxy(i,{get:(o,r)=>r==="create"?s:(n.has(r)||n.set(r,ne(r,void 0,t,e)),n.get(r))})}function Li({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}function Ua({x:t,y:e}){return{top:e.min,right:t.max,bottom:e.max,left:t.min}}function Ka(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}function se(t){return t===void 0||t===1}function Ve({scale:t,scaleX:e,scaleY:n}){return!se(t)||!se(e)||!se(n)}function et(t){return Ve(t)||ki(t)||t.z||t.rotate||t.rotateX||t.rotateY||t.skewX||t.skewY}function ki(t){return Nn(t.x)||Nn(t.y)}function Nn(t){return t&&t!=="0%"}function Ht(t,e,n){const s=t-n,i=e*s;return n+i}function Un(t,e,n,s,i){return i!==void 0&&(t=Ht(t,i,s)),Ht(t,n,s)+e}function Ce(t,e=0,n=1,s,i){t.min=Un(t.min,e,n,s,i),t.max=Un(t.max,e,n,s,i)}function Fi(t,{x:e,y:n}){Ce(t.x,e.translate,e.scale,e.originPoint),Ce(t.y,n.translate,n.scale,n.originPoint)}const Kn=.999999999999,Wn=1.0000000000001;function Wa(t,e,n,s=!1){const i=n.length;if(!i)return;e.x=e.y=1;let o,r;for(let a=0;a<i;a++){o=n[a],r=o.projectionDelta;const{visualElement:l}=o.options;l&&l.props.style&&l.props.style.display==="contents"||(s&&o.options.layoutScroll&&o.scroll&&o!==o.root&&ht(t,{x:-o.scroll.offset.x,y:-o.scroll.offset.y}),r&&(e.x*=r.x.scale,e.y*=r.y.scale,Fi(t,r)),s&&et(o.latestValues)&&ht(t,o.latestValues))}e.x<Wn&&e.x>Kn&&(e.x=1),e.y<Wn&&e.y>Kn&&(e.y=1)}function ct(t,e){t.min=t.min+e,t.max=t.max+e}function $n(t,e,n,s,i=.5){const o=C(t.min,t.max,i);Ce(t,e,n,o,s)}function ht(t,e){$n(t.x,e.x,e.scaleX,e.scale,e.originX),$n(t.y,e.y,e.scaleY,e.scale,e.originY)}function Bi(t,e){return Li(Ka(t.getBoundingClientRect(),e))}function $a(t,e,n){const s=Bi(t,n),{scroll:i}=e;return i&&(ct(s.x,i.offset.x),ct(s.y,i.offset.y)),s}const Gn=()=>({translate:0,scale:1,origin:0,originPoint:0}),ft=()=>({x:Gn(),y:Gn()}),Hn=()=>({min:0,max:0}),R=()=>({x:Hn(),y:Hn()}),Me={current:null},Ii={current:!1};function Ga(){if(Ii.current=!0,!!Fe)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>Me.current=t.matches;t.addEventListener("change",e),e()}else Me.current=!1}const Ha=new WeakMap;function _a(t,e,n){for(const s in e){const i=e[s],o=n[s];if(F(i))t.addValue(s,i);else if(F(o))t.addValue(s,mt(i,{owner:t}));else if(o!==i)if(t.hasValue(s)){const r=t.getValue(s);r.liveStyle===!0?r.jump(i):r.hasAnimated||r.set(i)}else{const r=t.getStaticValue(s);t.addValue(s,mt(r!==void 0?r:i,{owner:t}))}}for(const s in n)e[s]===void 0&&t.removeValue(s);return e}const _n=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class za{scrapeMotionValuesFromProps(e,n,s){return{}}constructor({parent:e,props:n,presenceContext:s,reducedMotionConfig:i,blockInitialAnimation:o,visualState:r},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Ze,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const f=j.now();this.renderScheduledAt<f&&(this.renderScheduledAt=f,V.render(this.render,!1,!0))};const{latestValues:l,renderState:c}=r;this.latestValues=l,this.baseTarget={...l},this.initialValues=n.initial?{...l}:{},this.renderState=c,this.parent=e,this.props=n,this.presenceContext=s,this.depth=e?e.depth+1:0,this.reducedMotionConfig=i,this.options=a,this.blockInitialAnimation=!!o,this.isControllingVariants=Yt(n),this.isVariantNode=Pi(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);const{willChange:u,...h}=this.scrapeMotionValuesFromProps(n,{},this);for(const f in h){const d=h[f];l[f]!==void 0&&F(d)&&d.set(l[f])}}mount(e){this.current=e,Ha.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,s)=>this.bindToMotionValue(s,n)),Ii.current||Ga(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:Me.current,this.parent?.addChild(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),q(this.notifyUpdate),q(this.render),this.valueSubscriptions.forEach(e=>e()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this);for(const e in this.events)this.events[e].clear();for(const e in this.features){const n=this.features[e];n&&(n.unmount(),n.isMounted=!1)}this.current=null}addChild(e){this.children.add(e),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(e)}removeChild(e){this.children.delete(e),this.enteringChildren&&this.enteringChildren.delete(e)}bindToMotionValue(e,n){this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)();const s=vt.has(e);s&&this.onBindTransform&&this.onBindTransform();const i=n.on("change",r=>{this.latestValues[e]=r,this.props.onUpdate&&V.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,e,n)),this.valueSubscriptions.set(e,()=>{i(),o&&o(),n.owner&&n.stop()})}sortNodePosition(e){return!this.current||!this.sortInstanceNodePosition||this.type!==e.type?0:this.sortInstanceNodePosition(this.current,e.current)}updateFeatures(){let e="animation";for(e in pt){const n=pt[e];if(!n)continue;const{isEnabled:s,Feature:i}=n;if(!this.features[e]&&i&&s(this.props)&&(this.features[e]=new i(this)),this.features[e]){const o=this.features[e];o.isMounted?o.update():(o.mount(),o.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):R()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,n){this.latestValues[e]=n}update(e,n){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let s=0;s<_n.length;s++){const i=_n[s];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const o="on"+i,r=e[o];r&&(this.propEventSubscriptions[i]=this.on(i,r))}this.prevMotionValues=_a(this,this.scrapeMotionValuesFromProps(e,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(e){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(e),()=>n.variantChildren.delete(e)}addValue(e,n){const s=this.values.get(e);n!==s&&(s&&this.removeValue(e),this.bindToMotionValue(e,n),this.values.set(e,n),this.latestValues[e]=n.get())}removeValue(e){this.values.delete(e);const n=this.valueSubscriptions.get(e);n&&(n(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,n){if(this.props.values&&this.props.values[e])return this.props.values[e];let s=this.values.get(e);return s===void 0&&n!==void 0&&(s=mt(n===null?void 0:n,{owner:this}),this.addValue(e,s)),s}readValue(e,n){let s=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:this.getBaseTargetFromProps(this.props,e)??this.readValueFromInstance(this.current,e,this.options);return s!=null&&(typeof s=="string"&&(Ms(s)||Es(s))?s=parseFloat(s):!oa(s)&&Z.test(n)&&(s=fi(e,n)),this.setBaseTarget(e,F(s)?s.get():s)),F(s)?s.get():s}setBaseTarget(e,n){this.baseTarget[e]=n}getBaseTarget(e){const{initial:n}=this.props;let s;if(typeof n=="string"||typeof n=="object"){const o=ln(this.props,n,this.presenceContext?.custom);o&&(s=o[e])}if(n&&s!==void 0)return s;const i=this.getBaseTargetFromProps(this.props,e);return i!==void 0&&!F(i)?i:this.initialValues[e]!==void 0&&s===void 0?void 0:this.baseTarget[e]}on(e,n){return this.events[e]||(this.events[e]=new Ue),this.events[e].add(n)}notify(e,...n){this.events[e]&&this.events[e].notify(...n)}scheduleRenderMicrotask(){tn.render(this.render)}}class ji extends za{constructor(){super(...arguments),this.KeyframeResolver=zo}sortInstanceNodePosition(e,n){return e.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(e,n){return e.style?e.style[n]:void 0}removeValueFromRenderState(e,{vars:n,style:s}){delete n[e],delete s[e]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:e}=this.props;F(e)&&(this.childSubscription=e.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function Oi(t,{style:e,vars:n},s,i){const o=t.style;let r;for(r in e)o[r]=e[r];i?.applyProjectionStyles(o,s);for(r in n)o.setProperty(r,n[r])}function Xa(t){return window.getComputedStyle(t)}class Ya extends ji{constructor(){super(...arguments),this.type="html",this.renderInstance=Oi}readValueFromInstance(e,n){if(vt.has(n))return this.projection?.isProjecting?ve(n):ho(e,n);{const s=Xa(e),i=(Gs(n)?s.getPropertyValue(n):s[n])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(e,{transformPagePoint:n}){return Bi(e,n)}build(e,n,s){rn(e,n,s.transformTemplate)}scrapeMotionValuesFromProps(e,n,s){return un(e,n,s)}}const Ni=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function qa(t,e,n,s){Oi(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(Ni.has(i)?i:cn(i),e.attrs[i])}class Za extends ji{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=R}getBaseTargetFromProps(e,n){return e[n]}readValueFromInstance(e,n){if(vt.has(n)){const s=hi(n);return s&&s.default||0}return n=Ni.has(n)?n:cn(n),e.getAttribute(n)}scrapeMotionValuesFromProps(e,n,s){return Mi(e,n,s)}build(e,n,s){Ai(e,n,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(e,n,s,i){qa(e,n,s,i)}mount(e){this.isSVGTag=Vi(e.tagName),super.mount(e)}}const Ja=(t,e)=>an(t)?new Za(e):new Ya(e,{allowProjection:t!==S.Fragment});function dt(t,e,n){const s=t.getProps();return ln(s,e,n!==void 0?n:s.custom,t)}const De=t=>Array.isArray(t);function Qa(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,mt(n))}function tl(t){return De(t)?t[t.length-1]||0:t}function el(t,e){const n=dt(t,e);let{transitionEnd:s={},transition:i={},...o}=n||{};o={...o,...s};for(const r in o){const a=tl(o[r]);Qa(t,r,a)}}function nl(t){return!!(F(t)&&t.add)}function Ee(t,e){const n=t.getValue("willChange");if(nl(n))return n.add(e);if(!n&&X.WillChange){const s=new X.WillChange("auto");t.addValue("willChange",s),s.add(e)}}function Ui(t){return t.props[Di]}const sl=t=>t!==null;function il(t,{repeat:e,repeatType:n="loop"},s){const i=t.filter(sl),o=e&&n!=="loop"&&e%2===1?0:i.length-1;return i[o]}const rl={type:"spring",stiffness:500,damping:25,restSpeed:10},ol=t=>({type:"spring",stiffness:550,damping:t===0?2*Math.sqrt(550):30,restSpeed:10}),al={type:"keyframes",duration:.8},ll={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},ul=(t,{keyframes:e})=>e.length>2?al:vt.has(t)?t.startsWith("scale")?ol(e[1]):rl:ll;function cl({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:o,repeatType:r,repeatDelay:a,from:l,elapsed:c,...u}){return!!Object.keys(u).length}const hn=(t,e,n,s={},i,o)=>r=>{const a=Je(s,t)||{},l=a.delay||s.delay||0;let{elapsed:c=0}=s;c=c-H(l);const u={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-c,onUpdate:f=>{e.set(f),a.onUpdate&&a.onUpdate(f)},onComplete:()=>{r(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:o?void 0:i};cl(a)||Object.assign(u,ul(t,u)),u.duration&&(u.duration=H(u.duration)),u.repeatDelay&&(u.repeatDelay=H(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let h=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(be(u),u.delay===0&&(h=!0)),(X.instantAnimations||X.skipAnimations)&&(h=!0,be(u),u.delay=0),u.allowFlatten=!a.type&&!a.ease,h&&!o&&e.get()!==void 0){const f=il(u.keyframes,a);if(f!==void 0){V.update(()=>{u.onUpdate(f),u.onComplete()});return}}return a.isSync?new qe(u):new Bo(u)};function hl({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&e[n]!==!0;return e[n]=!1,s}function Ki(t,e,{delay:n=0,transitionOverride:s,type:i}={}){let{transition:o=t.getDefaultTransition(),transitionEnd:r,...a}=e;s&&(o=s);const l=[],c=i&&t.animationState&&t.animationState.getState()[i];for(const u in a){const h=t.getValue(u,t.latestValues[u]??null),f=a[u];if(f===void 0||c&&hl(c,u))continue;const d={delay:n,...Je(o||{},u)},m=h.get();if(m!==void 0&&!h.isAnimating&&!Array.isArray(f)&&f===m&&!d.velocity)continue;let v=!1;if(window.MotionHandoffAnimation){const p=Ui(t);if(p){const T=window.MotionHandoffAnimation(p,u,V);T!==null&&(d.startTime=T,v=!0)}}Ee(t,u),h.start(hn(u,h,f,t.shouldReduceMotion&&li.has(u)?{type:!1}:d,t,v));const y=h.animation;y&&l.push(y)}return r&&Promise.all(l).then(()=>{V.update(()=>{r&&el(t,r)})}),l}function Wi(t,e,n,s=0,i=1){const o=Array.from(t).sort((c,u)=>c.sortNodePosition(u)).indexOf(e),r=t.size,a=(r-1)*s;return typeof n=="function"?n(o,r):i===1?o*s:a-o*s}function Re(t,e,n={}){const s=dt(t,e,n.type==="exit"?t.presenceContext?.custom:void 0);let{transition:i=t.getDefaultTransition()||{}}=s||{};n.transitionOverride&&(i=n.transitionOverride);const o=s?()=>Promise.all(Ki(t,s,n)):()=>Promise.resolve(),r=t.variantChildren&&t.variantChildren.size?(l=0)=>{const{delayChildren:c=0,staggerChildren:u,staggerDirection:h}=i;return fl(t,e,l,c,u,h,n)}:()=>Promise.resolve(),{when:a}=i;if(a){const[l,c]=a==="beforeChildren"?[o,r]:[r,o];return l().then(()=>c())}else return Promise.all([o(),r(n.delay)])}function fl(t,e,n=0,s=0,i=0,o=1,r){const a=[];for(const l of t.variantChildren)l.notify("AnimationStart",e),a.push(Re(l,e,{...r,delay:n+(typeof s=="function"?0:s)+Wi(t.variantChildren,l,s,i,o)}).then(()=>l.notify("AnimationComplete",e)));return Promise.all(a)}function dl(t,e,n={}){t.notify("AnimationStart",e);let s;if(Array.isArray(e)){const i=e.map(o=>Re(t,o,n));s=Promise.all(i)}else if(typeof e=="string")s=Re(t,e,n);else{const i=typeof e=="function"?dt(t,e,n.custom):e;s=Promise.all(Ki(t,i,n))}return s.then(()=>{t.notify("AnimationComplete",e)})}function $i(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let s=0;s<n;s++)if(e[s]!==t[s])return!1;return!0}const ml=sn.length;function Gi(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?Gi(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<ml;n++){const s=sn[n],i=t.props[s];(Mt(i)||i===!1)&&(e[s]=i)}return e}const pl=[...nn].reverse(),gl=nn.length;function yl(t){return e=>Promise.all(e.map(({animation:n,options:s})=>dl(t,n,s)))}function vl(t){let e=yl(t),n=zn(),s=!0;const i=l=>(c,u)=>{const h=dt(t,u,l==="exit"?t.presenceContext?.custom:void 0);if(h){const{transition:f,transitionEnd:d,...m}=h;c={...c,...m,...d}}return c};function o(l){e=l(t)}function r(l){const{props:c}=t,u=Gi(t.parent)||{},h=[],f=new Set;let d={},m=1/0;for(let y=0;y<gl;y++){const p=pl[y],T=n[p],g=c[p]!==void 0?c[p]:u[p],A=Mt(g),P=p===l?T.isActive:null;P===!1&&(m=y);let w=g===u[p]&&g!==c[p]&&A;if(w&&s&&t.manuallyAnimateOnMount&&(w=!1),T.protectedKeys={...d},!T.isActive&&P===null||!g&&!T.prevProp||Xt(g)||typeof g=="boolean")continue;const E=Tl(T.prevProp,g);let b=E||p===l&&T.isActive&&!w&&A||y>m&&A,I=!1;const O=Array.isArray(g)?g:[g];let ot=O.reduce(i(p),{});P===!1&&(ot={});const{prevResolvedValues:fn={}}=T,rr={...fn,...ot},dn=L=>{b=!0,f.has(L)&&(I=!0,f.delete(L)),T.needsAnimating[L]=!0;const N=t.getValue(L);N&&(N.liveStyle=!1)};for(const L in rr){const N=ot[L],Q=fn[L];if(d.hasOwnProperty(L))continue;let at=!1;De(N)&&De(Q)?at=!$i(N,Q):at=N!==Q,at?N!=null?dn(L):f.add(L):N!==void 0&&f.has(L)?dn(L):T.protectedKeys[L]=!0}T.prevProp=g,T.prevResolvedValues=ot,T.isActive&&(d={...d,...ot}),s&&t.blockInitialAnimation&&(b=!1);const mn=w&&E;b&&(!mn||I)&&h.push(...O.map(L=>{const N={type:p};if(typeof L=="string"&&s&&!mn&&t.manuallyAnimateOnMount&&t.parent){const{parent:Q}=t,at=dt(Q,L);if(Q.enteringChildren&&at){const{delayChildren:or}=at.transition||{};N.delay=Wi(Q.enteringChildren,t,or)}}return{animation:L,options:N}}))}if(f.size){const y={};if(typeof c.initial!="boolean"){const p=dt(t,Array.isArray(c.initial)?c.initial[0]:c.initial);p&&p.transition&&(y.transition=p.transition)}f.forEach(p=>{const T=t.getBaseTarget(p),g=t.getValue(p);g&&(g.liveStyle=!0),y[p]=T??null}),h.push({animation:y})}let v=!!h.length;return s&&(c.initial===!1||c.initial===c.animate)&&!t.manuallyAnimateOnMount&&(v=!1),s=!1,v?e(h):Promise.resolve()}function a(l,c){if(n[l].isActive===c)return Promise.resolve();t.variantChildren?.forEach(h=>h.animationState?.setActive(l,c)),n[l].isActive=c;const u=r(l);for(const h in n)n[h].protectedKeys={};return u}return{animateChanges:r,setActive:a,setAnimateFunction:o,getState:()=>n,reset:()=>{n=zn()}}}function Tl(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!$i(e,t):!1}function tt(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function zn(){return{animate:tt(!0),whileInView:tt(),whileHover:tt(),whileTap:tt(),whileDrag:tt(),whileFocus:tt(),exit:tt()}}class J{constructor(e){this.isMounted=!1,this.node=e}update(){}}class xl extends J{constructor(e){super(e),e.animationState||(e.animationState=vl(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();Xt(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:n}=this.node.prevProps||{};e!==n&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}let Pl=0;class Sl extends J{constructor(){super(...arguments),this.id=Pl++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:s}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===s)return;const i=this.node.animationState.setActive("exit",!e);n&&!e&&i.then(()=>{n(this.id)})}mount(){const{register:e,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),e&&(this.unmount=e(this.id))}unmount(){}}const bl={animation:{Feature:xl},exit:{Feature:Sl}};function Dt(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}function kt(t){return{point:{x:t.pageX,y:t.pageY}}}const Al=t=>e=>en(e)&&t(e,kt(e));function bt(t,e,n,s){return Dt(t,e,Al(n),s)}const Hi=1e-4,wl=1-Hi,Vl=1+Hi,_i=.01,Cl=0-_i,Ml=0+_i;function B(t){return t.max-t.min}function Dl(t,e,n){return Math.abs(t-e)<=n}function Xn(t,e,n,s=.5){t.origin=s,t.originPoint=C(e.min,e.max,t.origin),t.scale=B(n)/B(e),t.translate=C(n.min,n.max,t.origin)-t.originPoint,(t.scale>=wl&&t.scale<=Vl||isNaN(t.scale))&&(t.scale=1),(t.translate>=Cl&&t.translate<=Ml||isNaN(t.translate))&&(t.translate=0)}function At(t,e,n,s){Xn(t.x,e.x,n.x,s?s.originX:void 0),Xn(t.y,e.y,n.y,s?s.originY:void 0)}function Yn(t,e,n){t.min=n.min+e.min,t.max=t.min+B(e)}function El(t,e,n){Yn(t.x,e.x,n.x),Yn(t.y,e.y,n.y)}function qn(t,e,n){t.min=e.min-n.min,t.max=t.min+B(e)}function _t(t,e,n){qn(t.x,e.x,n.x),qn(t.y,e.y,n.y)}function U(t){return[t("x"),t("y")]}const zi=({current:t})=>t?t.ownerDocument.defaultView:null,Zn=(t,e)=>Math.abs(t-e);function Rl(t,e){const n=Zn(t.x,e.x),s=Zn(t.y,e.y);return Math.sqrt(n**2+s**2)}class Xi{constructor(e,n,{transformPagePoint:s,contextWindow:i=window,dragSnapToOrigin:o=!1,distanceThreshold:r=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const f=re(this.lastMoveEventInfo,this.history),d=this.startEvent!==null,m=Rl(f.offset,{x:0,y:0})>=this.distanceThreshold;if(!d&&!m)return;const{point:v}=f,{timestamp:y}=k;this.history.push({...v,timestamp:y});const{onStart:p,onMove:T}=this.handlers;d||(p&&p(this.lastMoveEvent,f),this.startEvent=this.lastMoveEvent),T&&T(this.lastMoveEvent,f)},this.handlePointerMove=(f,d)=>{this.lastMoveEvent=f,this.lastMoveEventInfo=ie(d,this.transformPagePoint),V.update(this.updatePoint,!0)},this.handlePointerUp=(f,d)=>{this.end();const{onEnd:m,onSessionEnd:v,resumeAnimation:y}=this.handlers;if(this.dragSnapToOrigin&&y&&y(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=re(f.type==="pointercancel"?this.lastMoveEventInfo:ie(d,this.transformPagePoint),this.history);this.startEvent&&m&&m(f,p),v&&v(f,p)},!en(e))return;this.dragSnapToOrigin=o,this.handlers=n,this.transformPagePoint=s,this.distanceThreshold=r,this.contextWindow=i||window;const a=kt(e),l=ie(a,this.transformPagePoint),{point:c}=l,{timestamp:u}=k;this.history=[{...c,timestamp:u}];const{onSessionStart:h}=n;h&&h(e,re(l,this.history)),this.removeListeners=Et(bt(this.contextWindow,"pointermove",this.handlePointerMove),bt(this.contextWindow,"pointerup",this.handlePointerUp),bt(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),q(this.updatePoint)}}function ie(t,e){return e?{point:e(t.point)}:t}function Jn(t,e){return{x:t.x-e.x,y:t.y-e.y}}function re({point:t},e){return{point:t,delta:Jn(t,Yi(e)),offset:Jn(t,Ll(e)),velocity:kl(e,.1)}}function Ll(t){return t[0]}function Yi(t){return t[t.length-1]}function kl(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,s=null;const i=Yi(t);for(;n>=0&&(s=t[n],!(i.timestamp-s.timestamp>H(e)));)n--;if(!s)return{x:0,y:0};const o=K(i.timestamp-s.timestamp);if(o===0)return{x:0,y:0};const r={x:(i.x-s.x)/o,y:(i.y-s.y)/o};return r.x===1/0&&(r.x=0),r.y===1/0&&(r.y=0),r}function Fl(t,{min:e,max:n},s){return e!==void 0&&t<e?t=s?C(e,t,s.min):Math.max(t,e):n!==void 0&&t>n&&(t=s?C(n,t,s.max):Math.min(t,n)),t}function Qn(t,e,n){return{min:e!==void 0?t.min+e:void 0,max:n!==void 0?t.max+n-(t.max-t.min):void 0}}function Bl(t,{top:e,left:n,bottom:s,right:i}){return{x:Qn(t.x,n,i),y:Qn(t.y,e,s)}}function ts(t,e){let n=e.min-t.min,s=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,s]=[s,n]),{min:n,max:s}}function Il(t,e){return{x:ts(t.x,e.x),y:ts(t.y,e.y)}}function jl(t,e){let n=.5;const s=B(t),i=B(e);return i>s?n=wt(e.min,e.max-s,t.min):s>i&&(n=wt(t.min,t.max-i,e.min)),z(0,1,n)}function Ol(t,e){const n={};return e.min!==void 0&&(n.min=e.min-t.min),e.max!==void 0&&(n.max=e.max-t.min),n}const Le=.35;function Nl(t=Le){return t===!1?t=0:t===!0&&(t=Le),{x:es(t,"left","right"),y:es(t,"top","bottom")}}function es(t,e,n){return{min:ns(t,e),max:ns(t,n)}}function ns(t,e){return typeof t=="number"?t:t[e]||0}const Ul=new WeakMap;class Kl{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=R(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:n=!1,distanceThreshold:s}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const o=h=>{const{dragSnapToOrigin:f}=this.getProps();f?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(kt(h).point)},r=(h,f)=>{const{drag:d,dragPropagation:m,onDragStart:v}=this.getProps();if(d&&!m&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Jo(d),!this.openDragLock))return;this.latestPointerEvent=h,this.latestPanInfo=f,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),U(p=>{let T=this.getAxisMotionValue(p).get()||0;if(_.test(T)){const{projection:g}=this.visualElement;if(g&&g.layout){const A=g.layout.layoutBox[p];A&&(T=B(A)*(parseFloat(T)/100))}}this.originPoint[p]=T}),v&&V.postRender(()=>v(h,f)),Ee(this.visualElement,"transform");const{animationState:y}=this.visualElement;y&&y.setActive("whileDrag",!0)},a=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f;const{dragPropagation:d,dragDirectionLock:m,onDirectionLock:v,onDrag:y}=this.getProps();if(!d&&!this.openDragLock)return;const{offset:p}=f;if(m&&this.currentDirection===null){this.currentDirection=Wl(p),this.currentDirection!==null&&v&&v(this.currentDirection);return}this.updateAxis("x",f.point,p),this.updateAxis("y",f.point,p),this.visualElement.render(),y&&y(h,f)},l=(h,f)=>{this.latestPointerEvent=h,this.latestPanInfo=f,this.stop(h,f),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>U(h=>this.getAnimationState(h)==="paused"&&this.getAxisMotionValue(h).animation?.play()),{dragSnapToOrigin:u}=this.getProps();this.panSession=new Xi(e,{onSessionStart:o,onStart:r,onMove:a,onSessionEnd:l,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:s,contextWindow:zi(this.visualElement)})}stop(e,n){const s=e||this.latestPointerEvent,i=n||this.latestPanInfo,o=this.isDragging;if(this.cancel(),!o||!i||!s)return;const{velocity:r}=i;this.startAnimation(r);const{onDragEnd:a}=this.getProps();a&&V.postRender(()=>a(s,i))}cancel(){this.isDragging=!1;const{projection:e,animationState:n}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(e,n,s){const{drag:i}=this.getProps();if(!s||!It(e,i,this.currentDirection))return;const o=this.getAxisMotionValue(e);let r=this.originPoint[e]+s[e];this.constraints&&this.constraints[e]&&(r=Fl(r,this.constraints[e],this.elastic[e])),o.set(r)}resolveConstraints(){const{dragConstraints:e,dragElastic:n}=this.getProps(),s=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,i=this.constraints;e&&ut(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&s?this.constraints=Bl(s.layoutBox,e):this.constraints=!1,this.elastic=Nl(n),i!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&U(o=>{this.constraints!==!1&&this.getAxisMotionValue(o)&&(this.constraints[o]=Ol(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!ut(e))return!1;const s=e.current,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const o=$a(s,i.root,this.visualElement.getTransformPagePoint());let r=Il(i.layout.layoutBox,o);if(n){const a=n(Ua(r));this.hasMutatedConstraints=!!a,a&&(r=Li(a))}return r}startAnimation(e){const{drag:n,dragMomentum:s,dragElastic:i,dragTransition:o,dragSnapToOrigin:r,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},c=U(u=>{if(!It(u,n,this.currentDirection))return;let h=l&&l[u]||{};r&&(h={min:0,max:0});const f=i?200:1e6,d=i?40:1e7,m={type:"inertia",velocity:s?e[u]:0,bounceStiffness:f,bounceDamping:d,timeConstant:750,restDelta:1,restSpeed:10,...o,...h};return this.startAxisValueAnimation(u,m)});return Promise.all(c).then(a)}startAxisValueAnimation(e,n){const s=this.getAxisMotionValue(e);return Ee(this.visualElement,e),s.start(hn(e,s,0,n,this.visualElement,!1))}stopAnimation(){U(e=>this.getAxisMotionValue(e).stop())}pauseAnimation(){U(e=>this.getAxisMotionValue(e).animation?.pause())}getAnimationState(e){return this.getAxisMotionValue(e).animation?.state}getAxisMotionValue(e){const n=`_drag${e.toUpperCase()}`,s=this.visualElement.getProps(),i=s[n];return i||this.visualElement.getValue(e,(s.initial?s.initial[e]:void 0)||0)}snapToCursor(e){U(n=>{const{drag:s}=this.getProps();if(!It(n,s,this.currentDirection))return;const{projection:i}=this.visualElement,o=this.getAxisMotionValue(n);if(i&&i.layout){const{min:r,max:a}=i.layout.layoutBox[n];o.set(e[n]-C(r,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:s}=this.visualElement;if(!ut(n)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};U(r=>{const a=this.getAxisMotionValue(r);if(a&&this.constraints!==!1){const l=a.get();i[r]=jl({min:l,max:l},this.constraints[r])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),U(r=>{if(!It(r,e,null))return;const a=this.getAxisMotionValue(r),{min:l,max:c}=this.constraints[r];a.set(C(l,c,i[r]))})}addListeners(){if(!this.visualElement.current)return;Ul.set(this.visualElement,this);const e=this.visualElement.current,n=bt(e,"pointerdown",l=>{const{drag:c,dragListener:u=!0}=this.getProps();c&&u&&this.start(l)}),s=()=>{const{dragConstraints:l}=this.getProps();ut(l)&&l.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,o=i.addEventListener("measure",s);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),V.read(s);const r=Dt(window,"resize",()=>this.scalePositionWithinConstraints()),a=i.addEventListener("didUpdate",(({delta:l,hasLayoutChanged:c})=>{this.isDragging&&c&&(U(u=>{const h=this.getAxisMotionValue(u);h&&(this.originPoint[u]+=l[u].translate,h.set(h.get()+l[u].translate))}),this.visualElement.render())}));return()=>{r(),n(),o(),a&&a()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:o=!1,dragElastic:r=Le,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:s,dragPropagation:i,dragConstraints:o,dragElastic:r,dragMomentum:a}}}function It(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function Wl(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class $l extends J{constructor(e){super(e),this.removeGroupControls=W,this.removeListeners=W,this.controls=new Kl(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||W}unmount(){this.removeGroupControls(),this.removeListeners()}}const ss=t=>(e,n)=>{t&&V.postRender(()=>t(e,n))};class Gl extends J{constructor(){super(...arguments),this.removePointerDownListener=W}onPointerDown(e){this.session=new Xi(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:zi(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:s,onPanEnd:i}=this.node.getProps();return{onSessionStart:ss(e),onStart:ss(n),onMove:s,onEnd:(o,r)=>{delete this.session,i&&V.postRender(()=>i(o,r))}}}mount(){this.removePointerDownListener=bt(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const Ut={hasAnimatedSinceResize:!0,hasEverUpdated:!1};let oe=!1;class Hl extends S.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s,layoutId:i}=this.props,{projection:o}=e;o&&(n.group&&n.group.add(o),s&&s.register&&i&&s.register(o),oe&&o.root.didUpdate(),o.addEventListener("animationComplete",()=>{this.safeToRemove()}),o.setOptions({...o.options,onExitComplete:()=>this.safeToRemove()})),Ut.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:s,drag:i,isPresent:o}=this.props,{projection:r}=s;return r&&(r.isPresent=o,oe=!0,i||e.layoutDependency!==n||n===void 0||e.isPresent!==o?r.willUpdate():this.safeToRemove(),e.isPresent!==o&&(o?r.promote():r.relegate()||V.postRender(()=>{const a=r.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),tn.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:s}=this.props,{projection:i}=e;oe=!0,i&&(i.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(i),s&&s.deregister&&s.deregister(i))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function qi(t){const[e,n]=aa(),s=S.useContext(Cs);return he.jsx(Hl,{...t,layoutGroup:s,switchLayoutGroup:S.useContext(Ei),isPresent:e,safeToRemove:n})}function _l(t,e,n){const s=F(t)?t:mt(t);return s.start(hn("",s,e,n)),s.animation}const zl=(t,e)=>t.depth-e.depth;class Xl{constructor(){this.children=[],this.isDirty=!1}add(e){Ie(this.children,e),this.isDirty=!0}remove(e){je(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(zl),this.isDirty=!1,this.children.forEach(e)}}function Yl(t,e){const n=j.now(),s=({timestamp:i})=>{const o=i-n;o>=e&&(q(s),t(o-e))};return V.setup(s,!0),()=>q(s)}const Zi=["TopLeft","TopRight","BottomLeft","BottomRight"],ql=Zi.length,is=t=>typeof t=="string"?parseFloat(t):t,rs=t=>typeof t=="number"||x.test(t);function Zl(t,e,n,s,i,o){i?(t.opacity=C(0,n.opacity??1,Jl(s)),t.opacityExit=C(e.opacity??1,0,Ql(s))):o&&(t.opacity=C(e.opacity??1,n.opacity??1,s));for(let r=0;r<ql;r++){const a=`border${Zi[r]}Radius`;let l=os(e,a),c=os(n,a);if(l===void 0&&c===void 0)continue;l||(l=0),c||(c=0),l===0||c===0||rs(l)===rs(c)?(t[a]=Math.max(C(is(l),is(c),s),0),(_.test(c)||_.test(l))&&(t[a]+="%")):t[a]=c}(e.rotate||n.rotate)&&(t.rotate=C(e.rotate||0,n.rotate||0,s))}function os(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const Jl=Ji(0,.5,Os),Ql=Ji(.5,.95,W);function Ji(t,e,n){return s=>s<t?0:s>e?1:n(wt(t,e,s))}function as(t,e){t.min=e.min,t.max=e.max}function $(t,e){as(t.x,e.x),as(t.y,e.y)}function ls(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}function us(t,e,n,s,i){return t-=e,t=Ht(t,1/n,s),i!==void 0&&(t=Ht(t,1/i,s)),t}function tu(t,e=0,n=1,s=.5,i,o=t,r=t){if(_.test(e)&&(e=parseFloat(e),e=C(r.min,r.max,e/100)-r.min),typeof e!="number")return;let a=C(o.min,o.max,s);t===o&&(a-=e),t.min=us(t.min,e,n,a,i),t.max=us(t.max,e,n,a,i)}function cs(t,e,[n,s,i],o,r){tu(t,e[n],e[s],e[i],e.scale,o,r)}const eu=["x","scaleX","originX"],nu=["y","scaleY","originY"];function hs(t,e,n,s){cs(t.x,e,eu,n?n.x:void 0,s?s.x:void 0),cs(t.y,e,nu,n?n.y:void 0,s?s.y:void 0)}function fs(t){return t.translate===0&&t.scale===1}function Qi(t){return fs(t.x)&&fs(t.y)}function ds(t,e){return t.min===e.min&&t.max===e.max}function su(t,e){return ds(t.x,e.x)&&ds(t.y,e.y)}function ms(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function tr(t,e){return ms(t.x,e.x)&&ms(t.y,e.y)}function ps(t){return B(t.x)/B(t.y)}function gs(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}class iu{constructor(){this.members=[]}add(e){Ie(this.members,e),e.scheduleRender()}remove(e){if(je(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(e){const n=this.members.findIndex(i=>e===i);if(n===0)return!1;let s;for(let i=n;i>=0;i--){const o=this.members[i];if(o.isPresent!==!1){s=o;break}}return s?(this.promote(s),!0):!1}promote(e,n){const s=this.lead;if(e!==s&&(this.prevLead=s,this.lead=e,e.show(),s)){s.instance&&s.scheduleRender(),e.scheduleRender(),e.resumeFrom=s,n&&(e.resumeFrom.preserveOpacity=!0),s.snapshot&&(e.snapshot=s.snapshot,e.snapshot.latestValues=s.animationValues||s.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:i}=e.options;i===!1&&s.hide()}}exitAnimationComplete(){this.members.forEach(e=>{const{options:n,resumingFrom:s}=e;n.onExitComplete&&n.onExitComplete(),s&&s.options.onExitComplete&&s.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function ru(t,e,n){let s="";const i=t.x.translate/e.x,o=t.y.translate/e.y,r=n?.z||0;if((i||o||r)&&(s=`translate3d(${i}px, ${o}px, ${r}px) `),(e.x!==1||e.y!==1)&&(s+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:c,rotate:u,rotateX:h,rotateY:f,skewX:d,skewY:m}=n;c&&(s=`perspective(${c}px) ${s}`),u&&(s+=`rotate(${u}deg) `),h&&(s+=`rotateX(${h}deg) `),f&&(s+=`rotateY(${f}deg) `),d&&(s+=`skewX(${d}deg) `),m&&(s+=`skewY(${m}deg) `)}const a=t.x.scale*e.x,l=t.y.scale*e.y;return(a!==1||l!==1)&&(s+=`scale(${a}, ${l})`),s||"none"}const ae=["","X","Y","Z"],ou=1e3;let au=0;function le(t,e,n,s){const{latestValues:i}=e;i[t]&&(n[t]=i[t],e.setStaticValue(t,0),s&&(s[t]=0))}function er(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=Ui(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:i,layoutId:o}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",V,!(i||o))}const{parent:s}=t;s&&!s.hasCheckedOptimisedAppear&&er(s)}function nr({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:s,resetTransform:i}){return class{constructor(r={},a=e?.()){this.id=au++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(cu),this.nodes.forEach(mu),this.nodes.forEach(pu),this.nodes.forEach(hu)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=r,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let l=0;l<this.path.length;l++)this.path[l].shouldResetTransform=!0;this.root===this&&(this.nodes=new Xl)}addEventListener(r,a){return this.eventHandlers.has(r)||this.eventHandlers.set(r,new Ue),this.eventHandlers.get(r).add(a)}notifyListeners(r,...a){const l=this.eventHandlers.get(r);l&&l.notify(...a)}hasListeners(r){return this.eventHandlers.has(r)}mount(r){if(this.instance)return;this.isSVG=yi(r)&&!ia(r),this.instance=r;const{layoutId:a,layout:l,visualElement:c}=this.options;if(c&&!c.current&&c.mount(r),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(l||a)&&(this.isLayoutDirty=!0),t){let u,h=0;const f=()=>this.root.updateBlockedByResize=!1;V.read(()=>{h=window.innerWidth}),t(r,()=>{const d=window.innerWidth;d!==h&&(h=d,this.root.updateBlockedByResize=!0,u&&u(),u=Yl(f,250),Ut.hasAnimatedSinceResize&&(Ut.hasAnimatedSinceResize=!1,this.nodes.forEach(Ts)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&c&&(a||l)&&this.addEventListener("didUpdate",({delta:u,hasLayoutChanged:h,hasRelativeLayoutChanged:f,layout:d})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const m=this.options.transition||c.getDefaultTransition()||xu,{onLayoutAnimationStart:v,onLayoutAnimationComplete:y}=c.getProps(),p=!this.targetLayout||!tr(this.targetLayout,d),T=!h&&f;if(this.options.layoutRoot||this.resumeFrom||T||h&&(p||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const g={...Je(m,"layout"),onPlay:v,onComplete:y};(c.shouldReduceMotion||this.options.layoutRoot)&&(g.delay=0,g.type=!1),this.startAnimation(g),this.setAnimationOrigin(u,T)}else h||Ts(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=d})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const r=this.getStack();r&&r.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),q(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(gu),this.animationId++)}getTransformTemplate(){const{visualElement:r}=this.options;return r&&r.getProps().transformTemplate}willUpdate(r=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&er(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let u=0;u<this.path.length;u++){const h=this.path[u];h.shouldResetTransform=!0,h.updateScroll("snapshot"),h.options.layoutRoot&&h.willUpdate(!1)}const{layoutId:a,layout:l}=this.options;if(a===void 0&&!l)return;const c=this.getTransformTemplate();this.prevTransformTemplateValue=c?c(this.latestValues,""):void 0,this.updateSnapshot(),r&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(ys);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(vs);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(du),this.nodes.forEach(lu),this.nodes.forEach(uu)):this.nodes.forEach(vs),this.clearAllSnapshots();const a=j.now();k.delta=z(0,1e3/60,a-k.timestamp),k.timestamp=a,k.isProcessing=!0,qt.update.process(k),qt.preRender.process(k),qt.render.process(k),k.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,tn.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(fu),this.sharedNodes.forEach(yu)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,V.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){V.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!B(this.snapshot.measuredBox.x)&&!B(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let l=0;l<this.path.length;l++)this.path[l].updateScroll();const r=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected=R(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,r?r.layoutBox:void 0)}updateScroll(r="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===r&&(a=!1),a&&this.instance){const l=s(this.instance);this.scroll={animationId:this.root.animationId,phase:r,isRoot:l,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:l}}}resetTransform(){if(!i)return;const r=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!Qi(this.projectionDelta),l=this.getTransformTemplate(),c=l?l(this.latestValues,""):void 0,u=c!==this.prevTransformTemplateValue;r&&this.instance&&(a||et(this.latestValues)||u)&&(i(this.instance,c),this.shouldResetTransform=!1,this.scheduleRender())}measure(r=!0){const a=this.measurePageBox();let l=this.removeElementScroll(a);return r&&(l=this.removeTransform(l)),Pu(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:r}=this.options;if(!r)return R();const a=r.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(Su))){const{scroll:c}=this.root;c&&(ct(a.x,c.offset.x),ct(a.y,c.offset.y))}return a}removeElementScroll(r){const a=R();if($(a,r),this.scroll?.wasRoot)return a;for(let l=0;l<this.path.length;l++){const c=this.path[l],{scroll:u,options:h}=c;c!==this.root&&u&&h.layoutScroll&&(u.wasRoot&&$(a,r),ct(a.x,u.offset.x),ct(a.y,u.offset.y))}return a}applyTransform(r,a=!1){const l=R();$(l,r);for(let c=0;c<this.path.length;c++){const u=this.path[c];!a&&u.options.layoutScroll&&u.scroll&&u!==u.root&&ht(l,{x:-u.scroll.offset.x,y:-u.scroll.offset.y}),et(u.latestValues)&&ht(l,u.latestValues)}return et(this.latestValues)&&ht(l,this.latestValues),l}removeTransform(r){const a=R();$(a,r);for(let l=0;l<this.path.length;l++){const c=this.path[l];if(!c.instance||!et(c.latestValues))continue;Ve(c.latestValues)&&c.updateSnapshot();const u=R(),h=c.measurePageBox();$(u,h),hs(a,c.latestValues,c.snapshot?c.snapshot.layoutBox:void 0,u)}return et(this.latestValues)&&hs(a,this.latestValues),a}setTargetDelta(r){this.targetDelta=r,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(r){this.options={...this.options,...r,crossfade:r.crossfade!==void 0?r.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==k.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(r=!1){const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const l=!!this.resumingFrom||this!==a;if(!(r||l&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:u,layoutId:h}=this.options;if(!this.layout||!(u||h))return;this.resolvedRelativeTargetAt=k.timestamp;const f=this.getClosestProjectingParent();f&&this.linkedParentVersion!==f.layoutVersion&&!f.options.layoutRoot&&this.removeRelativeTarget(),!this.targetDelta&&!this.relativeTarget&&(f&&f.layout?this.createRelativeTarget(f,this.layout.layoutBox,f.layout.layoutBox):this.removeRelativeTarget()),!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=R(),this.targetWithTransforms=R()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),El(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):$(this.target,this.layout.layoutBox),Fi(this.target,this.targetDelta)):$(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,f&&!!f.resumingFrom==!!this.resumingFrom&&!f.options.layoutScroll&&f.target&&this.animationProgress!==1?this.createRelativeTarget(f,this.target,f.target):this.relativeParent=this.relativeTarget=void 0))}getClosestProjectingParent(){if(!(!this.parent||Ve(this.parent.latestValues)||ki(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(r,a,l){this.relativeParent=r,this.linkedParentVersion=r.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=R(),this.relativeTargetOrigin=R(),_t(this.relativeTargetOrigin,a,l),$(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){const r=this.getLead(),a=!!this.resumingFrom||this!==r;let l=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(l=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(l=!1),this.resolvedRelativeTargetAt===k.timestamp&&(l=!1),l)return;const{layout:c,layoutId:u}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(c||u))return;$(this.layoutCorrected,this.layout.layoutBox);const h=this.treeScale.x,f=this.treeScale.y;Wa(this.layoutCorrected,this.treeScale,this.path,a),r.layout&&!r.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(r.target=r.layout.layoutBox,r.targetWithTransforms=R());const{target:d}=r;if(!d){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(ls(this.prevProjectionDelta.x,this.projectionDelta.x),ls(this.prevProjectionDelta.y,this.projectionDelta.y)),At(this.projectionDelta,this.layoutCorrected,d,this.latestValues),(this.treeScale.x!==h||this.treeScale.y!==f||!gs(this.projectionDelta.x,this.prevProjectionDelta.x)||!gs(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",d))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(r=!0){if(this.options.visualElement?.scheduleRender(),r){const a=this.getStack();a&&a.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=ft(),this.projectionDelta=ft(),this.projectionDeltaWithTransform=ft()}setAnimationOrigin(r,a=!1){const l=this.snapshot,c=l?l.latestValues:{},u={...this.latestValues},h=ft();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const f=R(),d=l?l.source:void 0,m=this.layout?this.layout.source:void 0,v=d!==m,y=this.getStack(),p=!y||y.members.length<=1,T=!!(v&&!p&&this.options.crossfade===!0&&!this.path.some(Tu));this.animationProgress=0;let g;this.mixTargetDelta=A=>{const P=A/1e3;xs(h.x,r.x,P),xs(h.y,r.y,P),this.setTargetDelta(h),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(_t(f,this.layout.layoutBox,this.relativeParent.layout.layoutBox),vu(this.relativeTarget,this.relativeTargetOrigin,f,P),g&&su(this.relativeTarget,g)&&(this.isProjectionDirty=!1),g||(g=R()),$(g,this.relativeTarget)),v&&(this.animationValues=u,Zl(u,c,this.latestValues,P,T,p)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=P},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(r){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(q(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=V.update(()=>{Ut.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=mt(0)),this.currentAnimation=_l(this.motionValue,[0,1e3],{...r,velocity:0,isSync:!0,onUpdate:a=>{this.mixTargetDelta(a),r.onUpdate&&r.onUpdate(a)},onStop:()=>{},onComplete:()=>{r.onComplete&&r.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const r=this.getStack();r&&r.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(ou),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const r=this.getLead();let{targetWithTransforms:a,target:l,layout:c,latestValues:u}=r;if(!(!a||!l||!c)){if(this!==r&&this.layout&&c&&sr(this.options.animationType,this.layout.layoutBox,c.layoutBox)){l=this.target||R();const h=B(this.layout.layoutBox.x);l.x.min=r.target.x.min,l.x.max=l.x.min+h;const f=B(this.layout.layoutBox.y);l.y.min=r.target.y.min,l.y.max=l.y.min+f}$(a,l),ht(a,u),At(this.projectionDeltaWithTransform,this.layoutCorrected,a,u)}}registerSharedNode(r,a){this.sharedNodes.has(r)||this.sharedNodes.set(r,new iu),this.sharedNodes.get(r).add(a);const c=a.options.initialPromotionConfig;a.promote({transition:c?c.transition:void 0,preserveFollowOpacity:c&&c.shouldPreserveFollowOpacity?c.shouldPreserveFollowOpacity(a):void 0})}isLead(){const r=this.getStack();return r?r.lead===this:!0}getLead(){const{layoutId:r}=this.options;return r?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:r}=this.options;return r?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:r}=this.options;if(r)return this.root.sharedNodes.get(r)}promote({needsReset:r,transition:a,preserveFollowOpacity:l}={}){const c=this.getStack();c&&c.promote(this,l),r&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const r=this.getStack();return r?r.relegate(this):!1}resetSkewAndRotation(){const{visualElement:r}=this.options;if(!r)return;let a=!1;const{latestValues:l}=r;if((l.z||l.rotate||l.rotateX||l.rotateY||l.rotateZ||l.skewX||l.skewY)&&(a=!0),!a)return;const c={};l.z&&le("z",r,c,this.animationValues);for(let u=0;u<ae.length;u++)le(`rotate${ae[u]}`,r,c,this.animationValues),le(`skew${ae[u]}`,r,c,this.animationValues);r.render();for(const u in c)r.setStaticValue(u,c[u]),this.animationValues&&(this.animationValues[u]=c[u]);r.scheduleRender()}applyProjectionStyles(r,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){r.visibility="hidden";return}const l=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,r.visibility="",r.opacity="",r.pointerEvents=Nt(a?.pointerEvents)||"",r.transform=l?l(this.latestValues,""):"none";return}const c=this.getLead();if(!this.projectionDelta||!this.layout||!c.target){this.options.layoutId&&(r.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,r.pointerEvents=Nt(a?.pointerEvents)||""),this.hasProjected&&!et(this.latestValues)&&(r.transform=l?l({},""):"none",this.hasProjected=!1);return}r.visibility="";const u=c.animationValues||c.latestValues;this.applyTransformsToTarget();let h=ru(this.projectionDeltaWithTransform,this.treeScale,u);l&&(h=l(u,h)),r.transform=h;const{x:f,y:d}=this.projectionDelta;r.transformOrigin=`${f.origin*100}% ${d.origin*100}% 0`,c.animationValues?r.opacity=c===this?u.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:u.opacityExit:r.opacity=c===this?u.opacity!==void 0?u.opacity:"":u.opacityExit!==void 0?u.opacityExit:0;for(const m in we){if(u[m]===void 0)continue;const{correct:v,applyTo:y,isCSSVariable:p}=we[m],T=h==="none"?u[m]:v(u[m],c);if(y){const g=y.length;for(let A=0;A<g;A++)r[y[A]]=T}else p?this.options.visualElement.renderState.vars[m]=T:r[m]=T}this.options.layoutId&&(r.pointerEvents=c===this?Nt(a?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(r=>r.currentAnimation?.stop()),this.root.nodes.forEach(ys),this.root.sharedNodes.clear()}}}function lu(t){t.updateLayout()}function uu(t){const e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:n,measuredBox:s}=t.layout,{animationType:i}=t.options,o=e.source!==t.layout.source;i==="size"?U(u=>{const h=o?e.measuredBox[u]:e.layoutBox[u],f=B(h);h.min=n[u].min,h.max=h.min+f}):sr(i,e.layoutBox,n)&&U(u=>{const h=o?e.measuredBox[u]:e.layoutBox[u],f=B(n[u]);h.max=h.min+f,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[u].max=t.relativeTarget[u].min+f)});const r=ft();At(r,n,e.layoutBox);const a=ft();o?At(a,t.applyTransform(s,!0),e.measuredBox):At(a,n,e.layoutBox);const l=!Qi(r);let c=!1;if(!t.resumeFrom){const u=t.getClosestProjectingParent();if(u&&!u.resumeFrom){const{snapshot:h,layout:f}=u;if(h&&f){const d=R();_t(d,e.layoutBox,h.layoutBox);const m=R();_t(m,n,f.layoutBox),tr(d,m)||(c=!0),u.options.layoutRoot&&(t.relativeTarget=m,t.relativeTargetOrigin=d,t.relativeParent=u)}}}t.notifyListeners("didUpdate",{layout:n,snapshot:e,delta:a,layoutDelta:r,hasLayoutChanged:l,hasRelativeLayoutChanged:c})}else if(t.isLead()){const{onExitComplete:n}=t.options;n&&n()}t.options.transition=void 0}function cu(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=!!(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function hu(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function fu(t){t.clearSnapshot()}function ys(t){t.clearMeasurements()}function vs(t){t.isLayoutDirty=!1}function du(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Ts(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function mu(t){t.resolveTargetDelta()}function pu(t){t.calcProjection()}function gu(t){t.resetSkewAndRotation()}function yu(t){t.removeLeadSnapshot()}function xs(t,e,n){t.translate=C(e.translate,0,n),t.scale=C(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ps(t,e,n,s){t.min=C(e.min,n.min,s),t.max=C(e.max,n.max,s)}function vu(t,e,n,s){Ps(t.x,e.x,n.x,s),Ps(t.y,e.y,n.y,s)}function Tu(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const xu={duration:.45,ease:[.4,0,.1,1]},Ss=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),bs=Ss("applewebkit/")&&!Ss("chrome/")?Math.round:W;function As(t){t.min=bs(t.min),t.max=bs(t.max)}function Pu(t){As(t.x),As(t.y)}function sr(t,e,n){return t==="position"||t==="preserve-aspect"&&!Dl(ps(e),ps(n),.2)}function Su(t){return t!==t.root&&t.scroll?.wasRoot}const bu=nr({attachResizeListener:(t,e)=>Dt(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),ue={current:void 0},ir=nr({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!ue.current){const t=new bu({});t.mount(window),t.setOptions({layoutScroll:!0}),ue.current=t}return ue.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),Au={pan:{Feature:Gl},drag:{Feature:$l,ProjectionNode:ir,MeasureLayout:qi}};function ws(t,e,n){const{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover",n==="Start");const i="onHover"+n,o=s[i];o&&V.postRender(()=>o(e,kt(e)))}class wu extends J{mount(){const{current:e}=this.node;e&&(this.unmount=Qo(e,(n,s)=>(ws(this.node,s,"Start"),i=>ws(this.node,i,"End"))))}unmount(){}}class Vu extends J{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch{e=!0}!e||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Et(Dt(this.node.current,"focus",()=>this.onFocus()),Dt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Vs(t,e,n){const{props:s}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&s.whileTap&&t.animationState.setActive("whileTap",n==="Start");const i="onTap"+(n==="End"?"":n),o=s[i];o&&V.postRender(()=>o(e,kt(e)))}class Cu extends J{mount(){const{current:e}=this.node;e&&(this.unmount=sa(e,(n,s)=>(Vs(this.node,s,"Start"),(i,{success:o})=>Vs(this.node,i,o?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const ke=new WeakMap,ce=new WeakMap,Mu=t=>{const e=ke.get(t.target);e&&e(t)},Du=t=>{t.forEach(Mu)};function Eu({root:t,...e}){const n=t||document;ce.has(n)||ce.set(n,{});const s=ce.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(Du,{root:t,...e})),s[i]}function Ru(t,e,n){const s=Eu(e);return ke.set(t,n),s.observe(t),()=>{ke.delete(t),s.unobserve(t)}}const Lu={some:0,all:1};class ku extends J{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:n,margin:s,amount:i="some",once:o}=e,r={root:n?n.current:void 0,rootMargin:s,threshold:typeof i=="number"?i:Lu[i]},a=l=>{const{isIntersecting:c}=l;if(this.isInView===c||(this.isInView=c,o&&!c&&this.hasEnteredView))return;c&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",c);const{onViewportEnter:u,onViewportLeave:h}=this.node.getProps(),f=c?u:h;f&&f(l)};return Ru(this.node.current,r,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"].some(Fu(e,n))&&this.startObserver()}unmount(){}}function Fu({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const Bu={inView:{Feature:ku},tap:{Feature:Cu},focus:{Feature:Vu},hover:{Feature:wu}},Iu={layout:{ProjectionNode:ir,MeasureLayout:qi}},ju={...bl,...Bu,...Au,...Iu},Ku=Na(ju,Ja);export{qe as J,Cs as L,vi as M,Be as P,aa as a,lr as b,to as c,F as d,mt as e,V as f,q as g,Rn as h,Yo as i,Ku as m,ar as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,j as s}from"./iframe-DfPay7Zl.js";import{c as N,g as k}from"./store-Ce3Ikv5g.js";import{u as C}from"./index-EGt7xBnA.js";import{T as $}from"./typography-CB8hPDyK.js";const e=k("radio"),j=n.forwardRef((o,d)=>{const{theme:m="brand",type:i="radio",className:f,style:p,onChange:y,checked:R,defaultChecked:v,disabled:c,children:h,typography:_,...b}=o,t=m||"brand",r=n.useRef(null),[g,l]=n.useState(!1),[u,x]=C(o,{trigger:"onChange",defaultValuePropName:"defaultChecked",valuePropName:"checked"});return n.useImperativeHandle(d,()=>({focus:()=>r.current?.focus?.(),blur:()=>r.current?.blur?.()})),s.jsxs("label",{className:N(e,{[`${e}--${t}`]:t,[`${e}--checked`]:u,[`${e}--focus`]:g,[`${e}--disabled`]:c},f),style:p,children:[s.jsxs("span",{className:`${e}__button`,children:[s.jsx("span",{className:`${e}__overlay`}),s.jsx("span",{className:`${e}__icon`}),s.jsx("input",{...b,type:i,checked:u,disabled:c,onChange:a=>x(a.target.checked),ref:r,className:`${e}__input`,onFocus:a=>{l(!0),o.onFocus?.(a)},onBlur:a=>{l(!1),o.onBlur?.(a)}})]}),s.jsx($,{size:"base",..._,component:"span",children:h})]})});j.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Radio"};export{j as R};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o,r as h}from"./iframe-
|
|
1
|
+
import{j as o,r as h}from"./iframe-DfPay7Zl.js";import{T as g,S as b,M as y,P as k,a as v}from"./blocks-DKR3P4qW.js";import{t as e}from"./store-Ce3Ikv5g.js";import{R as t}from"./radio-D0aV0RIg.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./typography-CB8hPDyK.js";import"./colors-_6nFGM3e.js";const f=()=>{const a=`
|
|
2
2
|
## ${e("common.table.title")}
|
|
3
3
|
|
|
4
4
|
| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
|
|
@@ -13,7 +13,7 @@ import{j as o,r as h}from"./iframe-CQAwSt4E.js";import{T as g,S as b,M as y,P as
|
|
|
13
13
|
| \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.radio.childrenDescription")} |
|
|
14
14
|
| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.radio.classNameDescription")} |
|
|
15
15
|
| \`...props\` | \`ComponentProps<'input'>\` | ${e("common.table.no")} | ${e("components.radio.propsDescription")} |
|
|
16
|
-
`;return o.jsxs(o.Fragment,{children:[o.jsx(g,{}),o.jsx(b,{}),o.jsx(y,{children:e("components.radio.description")}),o.jsx(k,{}),o.jsx(y,{children:a}),o.jsx(v,{})]})},
|
|
16
|
+
`;return o.jsxs(o.Fragment,{children:[o.jsx(g,{}),o.jsx(b,{}),o.jsx(y,{children:e("components.radio.description")}),o.jsx(k,{}),o.jsx(y,{children:a}),o.jsx(v,{})]})},G={title:"Components/Radio",component:t,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:e("components.radio.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},onChange:{action:"changed",description:e("components.radio.argTypes.onChangeDescription"),table:{type:{summary:"(checked: boolean) => void"}}},disabled:{control:"boolean",description:e("components.radio.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.radio.argTypes.themeDescription"),table:{type:{summary:"IRadioTheme"},defaultValue:{summary:"default"}}},type:{control:"select",options:["checkbox","radio"],description:e("components.radio.argTypes.typeDescription"),table:{type:{summary:'"checkbox" | "radio"'},defaultValue:{summary:"radio"}}},name:{control:"text",description:e("components.radio.argTypes.nameDescription"),table:{type:{summary:"string"}}},value:{control:"text",description:e("components.radio.argTypes.valueDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.radio.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:e("components.radio.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},r={storyName:e("components.radio.stories.default.storyName"),args:{name:"option",value:"option1",children:e("components.radio.stories.default.text")}},n={storyName:e("components.radio.stories.states.storyName"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{name:"states",value:"unchecked",checked:!1,children:e("components.radio.states.unchecked")}),o.jsx(t,{name:"states",value:"checked",checked:!0,children:e("components.radio.states.checked")}),o.jsx(t,{name:"states",value:"disabled-checked",checked:!0,disabled:!0,children:e("components.radio.states.disabledChecked")}),o.jsx(t,{name:"states",value:"disabled-unchecked",checked:!1,disabled:!0,children:e("components.radio.states.disabledUnchecked")})]})},i={storyName:e("components.radio.stories.radioGroup.storyName"),render:()=>{const[a,s]=h.useState("option1");return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[o.jsx(t,{name:"group",value:"option1",checked:a==="option1",onChange:()=>s("option1"),children:e("components.radio.stories.radioGroup.option1")}),o.jsx(t,{name:"group",value:"option2",checked:a==="option2",onChange:()=>s("option2"),children:e("components.radio.stories.radioGroup.option2")}),o.jsx(t,{name:"group",value:"option3",checked:a==="option3",onChange:()=>s("option3"),children:e("components.radio.stories.radioGroup.option3")}),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.radio.stories.radioGroup.selected"),": ",a]})]})}},c={storyName:e("components.radio.stories.themes.storyName"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{name:"themes",value:"brand",checked:!0,theme:"brand",children:e("components.radio.stories.themes.brand")}),o.jsx(t,{name:"themes",value:"neutral",checked:!0,theme:"neutral",children:e("components.radio.stories.themes.neutral")})]})},d={storyName:e("components.radio.stories.checkboxType.storyName"),render:()=>{const[a,s]=h.useState(!1),[u,x]=h.useState(!0);return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{type:"checkbox",checked:a,onChange:s,children:e("components.radio.stories.checkboxType.unchecked")}),o.jsx(t,{type:"checkbox",checked:u,onChange:x,children:e("components.radio.stories.checkboxType.checked")})]})}},p={storyName:e("components.radio.stories.typography.storyName"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{name:"typography",value:"default",checked:!0,typography:{size:"base",weight:"regular"},children:e("components.radio.stories.typography.default")}),o.jsx(t,{name:"typography",value:"large",checked:!0,typography:{size:"large",weight:"bold"},children:e("components.radio.stories.typography.large")}),o.jsx(t,{name:"typography",value:"small",checked:!0,typography:{size:"small",weight:"medium"},children:e("components.radio.stories.typography.small")})]})},m={storyName:e("components.radio.stories.completeExample.storyName"),render:()=>{const[a,s]=h.useState("credit");return o.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:o.jsxs("div",{children:[o.jsx("h3",{style:{marginBottom:"12px"},children:e("components.radio.stories.completeExample.title")}),o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[o.jsx(t,{name:"payment",value:"credit",checked:a==="credit",onChange:()=>s("credit"),children:e("components.radio.stories.completeExample.creditCard")}),o.jsx(t,{name:"payment",value:"debit",checked:a==="debit",onChange:()=>s("debit"),children:e("components.radio.stories.completeExample.debitCard")}),o.jsx(t,{name:"payment",value:"paypal",checked:a==="paypal",onChange:()=>s("paypal"),children:e("components.radio.stories.completeExample.paypal")}),o.jsx(t,{name:"payment",value:"disabled",checked:a==="disabled",onChange:()=>s("disabled"),disabled:!0,children:e("components.radio.stories.completeExample.bankTransfer")})]}),o.jsxs("p",{style:{fontSize:"14px",color:"#666",marginTop:"8px"},children:[e("components.radio.stories.completeExample.selected"),":"," ",a]})]})})}},l={storyName:e("components.radio.stories.interactive.storyName"),args:{name:"interactive",value:"value1",children:e("components.radio.stories.interactive.text"),checked:!1,disabled:!1,theme:"default",type:"radio"}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
|
|
17
17
|
storyName: t('components.radio.stories.default.storyName'),
|
|
18
18
|
args: {
|
|
19
19
|
name: 'option',
|
|
@@ -180,4 +180,4 @@ import{j as o,r as h}from"./iframe-CQAwSt4E.js";import{T as g,S as b,M as y,P as
|
|
|
180
180
|
theme: 'default',
|
|
181
181
|
type: 'radio'
|
|
182
182
|
}
|
|
183
|
-
}`,...l.parameters?.docs?.source}}};const
|
|
183
|
+
}`,...l.parameters?.docs?.source}}};const z=["Default","States","RadioGroup","Themes","CheckboxType","WithCustomTypography","CompleteExample","Interactive"];export{d as CheckboxType,m as CompleteExample,r as Default,l as Interactive,i as RadioGroup,n as States,c as Themes,p as WithCustomTypography,z as __namedExportsOrder,G as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as f,j as e}from"./iframe-DfPay7Zl.js";import{g as p,c as _}from"./store-Ce3Ikv5g.js";import{u as j}from"./index-EGt7xBnA.js";const m=p("rating"),g=({value:r=0,...o})=>{const i=Math.max(Math.min(r,1),0)*100,s=f.useId(),t="M21.2849 7.66933C21.1676 7.308 20.8543 7.044 20.4783 6.98933L14.3183 6.09467L11.5636 0.512C11.2276 -0.170667 10.1063 -0.170667 9.77025 0.512L7.01559 6.09333L0.855586 6.988C0.479586 7.04267 0.166253 7.30667 0.0489193 7.668C-0.068414 8.02933 0.0289192 8.428 0.302253 8.69333L4.75959 13.0373L3.70625 19.172C3.64225 19.548 3.79559 19.9267 4.10359 20.1507C4.41159 20.3733 4.82092 20.4027 5.15692 20.2267L10.6663 17.3293L16.1756 20.2267C16.3223 20.304 16.4809 20.3413 16.6409 20.3413C16.8476 20.3413 17.0543 20.2773 17.2289 20.1507C17.5369 19.9267 17.6916 19.548 17.6263 19.172L16.5729 13.0373L21.0303 8.69333C21.3036 8.428 21.4009 8.02933 21.2836 7.668L21.2849 7.66933Z";return e.jsx("span",{className:`${m}__icon`,...o,children:e.jsxs("svg",{width:"100%",height:"100%",viewBox:"0 0 22 21",fill:"none",children:[e.jsx("defs",{children:e.jsx("clipPath",{id:s,children:e.jsx("path",{d:t})})}),e.jsx("path",{className:`${m}__icon-empty`,d:t}),e.jsx("rect",{className:`${m}__icon-filled`,width:`${i}%`,height:"100%",clipPath:`url(#${s})`})]})})};g.__docgenInfo={description:"",methods:[],displayName:"Star",props:{value:{defaultValue:{value:"0",computed:!1},required:!1}}};const v=5,d=p("rating"),L=r=>{const{size:o="medium",className:i,max:s=v,readonly:t=!1,defaultValue:$,onChange:M,value:P,...x}=r,[c,C]=j(r,{trigger:"onChange",valuePropName:"value",defaultValuePropName:"defaultValue"}),h=f.useMemo(()=>{const a=Math.max(Math.floor(s),0);if(a<=0)return[];const n=u=>{if(u+1<=c)return 1;const l=u+1-c;return l>1?0:1-l};return Array.from({length:a},(u,l)=>({value:n(l)}))},[c,s]),N=a=>{t||C(a+1)};return e.jsx("div",{className:_(d,{[`${d}--readonly`]:t,[`${d}--${o}`]:!0},i),...x,children:h.length?h.map((a,n)=>e.jsx(g,{value:a.value,onClick:()=>N(n)},n)):null})};L.__docgenInfo={description:"",methods:[],displayName:"Rating"};export{L as R};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t,r as g}from"./iframe-
|
|
1
|
+
import{j as t,r as g}from"./iframe-DfPay7Zl.js";import{t as e}from"./store-Ce3Ikv5g.js";import{R as n}from"./rating-D2e8RTGl.js";import{T as u,S as y,M as p,P as x,a as f}from"./blocks-DKR3P4qW.js";import"./preload-helper-PPVm8Dsz.js";import"./index-EGt7xBnA.js";import"./index-B-Ksafg0.js";import"./index-cMNObl2z.js";const v=()=>{const l=`
|
|
2
2
|
## ${e("common.table.title")}
|
|
3
3
|
|
|
4
4
|
| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
|
|
@@ -17,7 +17,7 @@ import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{t as e}from"./store-D2Rud
|
|
|
17
17
|
| \`tooltips\` | \`string[]\` | ${e("common.table.no")} | ${e("components.rating.argTypes.tooltipsDescription")} |
|
|
18
18
|
| \`onHoverChange\` | \`(value: number) => void\` | ${e("common.table.no")} | ${e("components.rating.argTypes.onHoverChangeDescription")} |
|
|
19
19
|
| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.rating.argTypes.propsDescription")} |
|
|
20
|
-
`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(y,{}),t.jsx(p,{children:e("components.rating.description")}),t.jsx(x,{}),t.jsx(p,{children:l}),t.jsx(f,{})]})},
|
|
20
|
+
`;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(y,{}),t.jsx(p,{children:e("components.rating.description")}),t.jsx(x,{}),t.jsx(p,{children:l}),t.jsx(f,{})]})},R={title:"Components/Rating",component:n,parameters:{layout:"padded",docs:{page:v}},tags:["autodocs"],argTypes:{value:{control:{type:"number",min:0,max:5,step:.5},description:e("components.rating.argTypes.valueDescription"),table:{type:{summary:"number"}}},defaultValue:{control:{type:"number",min:0,max:5,step:.5},description:e("components.rating.argTypes.defaultValueDescription"),table:{type:{summary:"number"}}},onChange:{action:"changed",description:e("components.rating.argTypes.onChangeDescription"),table:{type:{summary:"(value: number) => void"}}},max:{control:{type:"number",min:1,max:10,step:1},description:e("components.rating.argTypes.maxDescription"),table:{type:{summary:"number"},defaultValue:{summary:"5"}}},size:{control:"select",options:["medium","large","x-large"],description:e("components.rating.argTypes.sizeDescription"),table:{type:{summary:'"medium" | "large" | "x-large"'},defaultValue:{summary:"medium"}}},readonly:{control:"boolean",description:e("components.rating.argTypes.readOnlyDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}}}},o={storyName:e("components.rating.stories.default.storyName"),name:e("components.rating.stories.default.name"),args:{defaultValue:3}},r={storyName:e("components.rating.stories.controlled.storyName"),name:e("components.rating.stories.controlled.name"),render:()=>{const[l,d]=g.useState(0);return t.jsx(n,{value:l,onChange:d})}},a={storyName:e("components.rating.stories.readonly.storyName"),name:e("components.rating.stories.readonly.name"),args:{value:4.5,readonly:!0}},s={storyName:e("components.rating.stories.customMaximum.storyName"),name:e("components.rating.stories.customMaximum.name"),args:{max:10,defaultValue:7}},i={storyName:e("components.rating.stories.differentSizes.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.rating.stories.differentSizes.medium")}),t.jsx(n,{size:"medium",defaultValue:3})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.rating.stories.differentSizes.large")}),t.jsx(n,{size:"large",defaultValue:4})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.rating.stories.differentSizes.xlarge")}),t.jsx(n,{size:"x-large",defaultValue:5})]})]})},m={storyName:e("components.rating.stories.withHalfStars.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:e("components.rating.stories.withHalfStars.threePointFive")}),t.jsx(n,{value:3.5,readonly:!0})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:e("components.rating.stories.withHalfStars.fourPointTwo")}),t.jsx(n,{value:4.2,readonly:!0})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:e("components.rating.stories.withHalfStars.twoPointSeven")}),t.jsx(n,{value:2.7,readonly:!0})]})]})},c={storyName:e("components.rating.stories.interactive.storyName"),name:e("components.rating.stories.interactive.name"),args:{defaultValue:0}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
|
|
21
21
|
storyName: t('components.rating.stories.default.storyName'),
|
|
22
22
|
name: t('components.rating.stories.default.name'),
|
|
23
23
|
args: {
|
|
@@ -114,4 +114,4 @@ import{j as t,r as g}from"./iframe-CQAwSt4E.js";import{t as e}from"./store-D2Rud
|
|
|
114
114
|
args: {
|
|
115
115
|
defaultValue: 0
|
|
116
116
|
}
|
|
117
|
-
}`,...c.parameters?.docs?.source}}};const
|
|
117
|
+
}`,...c.parameters?.docs?.source}}};const z=["Default","Controlled","Readonly","CustomMaximum","DifferentSizes","WithHalfStars","Interactive"];export{r as Controlled,s as CustomMaximum,o as Default,i as DifferentSizes,c as Interactive,a as Readonly,m as WithHalfStars,z as __namedExportsOrder,R as default};
|