feat(frontend): revamp channels into signal-map roster with GSAP stagger

This commit is contained in:
asepharyana
2026-08-25 23:17:39 +07:00
parent cab451f0e5
commit 2aa12b9ec5
4 changed files with 195 additions and 74 deletions
+22 -54
View File
@@ -8,18 +8,21 @@ importers:
.:
dependencies:
'@gsap/react':
specifier: ^2.1.2
version: 2.1.2(gsap@3.15.0)(react@19.2.8)
'@orpc/client':
specifier: 1.15.0
version: 1.15.0
clsx:
specifier: ^2.1.1
version: 2.1.1
gsap:
specifier: ^3.15.0
version: 3.15.0
lucide-react:
specifier: ^1.33.0
version: 1.33.0(react@19.2.8)
motion:
specifier: ^13.1.1
version: 13.1.1(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
next:
specifier: 16.3.2
version: 16.3.2(@babel/core@7.29.7)(@types/node@26.2.0)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
@@ -212,6 +215,12 @@ packages:
'@emnapi/runtime@1.11.3':
resolution: {integrity: sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==}
'@gsap/react@2.1.2':
resolution: {integrity: sha512-JqliybO1837UcgH2hVOM4VO+38APk3ECNrsuSM4MuXp+rbf+/2IG2K1YJiqfTcXQHH7XlA0m3ykniFYstfq0Iw==}
peerDependencies:
gsap: ^3.12.5
react: '>=17'
'@img/colour@1.1.0':
resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
engines: {node: '>=18'}
@@ -803,17 +812,6 @@ packages:
fflate@0.8.3:
resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
framer-motion@13.1.1:
resolution: {integrity: sha512-B/xn2TPS4f61cEBLFjiYlQFnBZUW1YVj/LM+C+N4OP8Rs95VLEI2ot/RlfBg111la/EiyECFaJJi/A3FWA8MUA==}
peerDependencies:
react: ^18.0.0 || ^19.0.0
react-dom: ^18.0.0 || ^19.0.0
peerDependenciesMeta:
react:
optional: true
react-dom:
optional: true
gensync@1.0.0-beta.2:
resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
engines: {node: '>=6.9.0'}
@@ -829,6 +827,9 @@ packages:
graceful-fs@4.2.11:
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
gsap@3.15.0:
resolution: {integrity: sha512-dMW4CWBTUK1AEEDeZc1g4xpPGIrSf9fJF960qbTZmN/QwZIWY5wgliS6JWl9/25fpTGJrMRtSjGtOmPnfjZB+A==}
jiti@2.7.0:
resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
hasBin: true
@@ -941,23 +942,6 @@ packages:
resolution: {integrity: sha512-gN54ddmyzEg10orwZ2u4OOv+bjpMWdIl5jIkodK97bMq8QBSL5c0D7YX0lT1Ooz+99S7+PvFbnxzdjgHo1r41g==}
engines: {node: '>=18.0.0'}
motion-dom@13.1.1:
resolution: {integrity: sha512-XSf8VYWSB6G/0IY3rWVbyLcxWXtAVHkN1PQE2agTaCv3u8RGvbwu56TyyR/MNzBqqNavEBTZzErcxI1TxBrjcA==}
motion-utils@13.0.0:
resolution: {integrity: sha512-7DnN7TmbLcYXcG4RVadXIihWlyuM9afoUww8Y5Agg431kGKiuL2/OMyP4mJ5wLz+pvN3t5ySClLOaVXJ+wekRQ==}
motion@13.1.1:
resolution: {integrity: sha512-WNZoK6xiF+kkTqkZ5K7FDDh6A8BG4i5Hc7KXtW8gtTxkpJFds+hIOrDaQGKjQj/AE/i4hJqAaUHEqp/Qo02y6Q==}
peerDependencies:
react: ^18.0.0 || ^19.0.0
react-dom: ^18.0.0 || ^19.0.0
peerDependenciesMeta:
react:
optional: true
react-dom:
optional: true
ms@2.1.3:
resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
@@ -1335,6 +1319,11 @@ snapshots:
tslib: 2.8.1
optional: true
'@gsap/react@2.1.2(gsap@3.15.0)(react@19.2.8)':
dependencies:
gsap: 3.15.0
react: 19.2.8
'@img/colour@1.1.0':
optional: true
@@ -1755,15 +1744,6 @@ snapshots:
fflate@0.8.3: {}
framer-motion@13.1.1(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
dependencies:
motion-dom: 13.1.1
motion-utils: 13.0.0
tslib: 2.8.1
optionalDependencies:
react: 19.2.8
react-dom: 19.2.8(react@19.2.8)
gensync@1.0.0-beta.2:
optional: true
@@ -1773,6 +1753,8 @@ snapshots:
graceful-fs@4.2.11: {}
gsap@3.15.0: {}
jiti@2.7.0: {}
js-tokens@4.0.0:
@@ -1852,20 +1834,6 @@ snapshots:
modern-tar@0.8.4: {}
motion-dom@13.1.1:
dependencies:
motion-utils: 13.0.0
motion-utils@13.0.0: {}
motion@13.1.1(react-dom@19.2.8(react@19.2.8))(react@19.2.8):
dependencies:
framer-motion: 13.1.1(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
tslib: 2.8.1
optionalDependencies:
react: 19.2.8
react-dom: 19.2.8(react@19.2.8)
ms@2.1.3:
optional: true