npm - @graphcommerce/framer-utils - Versions diffs - 9.0.0-canary.99 → 9.0.1-canary.0 - Mend

@graphcommerce/framer-utils 9.0.0-canary.99 → 9.0.1-canary.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +18 -939
package/hooks/useElementScroll.ts +3 -2
package/hooks/useIsomorphicLayoutEffect.ts +1 -1
package/hooks/useMeasureDynamicViewportSize.ts +1 -43
package/hooks/useMotionSelector.ts +3 -1
package/hooks/useMotionValueValue.ts +1 -1
package/package.json +5 -5
package/utils/clientSize.ts +2 -1
package/utils/styled.ts +1 -1

package/CHANGELOG.md CHANGED Viewed

@@ -1,488 +1,40 @@
 # Change Log
-## 9.0.0-canary.99
+## 9.0.1-canary.0
-## 9.0.0-canary.98
+## 9.0.0
-## 9.0.0-canary.97
+## 9.0.0-canary.118
-## 9.0.0-canary.96
+## 9.0.0-canary.117
-## 9.0.0-canary.95
+## 9.0.0-canary.116
-## 9.0.0-canary.94
+## 9.0.0-canary.115
-## 9.0.0-canary.93
+## 9.0.0-canary.114
-## 9.0.0-canary.92
+## 9.0.0-canary.113
-## 9.0.0-canary.91
+## 9.0.0-canary.112
-## 9.0.0-canary.90
+## 9.0.0-canary.111
-## 9.0.0-canary.89
+## 9.0.0-canary.110
-## 9.0.0-canary.88
+## 9.0.0-canary.109
-## 9.0.0-canary.87
+## 9.0.0-canary.108
-## 9.0.0-canary.86
+## 9.0.0-canary.107
-## 9.0.0-canary.85
+## 9.0.0-canary.106
-## 9.0.0-canary.84
+## 9.0.0-canary.105
-## 9.0.0-canary.83
+## 9.0.0-canary.104
-## 9.0.0-canary.82
-## 9.0.0-canary.81
-## 9.0.0-canary.80
-## 9.0.0-canary.79
-## 9.0.0-canary.78
-## 9.0.0-canary.77
-## 9.0.0-canary.76
-## 9.0.0-canary.75
-## 9.0.0-canary.74
-## 9.0.0-canary.73
-## 9.0.0-canary.72
-## 9.0.0-canary.71
-## 9.0.0-canary.70
-## 9.0.0-canary.69
-## 9.0.0-canary.68
-## 9.0.0-canary.67
-## 9.0.0-canary.66
-## 9.0.0-canary.65
-## 9.0.0-canary.64
-## 9.0.0-canary.63
-## 9.0.0-canary.62
-## 9.0.0-canary.61
-## 9.0.0-canary.60
-## 9.0.0-canary.59
-## 9.0.0-canary.58
-## 9.0.0-canary.57
-## 9.0.0-canary.56
-## 9.0.0-canary.55
-## 9.0.0-canary.54
-## 8.1.0-canary.53
-## 8.1.0-canary.52
-## 8.1.0-canary.51
-## 8.1.0-canary.50
-## 8.1.0-canary.49
-## 8.1.0-canary.48
-## 8.1.0-canary.47
-## 8.1.0-canary.46
-## 8.1.0-canary.45
-## 8.1.0-canary.44
-## 8.1.0-canary.43
-## 8.1.0-canary.42
-## 8.1.0-canary.41
-## 8.1.0-canary.40
-## 8.1.0-canary.39
-## 8.1.0-canary.38
-## 8.1.0-canary.37
-## 8.1.0-canary.36
-## 8.1.0-canary.35
-## 8.1.0-canary.34
-## 8.1.0-canary.33
-## 8.1.0-canary.32
-## 8.1.0-canary.31
-## 8.1.0-canary.30
-## 8.1.0-canary.29
-## 8.1.0-canary.28
-## 8.1.0-canary.27
-## 8.1.0-canary.26
-## 8.1.0-canary.25
-## 8.1.0-canary.24
-## 8.1.0-canary.23
-## 8.1.0-canary.22
-## 8.1.0-canary.21
-## 8.1.0-canary.20
-## 8.1.0-canary.19
-## 8.1.0-canary.18
-## 8.1.0-canary.17
-## 8.1.0-canary.16
-## 8.1.0-canary.15
-## 8.1.0-canary.14
-## 8.1.0-canary.13
-## 8.1.0-canary.12
-## 8.1.0-canary.11
-## 8.1.0-canary.10
-## 8.1.0-canary.9
-## 8.1.0-canary.8
-## 8.1.0-canary.7
-## 8.1.0-canary.6
-## 8.1.0-canary.5
-## 8.0.6-canary.4
-## 8.0.6-canary.3
-## 8.0.6-canary.2
-## 8.0.6-canary.1
-## 8.0.6-canary.0
-## 8.0.5
-## 8.0.5-canary.10
-## 8.0.5-canary.9
-## 8.0.5-canary.8
-## 8.0.5-canary.7
-## 8.0.5-canary.6
-## 8.0.5-canary.5
-## 8.0.5-canary.4
-## 8.0.5-canary.3
-## 8.0.5-canary.2
-## 8.0.5-canary.1
-## 8.0.5-canary.0
-## 8.0.4
-## 8.0.4-canary.1
-## 8.0.4-canary.0
-## 8.0.3
-## 8.0.3-canary.6
-## 8.0.3-canary.5
-## 8.0.3-canary.4
-## 8.0.3-canary.3
-## 8.0.3-canary.2
-## 8.0.3-canary.1
-## 8.0.3-canary.0
-## 8.0.2
-## 8.0.2-canary.3
-## 8.0.2-canary.2
-## 8.0.2-canary.1
-## 8.0.2-canary.0
-## 8.0.1
-## 8.0.1-canary.4
-## 8.0.1-canary.3
-## 8.0.1-canary.2
-## 8.0.1-canary.1
-## 8.0.1-canary.0
-## 8.0.0
-## 8.0.0-canary.100
-## 8.0.0-canary.99
-## 8.0.0-canary.98
-## 8.0.0-canary.97
-## 8.0.0-canary.96
-## 8.0.0-canary.95
-## 8.0.0-canary.94
-## 8.0.0-canary.93
-## 8.0.0-canary.92
-## 8.0.0-canary.91
-## 8.0.0-canary.90
-## 8.0.0-canary.89
-## 8.0.0-canary.88
-## 8.0.0-canary.87
-## 8.0.0-canary.86
-## 8.0.0-canary.85
-## 8.0.0-canary.84
-## 8.0.0-canary.83
-## 8.0.0-canary.82
-## 8.0.0-canary.81
-## 8.0.0-canary.80
-## 8.0.0-canary.79
-## 8.0.0-canary.78
-## 8.0.0-canary.77
-## 8.0.0-canary.76
-## 8.0.0-canary.75
-## 8.0.0-canary.74
-## 8.0.0-canary.73
-## 8.0.0-canary.72
-## 8.0.0-canary.71
-## 8.0.0-canary.70
-## 8.0.0-canary.69
-## 7.1.0-canary.68
-## 7.1.0-canary.67
-## 7.1.0-canary.66
-## 7.1.0-canary.65
-## 7.1.0-canary.64
-## 7.1.0-canary.63
-## 7.1.0-canary.62
-## 7.1.0-canary.61
-## 7.1.0-canary.60
-## 7.1.0-canary.59
-## 7.1.0-canary.58
-## 7.1.0-canary.57
-## 7.1.0-canary.56
-## 7.1.0-canary.55
-## 7.1.0-canary.54
-## 7.1.0-canary.53
-## 7.1.0-canary.52
-## 7.1.0-canary.51
-## 7.1.0-canary.50
-## 7.1.0-canary.49
-## 7.1.0-canary.48
-## 7.1.0-canary.47
-## 7.1.0-canary.46
-## 7.1.0-canary.45
-## 7.1.0-canary.38
-## 7.1.0-canary.37
-## 7.1.0-canary.36
-## 7.1.0-canary.35
-## 7.1.0-canary.34
-## 7.1.0-canary.33
-## 7.1.0-canary.32
-## 7.1.0-canary.31
-## 7.1.0-canary.30
-## 7.1.0-canary.29
-## 7.1.0-canary.28
-## 7.1.0-canary.27
-## 7.1.0-canary.26
-## 7.1.0-canary.25
-## 7.1.0-canary.24
-## 7.1.0-canary.23
-## 7.1.0-canary.22
-## 7.1.0-canary.21
-## 7.1.0-canary.20
-## 7.1.0-canary.19
-## 7.1.0-canary.18
-## 7.1.0-canary.17
-## 7.1.0-canary.16
-## 7.1.0-canary.15
-## 7.1.0-canary.14
-## 7.1.0-canary.13
-## 7.1.0-canary.12
-## 7.1.0-canary.11
-## 7.1.0-canary.10
-## 7.1.0-canary.9
-## 7.1.0-canary.8
-## 7.0.2-canary.7
-## 7.0.2-canary.6
-## 7.0.2-canary.5
-## 7.0.1
-## 7.0.1-canary.15
-## 7.0.1-canary.14
-## 7.0.1-canary.13
-## 7.0.1-canary.12
-## 7.0.1-canary.11
-## 7.0.1-canary.10
-## 7.0.1-canary.9
-## 7.0.1-canary.8
-## 7.0.1-canary.7
-## 7.0.1-canary.6
-## 7.0.1-canary.5
-## 7.0.1-canary.4
-## 7.0.1-canary.3
-## 7.0.1-canary.2
-## 7.0.1-canary.1
-## 7.0.1-canary.0
+## 9.0.0-canary.103
 ## 7.0.0
