@salesmind-ai/design-system 0.5.0 → 0.7.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 (257) hide show
  1. package/README.md +2 -0
  2. package/dist/Anton-Regular-MLEXVTB2.woff2 +0 -0
  3. package/dist/admin/index.cjs +5 -61
  4. package/dist/admin/index.css +0 -3918
  5. package/dist/admin/index.css.map +1 -1
  6. package/dist/admin/index.d.cts +1 -422
  7. package/dist/admin/index.d.ts +1 -422
  8. package/dist/admin/index.js +1 -5
  9. package/dist/blog/index.cjs +13 -34
  10. package/dist/blog/index.css +0 -579
  11. package/dist/blog/index.css.map +1 -1
  12. package/dist/blog/index.d.cts +1 -54
  13. package/dist/blog/index.d.ts +1 -54
  14. package/dist/blog/index.js +5 -6
  15. package/dist/charts/index.cjs +0 -46
  16. package/dist/charts/index.d.cts +1 -452
  17. package/dist/charts/index.d.ts +1 -452
  18. package/dist/charts/index.js +1 -3
  19. package/dist/{chunk-HDVAMYSG.js → chunk-27Y5ESMM.js} +7 -2
  20. package/dist/chunk-27Y5ESMM.js.map +1 -0
  21. package/dist/{chunk-YTYDQBVY.cjs → chunk-2VVRZBUR.cjs} +4 -4
  22. package/dist/{chunk-GQELL2MF.cjs → chunk-3NS6X2R4.cjs} +20 -203
  23. package/dist/chunk-3NS6X2R4.cjs.map +1 -0
  24. package/dist/{chunk-XEX2AEZK.cjs → chunk-65DTHLVX.cjs} +66 -186
  25. package/dist/chunk-65DTHLVX.cjs.map +1 -0
  26. package/dist/{chunk-QALDZ7WQ.js → chunk-6BUS7RMS.js} +21 -198
  27. package/dist/chunk-6BUS7RMS.js.map +1 -0
  28. package/dist/{chunk-BJZ2DKS5.cjs → chunk-6QIQCUYC.cjs} +11 -10
  29. package/dist/chunk-6QIQCUYC.cjs.map +1 -0
  30. package/dist/{chunk-H2Y6BSTL.cjs → chunk-7EUR3AKV.cjs} +1 -1
  31. package/dist/chunk-7EUR3AKV.cjs.map +1 -0
  32. package/dist/{chunk-VFJZQQZU.js → chunk-AMNY5TS3.js} +11 -10
  33. package/dist/chunk-AMNY5TS3.js.map +1 -0
  34. package/dist/{chunk-YJ6C3EKW.js → chunk-CLXLQCNQ.js} +52 -168
  35. package/dist/chunk-CLXLQCNQ.js.map +1 -0
  36. package/dist/{chunk-H2KQ3WSH.cjs → chunk-CVLD5RQK.cjs} +12 -14
  37. package/dist/chunk-CVLD5RQK.cjs.map +1 -0
  38. package/dist/chunk-EPD4ZEPY.cjs +344 -0
  39. package/dist/chunk-EPD4ZEPY.cjs.map +1 -0
  40. package/dist/chunk-FXYOSA4E.cjs +118 -0
  41. package/dist/chunk-FXYOSA4E.cjs.map +1 -0
  42. package/dist/{chunk-ECXBTUH6.cjs → chunk-GPHQGLR5.cjs} +27 -204
  43. package/dist/chunk-GPHQGLR5.cjs.map +1 -0
  44. package/dist/{chunk-Y26OHHMX.js → chunk-HHQ6J7B6.js} +513 -888
  45. package/dist/chunk-HHQ6J7B6.js.map +1 -0
  46. package/dist/chunk-JPUJWI7F.cjs +73 -0
  47. package/dist/chunk-JPUJWI7F.cjs.map +1 -0
  48. package/dist/{chunk-6UNG76Y2.js → chunk-K526GN7P.js} +2 -2
  49. package/dist/{chunk-SICKWUWB.js → chunk-KJHPOB3J.js} +1 -1
  50. package/dist/chunk-KJHPOB3J.js.map +1 -0
  51. package/dist/chunk-KXVFFEGD.js +60 -0
  52. package/dist/chunk-KXVFFEGD.js.map +1 -0
  53. package/dist/chunk-LQB7QLD3.js +288 -0
  54. package/dist/chunk-LQB7QLD3.js.map +1 -0
  55. package/dist/chunk-LUD52ZJF.cjs +726 -0
  56. package/dist/chunk-LUD52ZJF.cjs.map +1 -0
  57. package/dist/{chunk-7UZ5DETZ.js → chunk-MBAG654R.js} +4 -216
  58. package/dist/chunk-MBAG654R.js.map +1 -0
  59. package/dist/chunk-OMP6FAZ6.cjs +183 -0
  60. package/dist/chunk-OMP6FAZ6.cjs.map +1 -0
  61. package/dist/{chunk-WYH4TKS5.js → chunk-PBYRTNQ5.js} +6 -8
  62. package/dist/chunk-PBYRTNQ5.js.map +1 -0
  63. package/dist/chunk-PYREXCZK.js +679 -0
  64. package/dist/chunk-PYREXCZK.js.map +1 -0
  65. package/dist/{chunk-6D22TFLA.cjs → chunk-R3ZECV5P.cjs} +9 -4
  66. package/dist/chunk-R3ZECV5P.cjs.map +1 -0
  67. package/dist/{chunk-P5BOFE5A.js → chunk-RSLA2FJN.js} +28 -183
  68. package/dist/chunk-RSLA2FJN.js.map +1 -0
  69. package/dist/chunk-S46SKHMD.js +173 -0
  70. package/dist/chunk-S46SKHMD.js.map +1 -0
  71. package/dist/chunk-SFXTB7JL.js +190 -0
  72. package/dist/chunk-SFXTB7JL.js.map +1 -0
  73. package/dist/chunk-SGYXYMKZ.cjs +214 -0
  74. package/dist/chunk-SGYXYMKZ.cjs.map +1 -0
  75. package/dist/chunk-UGKYP6F3.cjs +296 -0
  76. package/dist/chunk-UGKYP6F3.cjs.map +1 -0
  77. package/dist/chunk-WB6XDNU7.js +115 -0
  78. package/dist/chunk-WB6XDNU7.js.map +1 -0
  79. package/dist/{chunk-LTPTW2US.cjs → chunk-WE4QIIVN.cjs} +592 -974
  80. package/dist/chunk-WE4QIIVN.cjs.map +1 -0
  81. package/dist/core/index.cjs +144 -626
  82. package/dist/core/index.css +178 -3567
  83. package/dist/core/index.css.map +1 -1
  84. package/dist/core/index.d.cts +940 -902
  85. package/dist/core/index.d.ts +940 -902
  86. package/dist/core/index.js +6 -12
  87. package/dist/i18n/index.cjs +54 -49
  88. package/dist/i18n/index.d.cts +46 -11
  89. package/dist/i18n/index.d.ts +46 -11
  90. package/dist/i18n/index.js +2 -1
  91. package/dist/index-BJ8rBqrO.d.cts +1100 -0
  92. package/dist/index-BxMqCbqE.d.ts +1100 -0
  93. package/dist/index.cjs +507 -1001
  94. package/dist/index.cjs.map +1 -1
  95. package/dist/index.css +6057 -16713
  96. package/dist/index.css.map +1 -1
  97. package/dist/index.d.cts +306 -21
  98. package/dist/index.d.ts +306 -21
  99. package/dist/index.js +274 -39
  100. package/dist/index.js.map +1 -1
  101. package/dist/marketing/index.cjs +33 -76
  102. package/dist/marketing/index.css +1896 -3234
  103. package/dist/marketing/index.css.map +1 -1
  104. package/dist/marketing/index.d.cts +3 -1351
  105. package/dist/marketing/index.d.ts +3 -1351
  106. package/dist/marketing/index.js +5 -8
  107. package/dist/motion/index.cjs +3 -20
  108. package/dist/motion/index.css +0 -580
  109. package/dist/motion/index.css.map +1 -1
  110. package/dist/motion/index.d.cts +1 -37
  111. package/dist/motion/index.d.ts +1 -37
  112. package/dist/motion/index.js +1 -2
  113. package/dist/nav/index.cjs +10 -35
  114. package/dist/nav/index.css +28 -580
  115. package/dist/nav/index.css.map +1 -1
  116. package/dist/nav/index.d.cts +2 -60
  117. package/dist/nav/index.d.ts +2 -60
  118. package/dist/nav/index.js +1 -2
  119. package/dist/report/index.cjs +1166 -175
  120. package/dist/report/index.cjs.map +1 -1
  121. package/dist/report/index.d.cts +208 -5
  122. package/dist/report/index.d.ts +208 -5
  123. package/dist/report/index.js +1141 -3
  124. package/dist/report/index.js.map +1 -1
  125. package/dist/sections/index.cjs +8 -10
  126. package/dist/sections/index.cjs.map +1 -1
  127. package/dist/sections/index.css +0 -206
  128. package/dist/sections/index.css.map +1 -1
  129. package/dist/sections/index.js +2 -4
  130. package/dist/sections/index.js.map +1 -1
  131. package/dist/social-media/index.cjs +4 -0
  132. package/dist/social-media/index.cjs.map +1 -0
  133. package/dist/social-media/index.d.cts +2 -0
  134. package/dist/social-media/index.d.ts +2 -0
  135. package/dist/social-media/index.js +3 -0
  136. package/dist/social-media/index.js.map +1 -0
  137. package/dist/social-proof/index.cjs +4 -36
  138. package/dist/social-proof/index.css +3 -1106
  139. package/dist/social-proof/index.css.map +1 -1
  140. package/dist/social-proof/index.d.cts +26 -171
  141. package/dist/social-proof/index.d.ts +26 -171
  142. package/dist/social-proof/index.js +1 -5
  143. package/dist/styles/styles.css +657 -2990
  144. package/dist/theme/index.cjs +12 -16
  145. package/dist/theme/index.css +1 -245
  146. package/dist/theme/index.css.map +1 -1
  147. package/dist/theme/index.d.cts +4 -1
  148. package/dist/theme/index.d.ts +4 -1
  149. package/dist/theme/index.js +2 -2
  150. package/dist/web/client/index.cjs +10 -10
  151. package/dist/web/client/index.css +118 -0
  152. package/dist/web/client/index.css.map +1 -1
  153. package/dist/web/client/index.js +2 -2
  154. package/dist/web/index.cjs +10 -10
  155. package/dist/web/index.css +118 -0
  156. package/dist/web/index.css.map +1 -1
  157. package/dist/web/index.js +2 -2
  158. package/package.json +10 -4
  159. package/dist/AppearancePanel-UT57J69V.d.cts +0 -51
  160. package/dist/AppearancePanel-UT57J69V.d.ts +0 -51
  161. package/dist/ExportMenu-A2TLFiVv.d.cts +0 -311
  162. package/dist/ExportMenu-C8qck5AT.d.ts +0 -311
  163. package/dist/Select-BdZmK0Lt.d.cts +0 -66
  164. package/dist/Select-BdZmK0Lt.d.ts +0 -66
  165. package/dist/chart-types-BGVVO-zl.d.cts +0 -208
  166. package/dist/chart-types-BGVVO-zl.d.ts +0 -208
  167. package/dist/charts/index.css +0 -1167
  168. package/dist/charts/index.css.map +0 -1
  169. package/dist/chunk-3BAQDW3V.cjs +0 -1207
  170. package/dist/chunk-3BAQDW3V.cjs.map +0 -1
  171. package/dist/chunk-3NKRFUAR.js +0 -37
  172. package/dist/chunk-3NKRFUAR.js.map +0 -1
  173. package/dist/chunk-3TGSIILM.cjs +0 -201
  174. package/dist/chunk-3TGSIILM.cjs.map +0 -1
  175. package/dist/chunk-4GM5BGBN.cjs +0 -801
  176. package/dist/chunk-4GM5BGBN.cjs.map +0 -1
  177. package/dist/chunk-5LA3T22E.cjs +0 -562
  178. package/dist/chunk-5LA3T22E.cjs.map +0 -1
  179. package/dist/chunk-5SN66B2X.js +0 -2542
  180. package/dist/chunk-5SN66B2X.js.map +0 -1
  181. package/dist/chunk-6D22TFLA.cjs.map +0 -1
  182. package/dist/chunk-6H4DSTXR.js +0 -786
  183. package/dist/chunk-6H4DSTXR.js.map +0 -1
  184. package/dist/chunk-6HKQ5ILL.cjs +0 -1624
  185. package/dist/chunk-6HKQ5ILL.cjs.map +0 -1
  186. package/dist/chunk-7PX2AZ6Y.js +0 -39
  187. package/dist/chunk-7PX2AZ6Y.js.map +0 -1
  188. package/dist/chunk-7UZ5DETZ.js.map +0 -1
  189. package/dist/chunk-B6AVAX4F.js +0 -1415
  190. package/dist/chunk-B6AVAX4F.js.map +0 -1
  191. package/dist/chunk-BJZ2DKS5.cjs.map +0 -1
  192. package/dist/chunk-BUTQSDQH.js +0 -200
  193. package/dist/chunk-BUTQSDQH.js.map +0 -1
  194. package/dist/chunk-C2BCDNAV.js +0 -24
  195. package/dist/chunk-C2BCDNAV.js.map +0 -1
  196. package/dist/chunk-CJ2MKVAF.cjs +0 -46
  197. package/dist/chunk-CJ2MKVAF.cjs.map +0 -1
  198. package/dist/chunk-E7D6EKJ4.cjs +0 -44
  199. package/dist/chunk-E7D6EKJ4.cjs.map +0 -1
  200. package/dist/chunk-ECXBTUH6.cjs.map +0 -1
  201. package/dist/chunk-FAFAP4L5.js +0 -183
  202. package/dist/chunk-FAFAP4L5.js.map +0 -1
  203. package/dist/chunk-G2XGBO5V.cjs +0 -2565
  204. package/dist/chunk-G2XGBO5V.cjs.map +0 -1
  205. package/dist/chunk-GQELL2MF.cjs.map +0 -1
  206. package/dist/chunk-H2KQ3WSH.cjs.map +0 -1
  207. package/dist/chunk-H2Y6BSTL.cjs.map +0 -1
  208. package/dist/chunk-HCZW5AJN.cjs +0 -234
  209. package/dist/chunk-HCZW5AJN.cjs.map +0 -1
  210. package/dist/chunk-HDVAMYSG.js.map +0 -1
  211. package/dist/chunk-HN4PHABT.js +0 -126
  212. package/dist/chunk-HN4PHABT.js.map +0 -1
  213. package/dist/chunk-LTPTW2US.cjs.map +0 -1
  214. package/dist/chunk-MDB2WCRQ.cjs +0 -137
  215. package/dist/chunk-MDB2WCRQ.cjs.map +0 -1
  216. package/dist/chunk-MQRB634A.cjs +0 -34
  217. package/dist/chunk-MQRB634A.cjs.map +0 -1
  218. package/dist/chunk-NN3TUHIH.js +0 -28
  219. package/dist/chunk-NN3TUHIH.js.map +0 -1
  220. package/dist/chunk-OWS2KAXZ.js +0 -701
  221. package/dist/chunk-OWS2KAXZ.js.map +0 -1
  222. package/dist/chunk-P5BOFE5A.js.map +0 -1
  223. package/dist/chunk-PUPSK3DI.cjs +0 -216
  224. package/dist/chunk-PUPSK3DI.cjs.map +0 -1
  225. package/dist/chunk-Q2MFGYTE.cjs +0 -1449
  226. package/dist/chunk-Q2MFGYTE.cjs.map +0 -1
  227. package/dist/chunk-Q75DBVDY.cjs +0 -68
  228. package/dist/chunk-Q75DBVDY.cjs.map +0 -1
  229. package/dist/chunk-QALDZ7WQ.js.map +0 -1
  230. package/dist/chunk-QWE2RNCS.js +0 -1195
  231. package/dist/chunk-QWE2RNCS.js.map +0 -1
  232. package/dist/chunk-RQUFZAZ7.js +0 -1608
  233. package/dist/chunk-RQUFZAZ7.js.map +0 -1
  234. package/dist/chunk-SICKWUWB.js.map +0 -1
  235. package/dist/chunk-TCFC7XTB.js +0 -212
  236. package/dist/chunk-TCFC7XTB.js.map +0 -1
  237. package/dist/chunk-UTVXGAQP.cjs +0 -2437
  238. package/dist/chunk-UTVXGAQP.cjs.map +0 -1
  239. package/dist/chunk-UVEMY3FQ.cjs +0 -717
  240. package/dist/chunk-UVEMY3FQ.cjs.map +0 -1
  241. package/dist/chunk-VFJZQQZU.js.map +0 -1
  242. package/dist/chunk-WH7PYHZY.cjs +0 -35
  243. package/dist/chunk-WH7PYHZY.cjs.map +0 -1
  244. package/dist/chunk-WYH4TKS5.js.map +0 -1
  245. package/dist/chunk-XEX2AEZK.cjs.map +0 -1
  246. package/dist/chunk-XPTVHPCN.js +0 -2320
  247. package/dist/chunk-XPTVHPCN.js.map +0 -1
  248. package/dist/chunk-XWPDRMZG.js +0 -62
  249. package/dist/chunk-XWPDRMZG.js.map +0 -1
  250. package/dist/chunk-Y26OHHMX.js.map +0 -1
  251. package/dist/chunk-YJ6C3EKW.js.map +0 -1
  252. package/dist/motion-C651Ry6d.d.cts +0 -832
  253. package/dist/motion-C651Ry6d.d.ts +0 -832
  254. package/dist/report/index.css +0 -1239
  255. package/dist/report/index.css.map +0 -1
  256. /package/dist/{chunk-6UNG76Y2.js.map → chunk-2VVRZBUR.cjs.map} +0 -0
  257. /package/dist/{chunk-YTYDQBVY.cjs.map → chunk-K526GN7P.js.map} +0 -0
