diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 9705a41..91677df 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -124,11 +124,11 @@ importers: specifier: ^1.0.2 version: 1.0.2 '@sanity/overlays': - specifier: ^2.3.3 - version: 2.3.3 + specifier: ^2.3.4 + version: 2.3.4 '@sanity/react-loader': - specifier: ^1.7.2 - version: 1.7.2(@sanity/client@6.11.1)(react@18.2.0) + specifier: ^1.7.3 + version: 1.7.3(@sanity/client@6.11.1)(react@18.2.0) '@shopify/cli': specifier: 3.53.0 version: 3.53.0(@types/node@20.10.8)(@types/react@18.2.47)(typescript@5.3.3)(zod@3.22.4) @@ -160,8 +160,8 @@ importers: specifier: 8.0.0-rc19 version: 8.0.0-rc19(react@18.2.0) framer-motion: - specifier: ^10.17.12 - version: 10.17.12(react-dom@18.2.0)(react@18.2.0) + specifier: ^10.18.0 + version: 10.18.0(react-dom@18.2.0)(react@18.2.0) graphql: specifier: ^16.8.1 version: 16.8.1 @@ -284,8 +284,8 @@ importers: specifier: ^3.2.1 version: 3.2.1(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(sanity@3.23.4)(styled-components@6.1.8) '@sanity/presentation': - specifier: ^1.5.0 - version: 1.5.0(@sanity/client@6.11.1)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(sanity@3.23.4)(styled-components@6.1.8) + specifier: ^1.5.1 + version: 1.5.1(@sanity/client@6.11.1)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(sanity@3.23.4)(styled-components@6.1.8) '@sanity/ui': specifier: 2.0.0-beta.15 version: 2.0.0-beta.15(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) @@ -299,8 +299,8 @@ importers: specifier: ^3.23.4 version: 3.23.4(@babel/runtime@7.23.8)(@codemirror/lint@6.4.2)(@codemirror/state@6.4.0)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.0)(codemirror@6.0.1)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) '@shopify/polaris': - specifier: ^12.6.0 - version: 12.6.0(react-dom@18.2.0)(react@18.2.0) + specifier: ^12.7.0 + version: 12.7.0(react-dom@18.2.0)(react@18.2.0) '@shopify/polaris-icons': specifier: ^7.13.0 version: 7.13.0 @@ -4463,7 +4463,7 @@ packages: '@sanity/icons': 2.8.0(react@18.2.0) '@sanity/incompatible-plugin': 1.0.4(react-dom@18.2.0)(react@18.2.0) '@sanity/ui': 1.9.3(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) - '@shopify/polaris': 12.6.0(react-dom@18.2.0)(react@18.2.0) + '@shopify/polaris': 12.7.0(react-dom@18.2.0)(react@18.2.0) lodash: 4.17.21 react: 18.2.0 sanity: 3.23.4(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(styled-components@6.1.8) @@ -4504,7 +4504,7 @@ packages: '@sanity/icons': 2.8.0(react@18.2.0) '@sanity/incompatible-plugin': 1.0.4(react-dom@18.2.0)(react@18.2.0) '@sanity/ui': 1.9.3(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) - '@shopify/polaris': 12.6.0(react-dom@18.2.0)(react@18.2.0) + '@shopify/polaris': 12.7.0(react-dom@18.2.0)(react@18.2.0) lodash: 4.17.21 react: 18.2.0 sanity: 3.23.4(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(styled-components@6.1.8) @@ -4522,11 +4522,11 @@ packages: react-hook-form: 7.49.3(react@18.2.0) dev: false - /@humanwhocodes/config-array@0.11.13: - resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==} + /@humanwhocodes/config-array@0.11.14: + resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==} engines: {node: '>=10.10.0'} dependencies: - '@humanwhocodes/object-schema': 2.0.1 + '@humanwhocodes/object-schema': 2.0.2 debug: 4.3.4(supports-color@8.1.1) minimatch: 3.1.2 transitivePeerDependencies: @@ -4538,8 +4538,8 @@ packages: engines: {node: '>=12.22'} dev: true - /@humanwhocodes/object-schema@2.0.1: - resolution: {integrity: sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==} + /@humanwhocodes/object-schema@2.0.2: + resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==} dev: true /@iarna/toml@2.2.5: @@ -6429,8 +6429,8 @@ packages: engines: {node: '>=18.0.0'} dev: false - /@sanity/core-loader@1.3.4(@sanity/client@6.11.1): - resolution: {integrity: sha512-/3AgLILyjUrfH9wOMNNISKSqzyi7XMwIK4V+2GBRBmGBi7jASmD16sAZPTnCFjkJRzrQhme12eAlgyvzlQ4wMA==} + /@sanity/core-loader@1.3.5(@sanity/client@6.11.1): + resolution: {integrity: sha512-zH/8zpUVAu6fbtWmHlzFqFoS9Ag0Ps0kcX8g1YoQJkft2IG8nJeQclREEz9zhQCVRy5I4iFLW+xYTEgHUYUeqQ==} engines: {node: '>=18'} peerDependencies: '@sanity/client': ^6.11.0 @@ -6500,16 +6500,6 @@ packages: resolution: {integrity: sha512-wtMYcV5GIDIhVyF/jjmdwq1GdlK07dRL40XMns73VbrFI7FteRltxv48bhYVZPcLkRXb0SHjpDS/icj9/yzbVA==} dev: false - /@sanity/groq-store@5.3.10(@sanity/client@6.11.1): - resolution: {integrity: sha512-svSSxRcAbJYvhrOxwlYkRgry34aHyCk9o8o1BflaUEKjN5VOJO9wyA8TvDEta+WpGy2oZFrz4jzszNx8rCeDhA==} - engines: {node: '>=18'} - peerDependencies: - '@sanity/client': ^6.11.0 - dependencies: - '@sanity/client': 6.11.1 - mnemonist: 0.39.7 - dev: false - /@sanity/groq-store@5.3.7(@sanity/client@6.11.1): resolution: {integrity: sha512-wrAr7PKfbdRvfiC5m7unjH4x5XGZV+vMkk/CwrdHRs+39kuWWJvkwhVNRTS6iWTrTMgpMIe/H1kRrkle0PieDQ==} engines: {node: '>=18'} @@ -6623,15 +6613,15 @@ packages: - supports-color dev: false - /@sanity/overlays@2.3.3: - resolution: {integrity: sha512-l+C3oOUralBfFMhu0fO+2Upa6SrPkeKGREX0EmLnsuYTQgtOPBp9oqS0CNyns1Oa3HkmOJwckkasTndXQnN0Ow==} + /@sanity/overlays@2.3.4: + resolution: {integrity: sha512-0tBqUmAoCV39ZhMXPRY43PWqTtcSePzacUvBE2a9ekGEHaY2mDL4SdKDNZIZr+wvttXxGcnc8pP9L5sg9rLJNg==} engines: {node: '>=16.14'} dependencies: '@floating-ui/react-dom': 2.0.0(react-dom@18.2.0)(react@18.2.0) '@sanity/client': 6.11.1 '@sanity/color': 3.0.0-beta.9 '@sanity/icons': 2.8.0(react@18.2.0) - '@sanity/ui': 2.0.0-beta.16(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) + '@sanity/ui': 2.0.0-beta.17(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) '@vercel/stega': 0.1.0 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) @@ -6694,21 +6684,21 @@ packages: '@sanity/preview-url-secret': 1.5.0(@sanity/client@6.11.1)(@sanity/icons@2.8.0)(sanity@3.23.4) '@sanity/ui': 2.0.0-beta.13(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) '@types/lodash.isequal': 4.5.8 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) lodash.isequal: 4.5.0 mendoza: 3.0.3 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) rxjs: 7.8.1 - sanity: 3.23.4(react-dom@18.2.0)(react@18.2.0)(styled-components@6.1.8) + sanity: 3.23.4(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(styled-components@6.1.8) styled-components: 6.1.8(react-dom@18.2.0)(react@18.2.0) suspend-react: 0.1.3(react@18.2.0) transitivePeerDependencies: - react-is dev: false - /@sanity/presentation@1.5.0(@sanity/client@6.11.1)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(sanity@3.23.4)(styled-components@6.1.8): - resolution: {integrity: sha512-Q44ta+83/DNwIrJ3hnx66G1xj/qOrreNZ6ZSK7zkCI4AJcPrQjejCoClOJu8yv0b0UNvzNM9cE6X6q5EbHP5Zw==} + /@sanity/presentation@1.5.1(@sanity/client@6.11.1)(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(sanity@3.23.4)(styled-components@6.1.8): + resolution: {integrity: sha512-KHUO39NVLtT7gDFJp2Hv8dQ+dUoEMF/GmaamZL4CQNDu8lFhgFPTA8P/F5DSFs9HzpPuSw8Rt9eQw9rDWrTLCA==} engines: {node: '>=16.14'} peerDependencies: '@sanity/client': ^6.11.0 @@ -6727,14 +6717,15 @@ packages: optional: true dependencies: '@sanity/client': 6.11.1 - '@sanity/groq-store': 5.3.10(@sanity/client@6.11.1) '@sanity/icons': 2.8.0(react@18.2.0) '@sanity/preview-url-secret': 1.5.0(@sanity/client@6.11.1)(@sanity/icons@2.8.0)(sanity@3.23.4) - '@sanity/ui': 2.0.0-beta.16(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) + '@sanity/ui': 2.0.0-beta.17(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8) '@types/lodash.isequal': 4.5.8 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + fast-deep-equal: 3.1.3 + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) lodash.isequal: 4.5.0 mendoza: 3.0.3 + mnemonist: 0.39.7 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) rxjs: 7.8.1 @@ -6764,15 +6755,15 @@ packages: sanity: 3.23.4(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)(styled-components@6.1.8) dev: false - /@sanity/react-loader@1.7.2(@sanity/client@6.11.1)(react@18.2.0): - resolution: {integrity: sha512-x5ROBYcICyH61686lZC6zTVCTgEHueJNg7aivH4YlfyMllcJJezCPeXi4WIw6ZeqoybZ0FwCmLWL9jDt37ICLw==} + /@sanity/react-loader@1.7.3(@sanity/client@6.11.1)(react@18.2.0): + resolution: {integrity: sha512-bZ+x7XDevgTcPh9wi2VGxe3Iokh+WsuiO9UQIirvQzf4t4ekLhehXGazOB2k+mVhGnp9tFX/ul+LV50Mm+n3Jg==} engines: {node: '>=18'} peerDependencies: '@sanity/client': ^6.11.0 react: ^18.2.0 dependencies: '@sanity/client': 6.11.1 - '@sanity/core-loader': 1.3.4(@sanity/client@6.11.1) + '@sanity/core-loader': 1.3.5(@sanity/client@6.11.1) fast-deep-equal: 3.1.3 react: 18.2.0 dev: false @@ -6835,7 +6826,7 @@ packages: '@sanity/color': 2.2.5 '@sanity/icons': 2.8.0(react@18.2.0) csstype: 3.1.3 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) react-is: 18.2.0 @@ -6856,7 +6847,7 @@ packages: '@sanity/color': 3.0.0-beta.9 '@sanity/icons': 2.8.0(react@18.2.0) csstype: 3.1.3 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) react-is: 18.2.0 @@ -6877,7 +6868,7 @@ packages: '@sanity/color': 3.0.0-beta.9 '@sanity/icons': 2.8.0(react@18.2.0) csstype: 3.1.3 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) react-is: 18.2.0 @@ -6885,8 +6876,8 @@ packages: styled-components: 6.1.8(react-dom@18.2.0)(react@18.2.0) dev: false - /@sanity/ui@2.0.0-beta.16(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8): - resolution: {integrity: sha512-nu+N1ClKv5e3sraBvJnru3/F3Nzl7uI85En3kPWg611GfHlu6x0WGVE/6kB0FQXkwMsaqehduiz9xgE2lKZopg==} + /@sanity/ui@2.0.0-beta.17(react-dom@18.2.0)(react-is@18.2.0)(react@18.2.0)(styled-components@6.1.8): + resolution: {integrity: sha512-AUFlObpuewVOKDGQutijJFn3rKtXS85Nl/MsySHwcH5rzCNojJ2/Z4DKLhl8LSXlj/+pOXVj++AFT/hhNtJ6Wg==} engines: {node: '>=14.0.0'} peerDependencies: react: ^18 @@ -6898,7 +6889,7 @@ packages: '@sanity/color': 3.0.0-beta.9 '@sanity/icons': 2.8.0(react@18.2.0) csstype: 3.1.3 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) react: 18.2.0 react-dom: 18.2.0(react@18.2.0) react-is: 18.2.0 @@ -7334,22 +7325,22 @@ packages: engines: {node: ^16.17.0 || >=18.12.0} dev: false - /@shopify/polaris-tokens@8.4.0: - resolution: {integrity: sha512-PJ7+8+do5apIImOGEjYny62TdZ6f0xoLBDhp4Ho6dXQ4Nls/zP9d7WPLyG40s9RMFB4BuQq0fuOrfWe6duWnzw==} + /@shopify/polaris-tokens@8.5.0: + resolution: {integrity: sha512-GeGiNeR2lSsSKmrVI2XHkzOyD4vlYThM9qiFiKiVa+DATkM0vFJL0RAiwyhpqTmvO1+kztdD3EclL7ZzCXcDHw==} engines: {node: ^16.17.0 || >=18.12.0} dependencies: deepmerge: 4.3.1 dev: false - /@shopify/polaris@12.6.0(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-edNIjX4Tr7eSr5HutoqUkMAE8p38H62DXGHrHv1R9M4flXC/mSReHRK5G9fiMw9UnCm5XoxJJqrAKAkzxMzsyA==} + /@shopify/polaris@12.7.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-tnC8/7Xdy4Nr+6fCjgDt8lk2C2J74T2eCj//EKmD4JQAne76Vd/nzh8JkdiiKk7JJXJB+vMEIuo4Yv8ogPrt8g==} engines: {node: ^16.17.0 || >=18.12.0} peerDependencies: react: ^18.0.0 react-dom: ^18.0.0 dependencies: '@shopify/polaris-icons': 7.13.0 - '@shopify/polaris-tokens': 8.4.0 + '@shopify/polaris-tokens': 8.5.0 '@types/react': 18.2.47 '@types/react-dom': 18.2.18 '@types/react-transition-group': 4.4.10 @@ -11345,7 +11336,7 @@ packages: '@eslint-community/regexpp': 4.10.0 '@eslint/eslintrc': 2.1.4 '@eslint/js': 8.56.0 - '@humanwhocodes/config-array': 0.11.13 + '@humanwhocodes/config-array': 0.11.14 '@humanwhocodes/module-importer': 1.0.1 '@nodelib/fs.walk': 1.2.8 '@ungap/structured-clone': 1.2.0 @@ -12002,8 +11993,8 @@ packages: /fraction.js@4.3.7: resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==} - /framer-motion@10.17.12(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-6aaBLN2EgH/GilXwOzEalTfw5Rx9DTQJJjTrxq5bfDbGtPCzXz2GCN6ePGRpTi1ZGugLHxdU273h38ENbcdFKQ==} + /framer-motion@10.18.0(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-oGlDh1Q1XqYPksuTD/usb0I70hq95OUzmL9+6Zd+Hs4XV0oaISBa/UUMSjYiq6m8EUF32132mOJ8xVZS+I0S6w==} peerDependencies: react: ^18.0.0 react-dom: ^18.0.0 @@ -15147,7 +15138,7 @@ packages: resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==} dependencies: acorn: 8.11.3 - pathe: 1.1.1 + pathe: 1.1.2 pkg-types: 1.0.3 ufo: 1.3.2 @@ -16125,6 +16116,10 @@ packages: /pathe@1.1.1: resolution: {integrity: sha512-d+RQGp0MAYTIaDBIMmOfMwz3E+LOZnxx1HZd5R18mmCZY0QBlK0LDZfPc8FW8Ed2DlvsuE6PRjroDY+wg4+j/Q==} + dev: false + + /pathe@1.1.2: + resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==} /peek-stream@1.1.3: resolution: {integrity: sha512-FhJ+YbOSBb9/rIl2ZeE/QHEsWn7PqNYt8ARAY3kIgNGOk13g9FGyIY6JIl/xB/3TFRVoTv5as0l11weORrTekA==} @@ -16204,7 +16199,7 @@ packages: dependencies: jsonc-parser: 3.2.0 mlly: 1.4.2 - pathe: 1.1.1 + pathe: 1.1.2 /pluralize-esm@9.0.5: resolution: {integrity: sha512-Kb2dcpMsIutFw2hYrN0EhsAXOUJTd6FVMIxvNAkZCMQLVt9NGZqQczvGpYDxNWCZeCWLHUPxQIBudWzt1h7VVA==} @@ -18160,7 +18155,7 @@ packages: esbuild-register: 3.5.0(esbuild@0.19.11) execa: 2.1.0 exif-component: 1.0.1 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) get-it: 8.4.4 get-random-values-esm: 1.0.0 groq-js: 1.3.0 @@ -18294,7 +18289,7 @@ packages: esbuild-register: 3.5.0(esbuild@0.19.11) execa: 2.1.0 exif-component: 1.0.1 - framer-motion: 10.17.12(react-dom@18.2.0)(react@18.2.0) + framer-motion: 10.18.0(react-dom@18.2.0)(react@18.2.0) get-it: 8.4.4 get-random-values-esm: 1.0.0 groq-js: 1.3.0 @@ -20386,7 +20381,7 @@ packages: cac: 6.7.14 debug: 4.3.4(supports-color@8.1.1) mlly: 1.4.2 - pathe: 1.1.1 + pathe: 1.1.2 picocolors: 1.0.0 source-map: 0.6.1 source-map-support: 0.5.21 diff --git a/templates/hydrogen-theme/app/components/ui/Carousel.tsx b/templates/hydrogen-theme/app/components/ui/Carousel.tsx index 6fd9b94..a3ea70e 100644 --- a/templates/hydrogen-theme/app/components/ui/Carousel.tsx +++ b/templates/hydrogen-theme/app/components/ui/Carousel.tsx @@ -228,13 +228,15 @@ const CarouselPagination = forwardRef< const {scrollSnaps, scrollTo, selectedIndex} = useCarousel(); return ( -
+
{scrollSnaps.map((_, index) => (