@@ -490,412 +42,18 @@
 - [#2031](https://github.com/graphcommerce-org/graphcommerce/pull/2031) [`4d8fc9e99`](https://github.com/graphcommerce-org/graphcommerce/commit/4d8fc9e998fc9361282833316ec9564da0644ed6) - Eslint fixes and suppress accepted warnings ([@paales](https://github.com/paales))
-## 6.2.0-canary.98
-## 6.2.0-canary.97
-## 6.2.0-canary.96
-## 6.2.0-canary.95
-## 6.2.0-canary.94
-## 6.2.0-canary.93
-## 6.2.0-canary.92
-## 6.2.0-canary.91
-## 6.2.0-canary.90
-## 6.2.0-canary.89
-### Patch Changes
-- [#2031](https://github.com/graphcommerce-org/graphcommerce/pull/2031) [`4d8fc9e99`](https://github.com/graphcommerce-org/graphcommerce/commit/4d8fc9e998fc9361282833316ec9564da0644ed6) - Eslint fixes and suppress accepted warnings ([@paales](https://github.com/paales))
-## 6.2.0-canary.88
-## 6.2.0-canary.87
-## 6.2.0-canary.86
-## 6.2.0-canary.85
-## 6.2.0-canary.84
-## 6.2.0-canary.83
-## 6.2.0-canary.82
-## 6.2.0-canary.81
-## 6.2.0-canary.80
-## 6.2.0-canary.79
-## 6.2.0-canary.78
-## 6.2.0-canary.77
-## 6.2.0-canary.76
-## 6.2.0-canary.75
-## 6.2.0-canary.74
-## 6.2.0-canary.73
-## 6.2.0-canary.72
-## 6.2.0-canary.71
-## 6.2.0-canary.70
-## 6.2.0-canary.69
-## 6.2.0-canary.68
-## 6.2.0-canary.67
-## 6.2.0-canary.66
-## 6.2.0-canary.65
-## 6.2.0-canary.64
-## 6.2.0-canary.63
-## 6.2.0-canary.62
-## 6.2.0-canary.61
-## 6.2.0-canary.60
-## 6.2.0-canary.59
-## 6.2.0-canary.58
-## 6.2.0-canary.57
-## 6.2.0-canary.56
-## 6.2.0-canary.55
-## 6.2.0-canary.54
-## 6.2.0-canary.53
-## 6.2.0-canary.52
-## 6.2.0-canary.51
-## 6.2.0-canary.50
-## 6.2.0-canary.49
-## 6.2.0-canary.48
-## 6.2.0-canary.47
-## 6.2.0-canary.46
-## 6.2.0-canary.45
-## 6.2.0-canary.44
-## 6.2.0-canary.43
-## 6.2.0-canary.42
-## 6.2.0-canary.41
-## 6.2.0-canary.40
-## 6.2.0-canary.39
-## 6.2.0-canary.38
-## 6.2.0-canary.37
-## 6.2.0-canary.36
-## 6.2.0-canary.35
-## 6.2.0-canary.34
-## 6.2.0-canary.33
-## 6.2.0-canary.32
-## 6.2.0-canary.31
-## 6.2.0-canary.30
-## 6.2.0-canary.29
-## 6.2.0-canary.28
-## 6.2.0-canary.27
-## 6.2.0-canary.26
-## 6.2.0-canary.25
-## 6.2.0-canary.24
-## 6.2.0-canary.23
-## 6.2.0-canary.22
-## 6.2.0-canary.21
-## 6.2.0-canary.20
-## 6.2.0-canary.19
-## 6.2.0-canary.18
-## 6.2.0-canary.17
-## 6.2.0-canary.16
-## 6.2.0-canary.15
-## 6.2.0-canary.14
-## 6.2.0-canary.13
-## 6.2.0-canary.12
-## 6.2.0-canary.11
-## 6.2.0-canary.10
-## 6.2.0-canary.9
-## 6.2.0-canary.8
-## 6.2.0-canary.7
-## 6.2.0-canary.6
-## 6.1.1-canary.5
-## 6.1.1-canary.4
-## 6.1.1-canary.3
-## 6.1.1-canary.2
-## 6.1.1-canary.1
-## 6.1.1-canary.0
-## 6.1.0
-## 6.0.2-canary.22
-## 6.0.2-canary.21
-## 6.0.2-canary.20
-## 6.0.2-canary.19
-## 6.0.2-canary.18
-## 6.0.2-canary.17
-## 6.0.2-canary.16
-## 6.0.2-canary.15
-## 6.0.2-canary.14
-## 6.0.2-canary.13
-## 6.0.2-canary.12
-## 6.0.2-canary.11
-## 6.0.2-canary.10
-## 6.0.2-canary.9
-## 6.0.2-canary.8
-## 6.0.2-canary.7
-## 6.0.2-canary.6
-## 6.0.2-canary.5
-## 6.0.2-canary.4
-## 6.0.2-canary.3
-## 6.0.2-canary.2
-## 6.0.2-canary.1
-## 6.0.2-canary.0
 ## 6.0.1
 ### Patch Changes
 - [#1854](https://github.com/graphcommerce-org/graphcommerce/pull/1854) [`9cdce5786`](https://github.com/graphcommerce-org/graphcommerce/commit/9cdce578693782733d7bb3f4b7bf364e1cf26124) - Simplify useElementScroll component to a better standard to debug stuff ([@paales](https://github.com/paales))
-## 6.0.1-canary.7
-## 6.0.1-canary.6
-## 6.0.1-canary.5
-## 6.0.1-canary.4
-## 6.0.1-canary.3
-## 6.0.1-canary.2
-## 6.0.1-canary.1
-## 6.0.1-canary.0
-### Patch Changes
-- [#1854](https://github.com/graphcommerce-org/graphcommerce/pull/1854) [`9cdce5786`](https://github.com/graphcommerce-org/graphcommerce/commit/9cdce578693782733d7bb3f4b7bf364e1cf26124) - Simplify useElementScroll component to a better standard to debug stuff ([@paales](https://github.com/paales))
 ## 6.0.0
 ### Patch Changes
 - [#1829](https://github.com/graphcommerce-org/graphcommerce/pull/1829) [`52ecfc2ad`](https://github.com/graphcommerce-org/graphcommerce/commit/52ecfc2ad25fc6ef92465862fb94c1829bdd7c52) - CSS dvh property is now used when supported by browsers, causing less rerenders with overlays. ([@bramvanderholst](https://github.com/bramvanderholst))
-## 6.0.0-canary.54
-## 6.0.0-canary.53
-## 6.0.0-canary.52
-## 6.0.0-canary.51
-## 6.0.0-canary.50
-## 6.0.0-canary.49
-## 6.0.0-canary.48
-## 6.0.0-canary.47
-## 6.0.0-canary.46
-## 6.0.0-canary.45
-## 6.0.0-canary.44
-## 6.0.0-canary.43
-## 6.0.0-canary.42
-## 6.0.0-canary.41
-## 6.0.0-canary.40
-## 6.0.0-canary.39
-## 6.0.0-canary.38
-## 6.0.0-canary.37
-## 6.0.0-canary.36
-## 6.0.0-canary.35
-## 6.0.0-canary.34
-## 6.0.0-canary.33
-## 6.0.0-canary.32
-## 6.0.0-canary.31
-## 6.0.0-canary.30
-### Patch Changes
-- [#1829](https://github.com/graphcommerce-org/graphcommerce/pull/1829) [`52ecfc2ad`](https://github.com/graphcommerce-org/graphcommerce/commit/52ecfc2ad25fc6ef92465862fb94c1829bdd7c52) - Dynamic viewport height when supported ([@bramvanderholst](https://github.com/bramvanderholst))
-## 6.0.0-canary.29
-## 6.0.0-canary.28
-### Patch Changes
-- [#1823](https://github.com/graphcommerce-org/graphcommerce/pull/1823) [`605d74434`](https://github.com/graphcommerce-org/graphcommerce/commit/605d74434b78baa83f3574b6a4249eae0431d570) - Fix/upgrade instructions ([@paales](https://github.com/paales))
-## 6.0.0-canary.27
-## 6.0.0-canary.26
-## 6.0.0-canary.25
-## 6.0.0-canary.24
-## 6.0.0-canary.23
-## 6.0.0-canary.22
-## 6.0.0-canary.21
-## 6.0.0-canary.20
-## 5.2.0-canary.19
-## 5.2.0-canary.18
-## 5.2.0-canary.17
-## 5.2.0-canary.16
-## 5.2.0-canary.15
-## 5.2.0-canary.14
-## 5.2.0-canary.13
-## 5.2.0-canary.12
-## 5.2.0-canary.11
-## 5.2.0-canary.10
-## 5.2.0-canary.9
-## 5.2.0-canary.8
-## 5.2.0-canary.7
-## 5.2.0-canary.6
-## 5.2.0-canary.5
-## 5.2.0-canary.4
-## 5.2.0-canary.3
-## 5.2.0-canary.2
-## 5.2.0-canary.1
-## 5.2.0-canary.0
-## 5.1.1
-## 5.1.1-canary.1
-## 5.1.1-canary.0
 ## 5.1.0
 ### Patch Changes
@@ -913,97 +71,18 @@
 - [#1755](https://github.com/graphcommerce-org/graphcommerce/pull/1755) [`c77f49e6e`](https://github.com/graphcommerce-org/graphcommerce/commit/c77f49e6ed6af0bf2890d51da4eaa4ac70ee2cc9) - clientSizeCssVar.x had a fallback to 100vw instead of 100vh ([@paales](https://github.com/paales))
-## 5.1.0-canary.11
-## 5.1.0-canary.10
-## 5.1.0-canary.9
-## 5.1.0-canary.8
-## 5.1.0-canary.7
-## 5.1.0-canary.6
-## 5.1.0-canary.5
-## 5.1.0-canary.4
-### Patch Changes
-- [#1755](https://github.com/graphcommerce-org/graphcommerce/pull/1755) [`0025ad80f`](https://github.com/graphcommerce-org/graphcommerce/commit/0025ad80fb82d5d1e6c786bb8b5f39b2456c0932) - Renamed clientSizeCssVar.y/x to dvh(100) and dvw(100) ([@paales](https://github.com/paales))
-- [#1755](https://github.com/graphcommerce-org/graphcommerce/pull/1755) [`f44a05a6c`](https://github.com/graphcommerce-org/graphcommerce/commit/f44a05a6cedadc17e44c87f53cad5f462bc52aba) - Use a singlular useElementScroll and provide ther scroll from the useScrollerContext ([@paales](https://github.com/paales))
-- [#1755](https://github.com/graphcommerce-org/graphcommerce/pull/1755) [`c77f49e6e`](https://github.com/graphcommerce-org/graphcommerce/commit/c77f49e6ed6af0bf2890d51da4eaa4ac70ee2cc9) - clientSizeCssVar.x had a fallback to 100vw instead of 100vh ([@paales](https://github.com/paales))
-## 5.1.0-canary.3
-### Patch Changes
-- [#1752](https://github.com/graphcommerce-org/graphcommerce/pull/1752) [`2a6a4d9ec`](https://github.com/graphcommerce-org/graphcommerce/commit/2a6a4d9ecfa1b58a66ba9b9d00016d6feda9aa95) - Updated dependencies to latest versions, except for nextjs; Solve tons of peer dependency issues.
-  - Updated the @mui/material package
-  - Removed dependencies on react-hook-form-mui and @playwright/test
-  - Upgraded dependencies including type-fest and graphql-mesh
-  - Solved peer dependency issues ([@paales](https://github.com/paales))
-## 5.1.0-canary.2
-## 5.1.0-canary.1
-## 5.1.0-canary.0
 ## 5.0.0
 ### Major Changes
 - [#1734](https://github.com/graphcommerce-org/graphcommerce/pull/1734) [`e4c7fe17e`](https://github.com/graphcommerce-org/graphcommerce/commit/e4c7fe17e413e37362ceae92e67f1b3a5f62d398) - Bump major version of all packages ([@github-actions](https://github.com/apps/github-actions))
-## 5.0.0-canary.14
-## 5.0.0-canary.9
-### Major Changes
-- [`e4c7fe17e`](https://github.com/graphcommerce-org/graphcommerce/commit/e4c7fe17e413e37362ceae92e67f1b3a5f62d398) - Bump major version of all packages ([@paales](https://github.com/paales))
-## 4.31.0-canary.8
-## 4.31.0-canary.7
-## 4.31.0-canary.6
-## 4.31.0-canary.5
-## 4.31.0-canary.4
-## 4.31.0-canary.3
-## 4.31.0-canary.2
-## 4.31.0-canary.1
-## 4.31.0-canary.0
-## 4.30.2
-## 4.30.1
 ## 4.30.0
 ### Patch Changes
 - [#1702](https://github.com/graphcommerce-org/graphcommerce/pull/1702) [`abb15ef4a`](https://github.com/graphcommerce-org/graphcommerce/commit/abb15ef4a79b12eddb32cc006e5d1d31dd06ac2d) Thanks [@paales](https://github.com/paales)! - Added canary releases to GraphCommerce
-## 4.30.0-canary.1
-### Patch Changes
-- [`abb15ef4a`](https://github.com/graphcommerce-org/graphcommerce/commit/abb15ef4a79b12eddb32cc006e5d1d31dd06ac2d) Thanks [@paales](https://github.com/paales)! - Added canary releases to GraphCommerce
-## 4.30.0-canary.0
 ## 3.2.1
 ### Patch Changes

package/hooks/useElementScroll.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import { MotionValue, useMotionValue, useTransform } from 'framer-motion'
+import type { MotionValue } from 'framer-motion'
+import { useMotionValue, useTransform } from 'framer-motion'
 import sync from 'framesync'
-import { RefObject } from 'react'
+import type { RefObject } from 'react'
 import { useConstant } from './useConstant'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'

package/hooks/useIsomorphicLayoutEffect.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { useLayoutEffect, useEffect } from 'react'
+import { useEffect, useLayoutEffect } from 'react'
 export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect

package/hooks/useMeasureDynamicViewportSize.ts CHANGED Viewed

@@ -1,19 +1,10 @@
-import { motionValue, MotionValue } from 'framer-motion'
+import type { MotionValue } from 'framer-motion'
 import sync from 'framesync'
-import { useEffect } from 'react'
-import { clientSize } from '../utils/clientSize'
-import { useConstant } from './useConstant'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
 export type UseClientSizeReturn = { x: MotionValue<string>; y: MotionValue<string> }
 export type UseClientSizeOptions = { x?: string; y?: string }
-/** @deprecated Please use dvh() or dvw() instead */
-export const clientSizeCssVar = {
-  y: `var(--client-size-y)`,
-  x: `var(--client-size-x)`,
-}
 export const dvh = (p = 100) => {
   if (p === 100) return 'var(--client-size-y)'
   return `calc(var(--client-size-y) * ${p / 100})`
@@ -54,36 +45,3 @@ export function useMeasureDynamicViewportSize() {
     }
   }, [])
 }
-/**
- * Get the clientSize x|y as a motionValue
- *
- * ```tsx
- * function MyComponent() {
- *   const { y } = useClientSize({ y: '100vh' })
- *   return <motion.div style={{ height: y }}>bla</motion.div>
- * }
- * ```
- *
- * @deprecated Use `var(--client-size-y)` or `var(--client-size-x)` instead
- */
-export function useClientSize(options?: UseClientSizeOptions): UseClientSizeReturn {
-  const ret = useConstant<UseClientSizeReturn>(() => ({
-    x: motionValue(options?.x ?? `0px`),
-    y: motionValue(options?.y ?? `0px`),
-  }))
-  useEffect(() => {
-    setTimeout(() => ret.x.set(`${clientSize.x.get()}px`), 1000)
-    const cX = clientSize.x.on('change', (xv) => ret.x.set(`${xv}px`))
-    return () => cX()
-  }, [ret.x])
-  useEffect(() => {
-    setTimeout(() => ret.y.set(`${clientSize.y.get()}px`), 1000)
-    const cY = clientSize.y.on('change', (yv) => ret.y.set(`${yv}px`))
-    return () => cY()
-  }, [ret.y])
-  return ret
-}

package/hooks/useMotionSelector.ts CHANGED Viewed

@@ -1,12 +1,14 @@
-import { MotionValue } from 'framer-motion'
+import type { MotionValue } from 'framer-motion'
 import { startTransition, useState } from 'react'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'
 type UnwrapMotionValue<T> = T extends MotionValue<infer U> ? U : T
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type UnwrapMotionValues<T extends [...any[]]> = T extends [infer Head, ...infer Tail]
   ? [UnwrapMotionValue<Head>, ...UnwrapMotionValues<Tail>]
   : []
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useMotionSelector<T extends [...any[]], R>(
   motionValues: readonly [...T],
   effect: (v: UnwrapMotionValues<T>) => R,

package/hooks/useMotionValueValue.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { MotionValue } from 'framer-motion'
+import type { MotionValue } from 'framer-motion'
 import { startTransition, useState } from 'react'
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect'

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/framer-utils",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "9.0.0-canary.99",
+  "version": "9.0.1-canary.0",
   "sideEffects": false,
   "scripts": {
     "dev": "tsc -W"
@@ -15,10 +15,10 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.99",
-    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.99",
-    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.99",
-    "framer-motion": "^10.0.0",
+    "@graphcommerce/eslint-config-pwa": "^9.0.1-canary.0",
+    "@graphcommerce/prettier-config-pwa": "^9.0.1-canary.0",
+    "@graphcommerce/typescript-config-pwa": "^9.0.1-canary.0",
+    "framer-motion": "^11.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/utils/clientSize.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import { motionValue, MotionValue } from 'framer-motion'
+import type { MotionValue } from 'framer-motion'
+import { motionValue } from 'framer-motion'
 import sync from 'framesync'
 export type ClientSize = {

package/utils/styled.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react'
+import type { CSSProperties } from 'react'
 type AnyKey = string | number | symbol