@@ -1,13 +1,10 @@
1
- export { AnnouncementBar, ArchitectureDiagram, BeforeAfterBlock, BookingEmbed, CaseStudyCard, CaseStudySection, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, ExitIntentOverlay, GuaranteeHighlight, ICPFilter, IntegrationShowcase, IntelligenceBlock, IntentCTA, LeadCaptureForm, ManifestoBlock, ObjectionFAQ, PartnerValueProp, PricingCard, PricingSection, PricingToggle, ProblemAgitation, ProcessTimeline, ROICalculator, SecurityBlock, SegmentSwitch, StakeholderTabs, StickyActionBar, ValueAnchor, VideoEmbed } from '../chunk-Y26OHHMX.js';
2
- import '../chunk-TCFC7XTB.js';
3
- import '../chunk-3NKRFUAR.js';
4
- import '../chunk-SICKWUWB.js';
1
+ export { ArchitectureDiagram, AuroraVoid, BeforeAfterBlock, BookingEmbed, CaseStudyCard, ComparisonTable, CompetitorDiff, ComplianceGrid, EcosystemDiagram, EnterpriseSignaling, EvolutionTimeline, GuaranteeHighlight, HeroComposition, ICPFilter, IntelligenceBlock, IntentCTA, ObjectionFAQ, PartnerValueProp, PricingCard, ProblemAgitation, ROICalculator, SegmentSwitch, StickyActionBar, ValueAnchor } from '../chunk-HHQ6J7B6.js';
2
+ import '../chunk-KXVFFEGD.js';
3
+ import '../chunk-KJHPOB3J.js';
5
4
  import '../chunk-YSYR54XR.js';
6
- import '../chunk-XWPDRMZG.js';
7
5
  import '../chunk-2GARWEJK.js';
8
- import '../chunk-Y3CPKNB7.js';
9
- import '../chunk-VFJZQQZU.js';
6
+ import '../chunk-RSLA2FJN.js';
7
+ import '../chunk-AMNY5TS3.js';
10
8
  import '../chunk-KJ2OXQF4.js';
11
- import '../chunk-HN4PHABT.js';
12
9
  //# sourceMappingURL=out.js.map
13
10
  //# sourceMappingURL=index.js.map
@@ -1,34 +1,17 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunk3BAQDW3V_cjs = require('../chunk-3BAQDW3V.cjs');
5
- require('../chunk-PUPSK3DI.cjs');
4
+ var chunkFXYOSA4E_cjs = require('../chunk-FXYOSA4E.cjs');
6
5
 
7
6
 
8
7
 
9
8
  Object.defineProperty(exports, "CursorSpotlight", {
10
9
  enumerable: true,
11
- get: function () { return chunk3BAQDW3V_cjs.CursorSpotlight; }
12
- });
13
- Object.defineProperty(exports, "FunnelScalingSender", {
14
- enumerable: true,
15
- get: function () { return chunk3BAQDW3V_cjs.FunnelScalingSender; }
16
- });
17
- Object.defineProperty(exports, "MotionContainer", {
18
- enumerable: true,
19
- get: function () { return chunk3BAQDW3V_cjs.MotionContainer; }
20
- });
21
- Object.defineProperty(exports, "MotionText", {
22
- enumerable: true,
23
- get: function () { return chunk3BAQDW3V_cjs.MotionText; }
24
- });
25
- Object.defineProperty(exports, "RevenueAutomationLoop", {
26
- enumerable: true,
27
- get: function () { return chunk3BAQDW3V_cjs.RevenueAutomationLoop; }
10
+ get: function () { return chunkFXYOSA4E_cjs.CursorSpotlight; }
28
11
  });
29
12
  Object.defineProperty(exports, "SpotlightCard", {
30
13
  enumerable: true,
31
- get: function () { return chunk3BAQDW3V_cjs.SpotlightCard; }
14
+ get: function () { return chunkFXYOSA4E_cjs.SpotlightCard; }
32
15
  });
33
16
  //# sourceMappingURL=out.js.map
34
17
  //# sourceMappingURL=index.cjs.map
@@ -116,584 +116,4 @@
116
116
  display: none;
117
117
  }
118
118
  }
119
-
120
- /* src/components/HeroAnimation/RevenueAutomationLoop.css */
121
- .ds-revenue-loop {
122
- position: relative;
123
- width: 100%;
124
- max-width: 600px;
125
- aspect-ratio: 1;
126
- display: flex;
127
- align-items: center;
128
- justify-content: center;
129
- margin: 0 auto;
130
- }
131
- .ds-revenue-loop__circle {
132
- position: relative;
133
- width: 100%;
134
- height: 100%;
135
- }
136
- .ds-revenue-loop__ring {
137
- width: 100%;
138
- height: 100%;
139
- overflow: visible;
140
- }
141
- .ds-revenue-loop__track {
142
- opacity: 0.3;
143
- }
144
- .ds-revenue-loop__hub {
145
- position: absolute;
146
- top: 50%;
147
- left: 50%;
148
- transform: translate(-50%, -50%);
149
- width: 120px;
150
- height: 120px;
151
- border-radius: 50%;
152
- background: var(--glass-base-active);
153
- backdrop-filter: blur(20px);
154
- border: 1px solid var(--rim-light-top);
155
- display: flex;
156
- align-items: center;
157
- justify-content: center;
158
- z-index: 10;
159
- box-shadow: var(--glass-shadow-elevated);
160
- }
161
- .ds-revenue-loop__hub-glow {
162
- position: absolute;
163
- inset: -20px;
164
- background:
165
- radial-gradient(
166
- circle,
167
- var(--brand-pink-glow) 0%,
168
- transparent 70%);
169
- opacity: 0.5;
170
- z-index: -1;
171
- animation: pulse 4s ease-in-out infinite;
172
- }
173
- .ds-revenue-loop__logo {
174
- font-size: var(--font-size-3xl);
175
- font-weight: bold;
176
- background:
177
- linear-gradient(
178
- 135deg,
179
- var(--brand-pink),
180
- var(--brand-yellow));
181
- -webkit-background-clip: text;
182
- -webkit-text-fill-color: transparent;
183
- }
184
- .ds-revenue-loop__node {
185
- position: absolute;
186
- transform: translate(-50%, -50%);
187
- display: flex;
188
- flex-direction: column;
189
- align-items: center;
190
- gap: var(--space-2);
191
- text-align: center;
192
- width: 140px;
193
- }
194
- .ds-revenue-loop__icon {
195
- width: 48px;
196
- height: 48px;
197
- border-radius: 50%;
198
- background: var(--glass-base-active);
199
- border: 1px solid var(--rim-light-top);
200
- display: flex;
201
- align-items: center;
202
- justify-content: center;
203
- color: var(--text-primary);
204
- box-shadow: var(--shadow-interactive-rest);
205
- transition: all 0.3s ease;
206
- }
207
- .ds-revenue-loop__node:hover .ds-revenue-loop__icon {
208
- border-color: var(--brand-pink);
209
- box-shadow: 0 0 20px var(--brand-pink-glow);
210
- transform: scale(1.1);
211
- color: var(--brand-pink);
212
- }
213
- .ds-revenue-loop__label {
214
- font-family: var(--font-family);
215
- font-size: var(--font-size-sm);
216
- font-weight: var(--font-weight-medium);
217
- color: var(--text-secondary);
218
- background: var(--glass-base);
219
- padding: var(--space-1) var(--space-3);
220
- border-radius: var(--radius-pill);
221
- border: 1px solid var(--rim-light-bottom);
222
- backdrop-filter: blur(8px);
223
- }
224
- @keyframes pulse {
225
- 0%, 100% {
226
- transform: scale(1);
227
- opacity: 0.5;
228
- }
229
- 50% {
230
- transform: scale(1.2);
231
- opacity: 0.3;
232
- }
233
- }
234
-
235
- /* src/components/FunnelScalingSender/FunnelScalingSender.css */
236
- .ds-funnel-scaling {
237
- --fsc-duration-xs: 0.3s;
238
- --fsc-duration-sm: 0.4s;
239
- --fsc-duration-md: 0.6s;
240
- --fsc-duration-lg: 0.8s;
241
- --fsc-ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
242
- --fsc-ease-linear: linear;
243
- --fsc-stagger-sm: 0.08s;
244
- --fsc-stagger-md: 0.12s;
245
- --fsc-bg: var(--void-base);
246
- --fsc-grid-color: var(--surface-alpha-1);
247
- --fsc-stroke-muted: var(--surface-alpha-2);
248
- --fsc-text-muted: var(--text-tertiary);
249
- --fsc-text-dim: var(--text-disabled);
250
- }
251
- .ds-funnel-scaling {
252
- position: relative;
253
- width: 100%;
254
- max-width: 1200px;
255
- aspect-ratio: 16 / 9;
256
- margin: 0 auto;
257
- overflow: hidden;
258
- border-radius: var(--radius-card);
259
- font-family: var(--font-family);
260
- }
261
- .ds-funnel-scaling__bg {
262
- position: absolute;
263
- inset: 0;
264
- background: var(--fsc-bg);
265
- z-index: 0;
266
- }
267
- .ds-funnel-scaling__grid {
268
- position: absolute;
269
- inset: 0;
270
- background-image:
271
- linear-gradient(var(--fsc-grid-color) 1px, transparent 1px),
272
- linear-gradient(
273
- 90deg,
274
- var(--fsc-grid-color) 1px,
275
- transparent 1px);
276
- background-size: 40px 40px;
277
- z-index: 1;
278
- }
279
- .ds-funnel-scaling__canvas {
280
- position: relative;
281
- width: 100%;
282
- height: 100%;
283
- z-index: 2;
284
- display: grid;
285
- grid-template-columns: 260px 1fr 240px;
286
- grid-template-rows: auto 1fr auto;
287
- gap: var(--space-4);
288
- padding: var(--space-6);
289
- }
290
- .ds-funnel-scaling__winning-card {
291
- grid-column: 1 / 2;
292
- grid-row: 1 / 4;
293
- background: var(--glass-base);
294
- border: 1px solid var(--fsc-stroke-muted);
295
- border-radius: var(--radius-card);
296
- padding: var(--space-5);
297
- display: flex;
298
- flex-direction: column;
299
- gap: var(--space-3);
300
- backdrop-filter: blur(12px);
301
- align-self: start;
302
- }
303
- .ds-funnel-scaling__winning-header {
304
- font-size: var(--font-size-xs);
305
- font-weight: var(--font-weight-semibold);
306
- color: var(--brand-pink);
307
- text-transform: uppercase;
308
- letter-spacing: var(--letter-spacing-wider);
309
- }
310
- .ds-funnel-scaling__winning-title {
311
- font-size: var(--font-size-sm);
312
- font-weight: var(--font-weight-bold);
313
- color: var(--text-primary);
314
- line-height: var(--line-height-tight);
315
- }
316
- .ds-funnel-scaling__winning-bullets {
317
- list-style: none;
318
- padding: 0;
319
- margin: 0;
320
- display: flex;
321
- flex-direction: column;
322
- gap: var(--space-2);
323
- }
324
- .ds-funnel-scaling__winning-bullet {
325
- display: flex;
326
- align-items: flex-start;
327
- gap: var(--space-2);
328
- font-size: var(--font-size-xs);
329
- color: var(--fsc-text-muted);
330
- line-height: 1.4;
331
- }
332
- .ds-funnel-scaling__winning-bullet::before {
333
- content: "";
334
- flex-shrink: 0;
335
- width: 6px;
336
- height: 6px;
337
- margin-top: var(--space-1);
338
- border-radius: 50%;
339
- background:
340
- linear-gradient(
341
- 135deg,
342
- var(--brand-pink),
343
- var(--brand-yellow));
344
- }
345
- .ds-funnel-scaling__winning-lock {
346
- display: flex;
347
- align-items: center;
348
- gap: var(--space-2);
349
- font-size: var(--font-size-2xs);
350
- font-weight: var(--font-weight-semibold);
351
- color: var(--status-success);
352
- letter-spacing: var(--letter-spacing-wide);
353
- text-transform: uppercase;
354
- margin-top: var(--space-1);
355
- padding-top: var(--space-3);
356
- border-top: 1px solid var(--fsc-stroke-muted);
357
- }
358
- .ds-funnel-scaling__winning-lock svg {
359
- width: 12px;
360
- height: 12px;
361
- }
362
- .ds-funnel-scaling__ant {
363
- position: absolute;
364
- width: 28px;
365
- height: 28px;
366
- z-index: 20;
367
- filter: drop-shadow(0 0 6px var(--brand-pink-glow));
368
- }
369
- .ds-funnel-scaling__ant--ghost {
370
- opacity: 0.35;
371
- filter: drop-shadow(0 0 4px var(--brand-pink-glow));
372
- }
373
- .ds-funnel-scaling__ant-svg {
374
- width: 100%;
375
- height: 100%;
376
- }
377
- .ds-funnel-scaling__flow {
378
- grid-column: 2 / 3;
379
- grid-row: 1 / 3;
380
- display: flex;
381
- flex-direction: column;
382
- align-items: center;
383
- gap: 0;
384
- align-self: start;
385
- padding-top: var(--space-2);
386
- }
387
- .ds-funnel-scaling__flow-node {
388
- display: flex;
389
- align-items: center;
390
- gap: var(--space-3);
391
- padding: var(--space-2) var(--space-4);
392
- background: var(--glass-base);
393
- border: 1px solid var(--fsc-stroke-muted);
394
- border-radius: var(--radius-button);
395
- min-width: 220px;
396
- transform-origin: center top;
397
- }
398
- .ds-funnel-scaling__flow-node--active {
399
- border-color: rgba(var(--accent-rgb), 0.3);
400
- box-shadow: 0 0 12px rgba(var(--accent-rgb), 0.08);
401
- }
402
- .ds-funnel-scaling__flow-icon {
403
- width: 20px;
404
- height: 20px;
405
- flex-shrink: 0;
406
- color: var(--brand-pink);
407
- opacity: 0.7;
408
- }
409
- .ds-funnel-scaling__flow-label {
410
- font-size: var(--font-size-xs);
411
- font-weight: var(--font-weight-medium);
412
- color: var(--text-secondary);
413
- white-space: nowrap;
414
- }
415
- .ds-funnel-scaling__flow-connector {
416
- width: 2px;
417
- height: 12px;
418
- overflow: visible;
419
- }
420
- .ds-funnel-scaling__qualification {
421
- grid-column: 2 / 3;
422
- grid-row: 2 / 4;
423
- display: flex;
424
- flex-direction: column;
425
- align-items: center;
426
- gap: var(--space-3);
427
- align-self: end;
428
- padding-bottom: var(--space-2);
429
- }
430
- .ds-funnel-scaling__qual-ring {
431
- position: relative;
432
- width: 180px;
433
- height: 180px;
434
- }
435
- .ds-funnel-scaling__qual-ring svg {
436
- position: absolute;
437
- inset: 0;
438
- width: 100%;
439
- height: 100%;
440
- }
441
- .ds-funnel-scaling__qual-center {
442
- position: absolute;
443
- inset: 0;
444
- display: flex;
445
- align-items: center;
446
- justify-content: center;
447
- text-align: center;
448
- padding: var(--space-6);
449
- }
450
- .ds-funnel-scaling__qual-text {
451
- font-size: var(--font-size-2xs);
452
- font-weight: var(--font-weight-medium);
453
- color: var(--fsc-text-dim);
454
- line-height: 1.4;
455
- }
456
- .ds-funnel-scaling__qual-blocks {
457
- display: flex;
458
- gap: var(--space-3);
459
- width: 100%;
460
- justify-content: center;
461
- }
462
- .ds-funnel-scaling__qual-block {
463
- padding: var(--space-2) var(--space-3);
464
- background: var(--glass-base);
465
- border: 1px solid var(--fsc-stroke-muted);
466
- border-radius: var(--radius-badge);
467
- font-size: var(--font-size-xs);
468
- font-weight: var(--font-weight-medium);
469
- color: var(--text-secondary);
470
- white-space: nowrap;
471
- }
472
- .ds-funnel-scaling__meeting {
473
- position: absolute;
474
- bottom: var(--space-6);
475
- left: 50%;
476
- transform: translateX(-50%);
477
- display: flex;
478
- align-items: center;
479
- gap: var(--space-3);
480
- padding: var(--space-3) var(--space-5);
481
- background:
482
- linear-gradient(
483
- 135deg,
484
- rgba(var(--accent-rgb), 0.12),
485
- rgba(var(--accent-secondary-rgb), 0.12));
486
- border: 1px solid rgba(var(--accent-rgb), 0.25);
487
- border-radius: var(--radius-button);
488
- z-index: 10;
489
- }
490
- .ds-funnel-scaling__meeting-icon {
491
- width: 20px;
492
- height: 20px;
493
- color: var(--brand-pink);
494
- }
495
- .ds-funnel-scaling__meeting-label {
496
- font-size: var(--font-size-sm);
497
- font-weight: var(--font-weight-bold);
498
- color: var(--text-primary);
499
- }
500
- .ds-funnel-scaling__data-line {
501
- position: absolute;
502
- z-index: 5;
503
- overflow: visible;
504
- pointer-events: none;
505
- }
506
- .ds-funnel-scaling__funnel {
507
- grid-column: 3 / 4;
508
- grid-row: 1 / 4;
509
- display: flex;
510
- flex-direction: column;
511
- gap: var(--space-0-5);
512
- align-self: center;
513
- }
514
- .ds-funnel-scaling__funnel-stage {
515
- display: flex;
516
- align-items: center;
517
- gap: var(--space-2);
518
- padding: var(--space-2) var(--space-3);
519
- border-radius: var(--radius-badge);
520
- background: var(--glass-base);
521
- border: 1px solid var(--fsc-stroke-muted);
522
- transition: opacity 0.4s var(--fsc-ease-premium);
523
- }
524
- .ds-funnel-scaling__funnel-stage--dim {
525
- opacity: 0.5;
526
- }
527
- .ds-funnel-scaling__funnel-stage--highlight {
528
- background:
529
- linear-gradient(
530
- 90deg,
531
- rgba(var(--accent-rgb), 0.15),
532
- rgba(var(--accent-secondary-rgb), 0.15));
533
- border-color: rgba(var(--accent-rgb), 0.25);
534
- }
535
- .ds-funnel-scaling__funnel-num {
536
- width: 20px;
537
- height: 20px;
538
- border-radius: 50%;
539
- background: var(--glass-base-active);
540
- display: flex;
541
- align-items: center;
542
- justify-content: center;
543
- font-size: var(--font-size-2xs);
544
- font-weight: var(--font-weight-bold);
545
- color: var(--fsc-text-muted);
546
- flex-shrink: 0;
547
- }
548
- .ds-funnel-scaling__funnel-stage--highlight .ds-funnel-scaling__funnel-num {
549
- background:
550
- linear-gradient(
551
- 135deg,
552
- var(--brand-pink),
553
- var(--brand-yellow));
554
- color: var(--btn-primary-text);
555
- }
556
- .ds-funnel-scaling__funnel-label {
557
- font-size: var(--font-size-xs);
558
- font-weight: var(--font-weight-medium);
559
- color: var(--text-secondary);
560
- }
561
- .ds-funnel-scaling__funnel-header {
562
- font-size: var(--font-size-2xs);
563
- font-weight: var(--font-weight-semibold);
564
- color: var(--fsc-text-dim);
565
- text-transform: uppercase;
566
- letter-spacing: var(--letter-spacing-widest);
567
- margin-bottom: var(--space-2);
568
- padding-left: var(--space-1);
569
- }
570
- .ds-funnel-scaling__scaling-panel {
571
- position: absolute;
572
- bottom: var(--space-6);
573
- right: var(--space-6);
574
- background: var(--glass-base);
575
- border: 1px solid rgba(var(--status-success-rgb), 0.15);
576
- border-radius: var(--radius-card);
577
- padding: var(--space-4);
578
- display: flex;
579
- flex-direction: column;
580
- gap: var(--space-2);
581
- z-index: 15;
582
- min-width: 200px;
583
- backdrop-filter: blur(12px);
584
- }
585
- .ds-funnel-scaling__scaling-header {
586
- font-size: var(--font-size-xs);
587
- font-weight: var(--font-weight-bold);
588
- color: var(--status-success);
589
- text-transform: uppercase;
590
- letter-spacing: var(--letter-spacing-widest);
591
- display: flex;
592
- align-items: center;
593
- gap: var(--space-2);
594
- }
595
- .ds-funnel-scaling__scaling-item {
596
- display: flex;
597
- align-items: center;
598
- gap: var(--space-2);
599
- font-size: var(--font-size-xs);
600
- color: var(--fsc-text-muted);
601
- }
602
- .ds-funnel-scaling__scaling-check {
603
- width: 14px;
604
- height: 14px;
605
- color: var(--status-success);
606
- flex-shrink: 0;
607
- }
608
- @keyframes fsc-orbit {
609
- from {
610
- transform: rotate(0deg) translateX(70px) rotate(0deg);
611
- }
612
- to {
613
- transform: rotate(360deg) translateX(70px) rotate(-360deg);
614
- }
615
- }
616
- .ds-funnel-scaling__swarm-ant {
617
- position: absolute;
618
- top: 50%;
619
- left: 50%;
620
- width: 16px;
621
- height: 16px;
622
- margin: -8px 0 0 -8px;
623
- animation: fsc-orbit 3s var(--fsc-ease-linear) infinite;
624
- filter: drop-shadow(0 0 4px var(--brand-pink-glow));
625
- }
626
- .ds-funnel-scaling__swarm-ant:nth-child(2) {
627
- animation-delay: -1s;
628
- }
629
- .ds-funnel-scaling__swarm-ant:nth-child(3) {
630
- animation-delay: -2s;
631
- }
632
- .ds-funnel-scaling__swarm-ant:nth-child(4) {
633
- animation-delay: -0.375s;
634
- }
635
- .ds-funnel-scaling__swarm-ant:nth-child(5) {
636
- animation-delay: -0.75s;
637
- }
638
- .ds-funnel-scaling__swarm-ant:nth-child(6) {
639
- animation-delay: -1.125s;
640
- }
641
- .ds-funnel-scaling__swarm-ant:nth-child(7) {
642
- animation-delay: -1.5s;
643
- }
644
- .ds-funnel-scaling__swarm-ant:nth-child(8) {
645
- animation-delay: -1.875s;
646
- }
647
- .ds-funnel-scaling__swarm-ant:nth-child(9) {
648
- animation-delay: -2.25s;
649
- }
650
- @keyframes fsc-glow-pulse {
651
- 0%, 100% {
652
- opacity: 0.3;
653
- transform: scale(1);
654
- }
655
- 50% {
656
- opacity: 0.6;
657
- transform: scale(1.08);
658
- }
659
- }
660
- .ds-funnel-scaling__meeting::before {
661
- content: "";
662
- position: absolute;
663
- inset: -4px;
664
- border-radius: inherit;
665
- background:
666
- linear-gradient(
667
- 135deg,
668
- var(--brand-pink-glow),
669
- rgba(var(--accent-secondary-rgb), 0.2));
670
- z-index: -1;
671
- animation: fsc-glow-pulse 2s ease-in-out infinite;
672
- pointer-events: none;
673
- }
674
- @media (prefers-reduced-motion: reduce) {
675
- .ds-funnel-scaling__swarm-ant {
676
- animation: none;
677
- }
678
- .ds-funnel-scaling__meeting::before {
679
- animation: none;
680
- opacity: 0.3;
681
- }
682
- .ds-funnel-scaling *,
683
- .ds-funnel-scaling *::before,
684
- .ds-funnel-scaling *::after {
685
- animation-duration: 0.01ms !important;
686
- animation-iteration-count: 1 !important;
687
- transition-duration: 0.01ms !important;
688
- }
689
- }
690
- @media (prefers-contrast: more) {
691
- .ds-funnel-scaling__winning-card,
692
- .ds-funnel-scaling__flow-node,
693
- .ds-funnel-scaling__qual-block,
694
- .ds-funnel-scaling__funnel-stage,
695
- .ds-funnel-scaling__scaling-panel {
696
- border-color: var(--hc-border);
697
- }
698
- }
699
119
  /*# sourceMappingURL=index.css.map */