@farzadbagheri/fb-components 0.1.0 → 0.1.4
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/COMPONENTS.md +1101 -0
- package/EXAMPLES.md +1064 -0
- package/LICENSE +20 -20
- package/README.md +744 -131
- package/dist/ai.cjs +3 -3
- package/dist/ai.css.map +1 -1
- package/dist/ai.js +1 -1
- package/dist/backgrounds.cjs +7 -7
- package/dist/backgrounds.css.map +1 -1
- package/dist/backgrounds.js +1 -1
- package/dist/buttons.cjs +4 -4
- package/dist/buttons.css.map +1 -1
- package/dist/buttons.js +1 -1
- package/dist/{chunk-MKCSRMHF.cjs → chunk-4YAFXF3T.cjs} +2 -2
- package/dist/chunk-4YAFXF3T.cjs.map +1 -0
- package/dist/{chunk-H2AV67DY.cjs → chunk-7PUXKRNW.cjs} +7 -5
- package/dist/chunk-7PUXKRNW.cjs.map +1 -0
- package/dist/{chunk-CTD2GDO6.cjs → chunk-B5HDPUQK.cjs} +2 -2
- package/dist/chunk-B5HDPUQK.cjs.map +1 -0
- package/dist/{chunk-K5QRX5CZ.js → chunk-ENCZZRVK.js} +2 -2
- package/dist/chunk-ENCZZRVK.js.map +1 -0
- package/dist/{chunk-H6Y3EJPA.cjs → chunk-F4XFUSPM.cjs} +2 -2
- package/dist/chunk-F4XFUSPM.cjs.map +1 -0
- package/dist/{chunk-4FWJRWS5.cjs → chunk-HPWZ5OL2.cjs} +2 -2
- package/dist/chunk-HPWZ5OL2.cjs.map +1 -0
- package/dist/{chunk-JHOJY54P.js → chunk-HSY72AJ4.js} +2 -2
- package/dist/chunk-HSY72AJ4.js.map +1 -0
- package/dist/{chunk-R2F3FTBL.js → chunk-IZJHBS5M.js} +2 -2
- package/dist/chunk-IZJHBS5M.js.map +1 -0
- package/dist/{chunk-T7CC3CLH.js → chunk-J4ZYYB2O.js} +2 -2
- package/dist/chunk-J4ZYYB2O.js.map +1 -0
- package/dist/{chunk-C3ASXASL.cjs → chunk-MWSE4C6T.cjs} +2 -2
- package/dist/chunk-MWSE4C6T.cjs.map +1 -0
- package/dist/{chunk-WDUETPNG.js → chunk-P77GGWU6.js} +7 -5
- package/dist/chunk-P77GGWU6.js.map +1 -0
- package/dist/{chunk-ROKPXWY2.cjs → chunk-QTX5BFS6.cjs} +2 -2
- package/dist/chunk-QTX5BFS6.cjs.map +1 -0
- package/dist/{chunk-YQSTEIU5.js → chunk-RFI4526D.js} +2 -2
- package/dist/chunk-RFI4526D.js.map +1 -0
- package/dist/{chunk-BSEOOGOV.cjs → chunk-SS4GAAED.cjs} +2 -2
- package/dist/chunk-SS4GAAED.cjs.map +1 -0
- package/dist/{chunk-UWQ5QNE3.cjs → chunk-TG7XM34D.cjs} +2 -2
- package/dist/chunk-TG7XM34D.cjs.map +1 -0
- package/dist/{chunk-EIE6FLCL.js → chunk-VODRAWMB.js} +2 -2
- package/dist/chunk-VODRAWMB.js.map +1 -0
- package/dist/{chunk-RUSFF3MZ.js → chunk-XJGKXWK3.js} +2 -2
- package/dist/chunk-XJGKXWK3.js.map +1 -0
- package/dist/{chunk-JWV3IITG.js → chunk-YPBGV2B5.js} +2 -2
- package/dist/chunk-YPBGV2B5.js.map +1 -0
- package/dist/data.cjs +4 -4
- package/dist/data.css.map +1 -1
- package/dist/data.d.cts +2 -1
- package/dist/data.d.ts +2 -1
- package/dist/data.js +1 -1
- package/dist/heroes.cjs +2 -2
- package/dist/heroes.css.map +1 -1
- package/dist/heroes.js +1 -1
- package/dist/index.cjs +31 -31
- package/dist/index.css.map +1 -1
- package/dist/index.js +9 -9
- package/dist/landing.cjs +2 -2
- package/dist/landing.css.map +1 -1
- package/dist/landing.js +1 -1
- package/dist/motion.cjs +3 -3
- package/dist/motion.css.map +1 -1
- package/dist/motion.js +1 -1
- package/dist/text.cjs +3 -3
- package/dist/text.css.map +1 -1
- package/dist/text.js +1 -1
- package/dist/ui.cjs +3 -3
- package/dist/ui.css.map +1 -1
- package/dist/ui.js +1 -1
- package/package.json +167 -134
- package/dist/chunk-4FWJRWS5.cjs.map +0 -1
- package/dist/chunk-BSEOOGOV.cjs.map +0 -1
- package/dist/chunk-C3ASXASL.cjs.map +0 -1
- package/dist/chunk-CTD2GDO6.cjs.map +0 -1
- package/dist/chunk-EIE6FLCL.js.map +0 -1
- package/dist/chunk-H2AV67DY.cjs.map +0 -1
- package/dist/chunk-H6Y3EJPA.cjs.map +0 -1
- package/dist/chunk-JHOJY54P.js.map +0 -1
- package/dist/chunk-JWV3IITG.js.map +0 -1
- package/dist/chunk-K5QRX5CZ.js.map +0 -1
- package/dist/chunk-MKCSRMHF.cjs.map +0 -1
- package/dist/chunk-R2F3FTBL.js.map +0 -1
- package/dist/chunk-ROKPXWY2.cjs.map +0 -1
- package/dist/chunk-RUSFF3MZ.js.map +0 -1
- package/dist/chunk-T7CC3CLH.js.map +0 -1
- package/dist/chunk-UWQ5QNE3.cjs.map +0 -1
- package/dist/chunk-WDUETPNG.js.map +0 -1
- package/dist/chunk-YQSTEIU5.js.map +0 -1
package/dist/ui.cjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkMWSE4C6T_cjs = require('./chunk-MWSE4C6T.cjs');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "GlassCard", {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: function () { return
|
|
9
|
+
get: function () { return chunkMWSE4C6T_cjs.GlassCard; }
|
|
10
10
|
});
|
|
11
11
|
Object.defineProperty(exports, "SpotlightCard", {
|
|
12
12
|
enumerable: true,
|
|
13
|
-
get: function () { return
|
|
13
|
+
get: function () { return chunkMWSE4C6T_cjs.SpotlightCard; }
|
|
14
14
|
});
|
|
15
15
|
//# sourceMappingURL=ui.cjs.map
|
|
16
16
|
//# sourceMappingURL=ui.cjs.map
|
package/dist/ui.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/SpotlightCard.css","../src/ui/GlassCard.css"],"sourcesContent":[".fb-spotlight-card {\
|
|
1
|
+
{"version":3,"sources":["../src/ui/SpotlightCard.css","../src/ui/GlassCard.css"],"sourcesContent":[".fb-spotlight-card {\n position: relative;\n\n overflow: hidden;\n\n min-height: 280px;\n\n padding: 32px;\n\n border:\n 1px solid;\n\n transition:\n transform\n 0.25s\n ease;\n}\n\n.fb-spotlight-card:hover {\n transform:\n translateY(\n -4px\n );\n}\n\n.fb-spotlight-card\n> span {\n display: block;\n\n color: #b99cff;\n\n font-size: 10px;\n}\n\n.fb-spotlight-card\n> strong {\n display: block;\n\n margin-top: 100px;\n\n font-size: 34px;\n}\n\n.fb-spotlight-card\n> p {\n color:\n rgba(\n 255,\n 255,\n 255,\n 0.55\n );\n}",".fb-glass-card {\n position: relative;\n\n isolation: isolate;\n\n overflow: hidden;\n\n width: min(\n 100%,\n 390px\n );\n\n min-height: 300px;\n\n padding: 30px;\n\n border:\n 1px solid;\n\n box-shadow:\n inset\n 0\n 1px\n 0\n rgba(\n 255,\n 255,\n 255,\n 0.1\n );\n\n transition:\n transform\n 0.3s\n ease,\n border-color\n 0.3s\n ease;\n}\n\n.fb-glass-card:hover {\n transform:\n translateY(-5px);\n}\n\n.fb-glass-card__glow {\n position: absolute;\n\n z-index: -1;\n\n left: -10%;\n top: -15%;\n\n width: 70%;\n aspect-ratio: 1;\n\n border-radius: 50%;\n\n opacity: 0.2;\n\n pointer-events: none;\n\n transition:\n transform\n 0.5s\n ease,\n opacity\n 0.5s\n ease;\n}\n\n.fb-glass-card:hover\n.fb-glass-card__glow {\n opacity: 0.32;\n\n transform:\n translate3d(\n 30px,\n 20px,\n 0\n )\n scale(1.1);\n}\n\n.fb-glass-card__inner {\n position: relative;\n\n z-index: 1;\n\n min-height: 240px;\n\n display: flex;\n\n flex-direction: column;\n}\n\n.fb-glass-card__eyebrow {\n color: #bba8ff;\n\n font-family:\n \"DM Mono\",\n monospace;\n\n font-size: 9px;\n\n letter-spacing: 1.4px;\n}\n\n.fb-glass-card__content {\n margin-top: auto;\n}\n\n.fb-glass-card__content\nstrong {\n display: block;\n\n color: white;\n\n font-size:\n clamp(\n 32px,\n 5vw,\n 48px\n );\n\n font-weight: 550;\n\n line-height: 0.92;\n\n letter-spacing: -0.045em;\n}\n\n.fb-glass-card__content\np {\n max-width: 260px;\n\n margin:\n 18px\n 0\n 0;\n\n color:\n rgba(\n 255,\n 255,\n 255,\n 0.55\n );\n\n font-size: 12px;\n\n line-height: 1.65;\n}\n\n@media (\n prefers-reduced-motion:\n reduce\n) {\n .fb-glass-card,\n .fb-glass-card__glow {\n transition:\n none !important;\n }\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AAEV,YAAU;AAEV,cAAY;AAEZ,WAAS;AAET,UACE,IAAI;AAEN,cACE,UACA,MACA;AACJ;AAEA,CAlBC,iBAkBiB;AAChB,aACE,WACE;AAEN;AAEA,CAzBC,kBA0BD,EAAE;AACA,WAAS;AAET,SAAO;AAEP,aAAW;AACb;AAEA,CAlCC,kBAmCD,EAAE;AACA,WAAS;AAET,cAAY;AAEZ,aAAW;AACb;AAEA,CA3CC,kBA4CD,EAAE;AACA,SACE,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAEN;;;ACpDA,CAAC;AACC,YAAU;AAEV,aAAW;AAEX,YAAU;AAEV,SAAO,IACL,IAAI,EACJ;AAGF,cAAY;AAEZ,WAAS;AAET,UACE,IAAI;AAEN,cACE,MACA,EACA,IACA,EACA,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAGJ,cACE,UACA,KACA,IAAI,EACJ,aACA,KACA;AACJ;AAEA,CAxCC,aAwCa;AACZ,aACE,WAAW;AACf;AAEA,CAAC;AACC,YAAU;AAEV,WAAS;AAET,QAAM;AACN,OAAK;AAEL,SAAO;AACP,gBAAc;AAEd,iBAAe;AAEf,WAAS;AAET,kBAAgB;AAEhB,cACE,UACA,KACA,IAAI,EACJ,QACA,KACA;AACJ;AAEA,CAvEC,aAuEa,OACd,CA3BC;AA4BC,WAAS;AAET,aACE,YACE,IAAI,EACJ,IAAI,EACJ,GAEF,MAAM;AACV;AAEA,CAAC;AACC,YAAU;AAEV,WAAS;AAET,cAAY;AAEZ,WAAS;AAET,kBAAgB;AAClB;AAEA,CAAC;AACC,SAAO;AAEP,eACE,SAAS,EACT;AAEF,aAAW;AAEX,kBAAgB;AAClB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAJC,uBAKD;AACE,WAAS;AAET,SAAO;AAEP,aACE,MACE,IAAI,EACJ,GAAG,EACH;AAGJ,eAAa;AAEb,eAAa;AAEb,kBAAgB;AAClB;AAEA,CAxBC,uBAyBD;AACE,aAAW;AAEX,UACE,KACA,EACA;AAEF,SACE,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAGJ,aAAW;AAEX,eAAa;AACf;AAEA,QAAO,wBAEL;AAEA,GA9JD;AAAA,EA+JC,CAlHD;AAmHG,gBACE;AACJ;AACF;","names":[]}
|
package/dist/ui.js
CHANGED
package/package.json
CHANGED
|
@@ -1,134 +1,167 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@farzadbagheri/fb-components",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "Production-minded React components for motion, AI interfaces, data visualization and modern product
|
|
5
|
-
"license": "MIT",
|
|
6
|
-
"author": {
|
|
7
|
-
"name": "Farzad Bagheri"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"./
|
|
37
|
-
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"./
|
|
43
|
-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
"./
|
|
49
|
-
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
"./
|
|
55
|
-
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
"./
|
|
61
|
-
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
"./
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
"./
|
|
73
|
-
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"./
|
|
79
|
-
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
"./
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
"
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
"
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
"
|
|
108
|
-
"
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
"
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
"
|
|
126
|
-
|
|
127
|
-
"
|
|
128
|
-
"
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
"
|
|
132
|
-
"
|
|
133
|
-
|
|
134
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@farzadbagheri/fb-components",
|
|
3
|
+
"version": "0.1.4",
|
|
4
|
+
"description": "Production-minded React 18/19 + TypeScript components for motion, AI interfaces, dashboards, data visualization, SaaS heroes, landing pages, and modern product UI.",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"author": {
|
|
7
|
+
"name": "Farzad Bagheri",
|
|
8
|
+
"url": "https://farzadbagheri.fr"
|
|
9
|
+
},
|
|
10
|
+
"repository": {
|
|
11
|
+
"type": "git",
|
|
12
|
+
"url": "git+https://github.com/BAGHERIFarzad/fb-components.git"
|
|
13
|
+
},
|
|
14
|
+
"bugs": {
|
|
15
|
+
"url": "https://github.com/BAGHERIFarzad/fb-components/issues"
|
|
16
|
+
},
|
|
17
|
+
"homepage": "https://farzadbagheri.fr/en/components",
|
|
18
|
+
"type": "module",
|
|
19
|
+
"sideEffects": [
|
|
20
|
+
"**/*.css"
|
|
21
|
+
],
|
|
22
|
+
"main": "./dist/index.cjs",
|
|
23
|
+
"module": "./dist/index.js",
|
|
24
|
+
"types": "./dist/index.d.ts",
|
|
25
|
+
"exports": {
|
|
26
|
+
".": {
|
|
27
|
+
"types": "./dist/index.d.ts",
|
|
28
|
+
"import": "./dist/index.js",
|
|
29
|
+
"require": "./dist/index.cjs"
|
|
30
|
+
},
|
|
31
|
+
"./backgrounds": {
|
|
32
|
+
"types": "./dist/backgrounds.d.ts",
|
|
33
|
+
"import": "./dist/backgrounds.js",
|
|
34
|
+
"require": "./dist/backgrounds.cjs"
|
|
35
|
+
},
|
|
36
|
+
"./backgrounds.css": "./dist/backgrounds.css",
|
|
37
|
+
"./buttons": {
|
|
38
|
+
"types": "./dist/buttons.d.ts",
|
|
39
|
+
"import": "./dist/buttons.js",
|
|
40
|
+
"require": "./dist/buttons.cjs"
|
|
41
|
+
},
|
|
42
|
+
"./buttons.css": "./dist/buttons.css",
|
|
43
|
+
"./text": {
|
|
44
|
+
"types": "./dist/text.d.ts",
|
|
45
|
+
"import": "./dist/text.js",
|
|
46
|
+
"require": "./dist/text.cjs"
|
|
47
|
+
},
|
|
48
|
+
"./text.css": "./dist/text.css",
|
|
49
|
+
"./ui": {
|
|
50
|
+
"types": "./dist/ui.d.ts",
|
|
51
|
+
"import": "./dist/ui.js",
|
|
52
|
+
"require": "./dist/ui.cjs"
|
|
53
|
+
},
|
|
54
|
+
"./ui.css": "./dist/ui.css",
|
|
55
|
+
"./motion": {
|
|
56
|
+
"types": "./dist/motion.d.ts",
|
|
57
|
+
"import": "./dist/motion.js",
|
|
58
|
+
"require": "./dist/motion.cjs"
|
|
59
|
+
},
|
|
60
|
+
"./motion.css": "./dist/motion.css",
|
|
61
|
+
"./ai": {
|
|
62
|
+
"types": "./dist/ai.d.ts",
|
|
63
|
+
"import": "./dist/ai.js",
|
|
64
|
+
"require": "./dist/ai.cjs"
|
|
65
|
+
},
|
|
66
|
+
"./ai.css": "./dist/ai.css",
|
|
67
|
+
"./heroes": {
|
|
68
|
+
"types": "./dist/heroes.d.ts",
|
|
69
|
+
"import": "./dist/heroes.js",
|
|
70
|
+
"require": "./dist/heroes.cjs"
|
|
71
|
+
},
|
|
72
|
+
"./heroes.css": "./dist/heroes.css",
|
|
73
|
+
"./landing": {
|
|
74
|
+
"types": "./dist/landing.d.ts",
|
|
75
|
+
"import": "./dist/landing.js",
|
|
76
|
+
"require": "./dist/landing.cjs"
|
|
77
|
+
},
|
|
78
|
+
"./landing.css": "./dist/landing.css",
|
|
79
|
+
"./data": {
|
|
80
|
+
"types": "./dist/data.d.ts",
|
|
81
|
+
"import": "./dist/data.js",
|
|
82
|
+
"require": "./dist/data.cjs"
|
|
83
|
+
},
|
|
84
|
+
"./data.css": "./dist/data.css",
|
|
85
|
+
"./styles.css": "./dist/index.css",
|
|
86
|
+
"./package.json": "./package.json"
|
|
87
|
+
},
|
|
88
|
+
"files": [
|
|
89
|
+
"dist",
|
|
90
|
+
"README.md",
|
|
91
|
+
"COMPONENTS.md",
|
|
92
|
+
"EXAMPLES.md",
|
|
93
|
+
"LICENSE"
|
|
94
|
+
],
|
|
95
|
+
"engines": {
|
|
96
|
+
"node": ">=18"
|
|
97
|
+
},
|
|
98
|
+
"keywords": [
|
|
99
|
+
"react",
|
|
100
|
+
"react-components",
|
|
101
|
+
"react-component-library",
|
|
102
|
+
"component-library",
|
|
103
|
+
"ui",
|
|
104
|
+
"ui-components",
|
|
105
|
+
"typescript",
|
|
106
|
+
"typescript-components",
|
|
107
|
+
"animation",
|
|
108
|
+
"animated-components",
|
|
109
|
+
"motion",
|
|
110
|
+
"ai",
|
|
111
|
+
"ai-ui",
|
|
112
|
+
"ai-components",
|
|
113
|
+
"dashboard",
|
|
114
|
+
"dashboard-components",
|
|
115
|
+
"data-visualization",
|
|
116
|
+
"design-system",
|
|
117
|
+
"frontend",
|
|
118
|
+
"saas",
|
|
119
|
+
"saas-ui",
|
|
120
|
+
"landing-page",
|
|
121
|
+
"hero-section",
|
|
122
|
+
"glassmorphism",
|
|
123
|
+
"accessibility",
|
|
124
|
+
"vite",
|
|
125
|
+
"nextjs"
|
|
126
|
+
],
|
|
127
|
+
"publishConfig": {
|
|
128
|
+
"access": "public"
|
|
129
|
+
},
|
|
130
|
+
"scripts": {
|
|
131
|
+
"build": "tsup",
|
|
132
|
+
"dev": "tsup --watch",
|
|
133
|
+
"clean": "rimraf dist",
|
|
134
|
+
"typecheck": "tsc --noEmit",
|
|
135
|
+
"test": "vitest run",
|
|
136
|
+
"test:watch": "vitest",
|
|
137
|
+
"test:coverage": "vitest run --coverage",
|
|
138
|
+
"prepublishOnly": "npm run typecheck && npm run build",
|
|
139
|
+
"package:size": "node scripts/check-package-size.mjs",
|
|
140
|
+
"install-test": "node scripts/install-test.mjs",
|
|
141
|
+
"release:check": "npm run typecheck && npm run test && npm run build && npm run package:size && npm run install-test",
|
|
142
|
+
"release:patch": "npm run release:check && npm version patch",
|
|
143
|
+
"release:minor": "npm run release:check && npm version minor",
|
|
144
|
+
"release:major": "npm run release:check && npm version major"
|
|
145
|
+
},
|
|
146
|
+
"peerDependencies": {
|
|
147
|
+
"react": ">=18 <20",
|
|
148
|
+
"react-dom": ">=18 <20"
|
|
149
|
+
},
|
|
150
|
+
"dependencies": {
|
|
151
|
+
"lucide-react": "^0.468.0"
|
|
152
|
+
},
|
|
153
|
+
"devDependencies": {
|
|
154
|
+
"@testing-library/jest-dom": "^6.9.1",
|
|
155
|
+
"@testing-library/react": "^16.3.3",
|
|
156
|
+
"@testing-library/user-event": "^14.6.7",
|
|
157
|
+
"@types/react": "^19.0.0",
|
|
158
|
+
"@types/react-dom": "^19.0.0",
|
|
159
|
+
"@vitest/coverage-v8": "^4.1.11",
|
|
160
|
+
"axe-core": "^4.13.0",
|
|
161
|
+
"jsdom": "^29.1.1",
|
|
162
|
+
"rimraf": "^6.0.0",
|
|
163
|
+
"tsup": "^8.3.5",
|
|
164
|
+
"typescript": "^5.7.2",
|
|
165
|
+
"vitest": "^4.1.11"
|
|
166
|
+
}
|
|
167
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/heroes/SaasLaunchHero.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;AAyBO,SAAS,cAAA,CAAe;AAAA,EAC7B,MAAA,GAAS,SAAA;AAAA,EACT,UAAA,GAAa,SAAA;AAAA,EACb,YAAA,GAAe,EAAA;AAAA,EAEf,OAAA,GACE,wBAAA;AAAA,EAEF,KAAA,GACE,8BAAA;AAAA,EAEF,WAAA,GACE,8FAAA;AAAA,EAEF,YAAA,GACE,YAAA;AAAA,EAEF,cAAA,GACE,UAAA;AAAA,EAEF,aAAA,GAAgB,IAAA;AAAA,EAChB,SAAA,GAAY,IAAA;AAAA,EAEZ,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EAEA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACEA,eAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,uBAAuB,SAAS,CAAA,CAAA;AAAA,MAC3C,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QAEH,UAAA;AAAA,QAEA,CAAC,kBAA4B,GAC3B,MAAA;AAAA,QAEF,CAAC,yBAAmC,GAClC,CAAA,EAAG,YAAY,CAAA,EAAA;AAAA,OACnB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,2BAAA;AAAA,YACV,aAAA,EAAY;AAAA;AAAA,SACd;AAAA,wBAEAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,0BAEAA,cAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA,KAAA,CACE,KAAA,CAAM,IAAI,CAAA,CACV,GAAA;AAAA,YACC,CACE,MACA,KAAA,qBAEAA,cAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBAGE,QAAA,EAAA;AAAA,eAAA;AAAA,cAFI,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA;AAGvB,WAEJ,EACJ,CAAA;AAAA,0BAEAA,cAAA,CAAC,OACE,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,8BAAA,EACb,QAAA,EAAA;AAAA,4BAAAC,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,8BAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAEC,aAAA,oBACCA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,gCAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ,CAAA;AAAA,UAEC,SAAA,oBACCD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,EAAA;AAAA,4BAAAA,eAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBAEZ,QAAA,EAAA;AAAA,kCAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA;AAAA,iDACL,MAAA,EAAA,EAAK,CAAA;AAAA,iDACL,MAAA,EAAA,EAAK;AAAA;AAAA;AAAA,aACR;AAAA,4BAEAA,cAAA,CAAC,OAAE,QAAA,EAAA,wDAAA,EAIH;AAAA,WAAA,EACF;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAEAD,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,6BAAA;AAAA,YACV,aAAA,EAAY,MAAA;AAAA,YAEZ,QAAA,EAAA;AAAA,8BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,kCAAA,EACb,QAAA,EAAA;AAAA,gCAAAC,cAAA,CAAC,UAAK,QAAA,EAAA,cAAA,EAEN,CAAA;AAAA,gCAEAA,cAAA,CAAC,YAAO,QAAA,EAAA,QAAA,EAER,CAAA;AAAA,gCAEAA,cAAA,CAAC,WAAM,QAAA,EAAA,QAAA,EAEP;AAAA,eAAA,EACF,CAAA;AAAA,8BAEAA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA;AAAA,gBACC,EAAA;AAAA,gBACA,EAAA;AAAA,gBACA,EAAA;AAAA,gBACA,EAAA;AAAA,gBACA,EAAA;AAAA,gBACA,EAAA;AAAA,gBACA;AAAA,eACF,CAAE,GAAA;AAAA,gBACA,CACE,QACA,KAAA,qBAEAA,cAAA;AAAA,kBAAC,MAAA;AAAA,kBAAA;AAAA,oBAEC,KAAA,EAAO;AAAA,sBACL,MAAA,EACE,GAAG,MAAM,CAAA,CAAA;AAAA;AACb,mBAAA;AAAA,kBAJK;AAAA;AAKP,eAEJ,EACF;AAAA;AAAA;AAAA;AACF;AAAA;AAAA,GACF;AAEJ","file":"chunk-4FWJRWS5.cjs","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./SaasLaunchHero.css\";\r\n\r\nexport interface SaasLaunchHeroProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n headlineSize?: number;\r\n\r\n eyebrow?: string;\r\n title?: string;\r\n description?: string;\r\n\r\n primaryLabel?: string;\r\n secondaryLabel?: string;\r\n\r\n showSecondary?: boolean;\r\n showProof?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function SaasLaunchHero({\r\n accent = \"#8f73ff\",\r\n background = \"#09090d\",\r\n headlineSize = 72,\r\n\r\n eyebrow =\r\n \"BUILT FOR MODERN TEAMS\",\r\n\r\n title =\r\n \"Ship faster.\\nScale smarter.\",\r\n\r\n description =\r\n \"Everything your team needs to launch, learn and scale without adding unnecessary complexity.\",\r\n\r\n primaryLabel =\r\n \"Start free\",\r\n\r\n secondaryLabel =\r\n \"See demo\",\r\n\r\n showSecondary = true,\r\n showProof = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: SaasLaunchHeroProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-saas-launch-hero ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-saas-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-saas-headline-size\" as string]:\r\n `${headlineSize}px`,\r\n }}\r\n >\r\n <div\r\n className=\"fb-saas-launch-hero__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n\r\n <div className=\"fb-saas-launch-hero__content\">\r\n <span className=\"fb-saas-launch-hero__eyebrow\">\r\n {eyebrow}\r\n </span>\r\n\r\n <h2>\r\n {title\r\n .split(\"\\n\")\r\n .map(\r\n (\r\n line,\r\n index\r\n ) => (\r\n <span\r\n key={`${line}-${index}`}\r\n >\r\n {line}\r\n </span>\r\n )\r\n )}\r\n </h2>\r\n\r\n <p>\r\n {description}\r\n </p>\r\n\r\n <div className=\"fb-saas-launch-hero__actions\">\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__primary\"\r\n >\r\n {primaryLabel}\r\n </button>\r\n\r\n {showSecondary && (\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__secondary\"\r\n >\r\n {secondaryLabel}\r\n </button>\r\n )}\r\n </div>\r\n\r\n {showProof && (\r\n <div className=\"fb-saas-launch-hero__proof\">\r\n <div\r\n aria-hidden=\"true\"\r\n >\r\n <span />\r\n <span />\r\n <span />\r\n </div>\r\n\r\n <p>\r\n Trusted by product\r\n teams building the\r\n next generation.\r\n </p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div\r\n className=\"fb-saas-launch-hero__visual\"\r\n aria-hidden=\"true\"\r\n >\r\n <div className=\"fb-saas-launch-hero__visual-card\">\r\n <span>\r\n ACTIVE USERS\r\n </span>\r\n\r\n <strong>\r\n 42,891\r\n </strong>\r\n\r\n <small>\r\n +18.4%\r\n </small>\r\n </div>\r\n\r\n <div className=\"fb-saas-launch-hero__bars\">\r\n {[\r\n 42,\r\n 64,\r\n 51,\r\n 76,\r\n 68,\r\n 88,\r\n 72,\r\n ].map(\r\n (\r\n height,\r\n index\r\n ) => (\r\n <span\r\n key={index}\r\n style={{\r\n height:\r\n `${height}%`,\r\n }}\r\n />\r\n )\r\n )}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ai/AiPromptBox.tsx","../src/ai/StreamingResponse.tsx"],"names":["useState","jsx","jsxs","Sparkles","Paperclip","ArrowUp","useEffect"],"mappings":"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","file":"chunk-BSEOOGOV.cjs","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n FormEvent,\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport {\r\n ArrowUp,\r\n Paperclip,\r\n Sparkles,\r\n} from \"lucide-react\";\r\n\r\nimport \"./AiPromptBox.css\";\r\n\r\nexport interface AiPromptBoxProps\r\n extends Omit<\r\n HTMLAttributes<HTMLDivElement>,\r\n \"onSubmit\"\r\n > {\r\n background?: string;\r\n\r\n accent?: string;\r\n\r\n textColor?: string;\r\n\r\n radius?: number;\r\n\r\n minHeight?: number;\r\n\r\n showModel?: boolean;\r\n\r\n showAttachment?: boolean;\r\n\r\n modelLabel?: string;\r\n\r\n placeholder?: string;\r\n\r\n defaultValue?: string;\r\n\r\n disabled?: boolean;\r\n\r\n onSubmit?: (\r\n value: string\r\n ) => void;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function AiPromptBox({\r\n background = \"#111116\",\r\n\r\n accent = \"#9b7cff\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n radius = 20,\r\n\r\n minHeight = 150,\r\n\r\n showModel = true,\r\n\r\n showAttachment = true,\r\n\r\n modelLabel = \"FB AI · Fast\",\r\n\r\n placeholder =\r\n \"Ask anything...\",\r\n\r\n defaultValue = \"\",\r\n\r\n disabled = false,\r\n\r\n onSubmit,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: AiPromptBoxProps) {\r\n const [\r\n value,\r\n setValue,\r\n ] =\r\n useState(\r\n defaultValue\r\n );\r\n\r\n function handleSubmit(\r\n event:\r\n FormEvent<HTMLFormElement>\r\n ) {\r\n event.preventDefault();\r\n\r\n const trimmed =\r\n value.trim();\r\n\r\n if (\r\n disabled ||\r\n !trimmed\r\n ) {\r\n return;\r\n }\r\n\r\n onSubmit?.(\r\n trimmed\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-ai-prompt-box ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n color:\r\n textColor,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n minHeight,\r\n\r\n [\"--fb-ai-prompt-accent\" as string]:\r\n accent,\r\n }}\r\n >\r\n <form\r\n className=\"fb-ai-prompt-box__form\"\r\n onSubmit={\r\n handleSubmit\r\n }\r\n >\r\n <div className=\"fb-ai-prompt-box__field\">\r\n <Sparkles\r\n className=\"fb-ai-prompt-box__spark\"\r\n size={16}\r\n aria-hidden=\"true\"\r\n />\r\n\r\n <textarea\r\n value={\r\n value\r\n }\r\n disabled={\r\n disabled\r\n }\r\n placeholder={\r\n placeholder\r\n }\r\n aria-label={\r\n placeholder\r\n }\r\n onChange={(\r\n event\r\n ) =>\r\n setValue(\r\n event.target\r\n .value\r\n )\r\n }\r\n />\r\n </div>\r\n\r\n <div className=\"fb-ai-prompt-box__footer\">\r\n <div className=\"fb-ai-prompt-box__actions\">\r\n {showAttachment && (\r\n <button\r\n type=\"button\"\r\n aria-label=\"Attach file\"\r\n className=\"fb-ai-prompt-box__secondary\"\r\n >\r\n <Paperclip\r\n size={15}\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n )}\r\n\r\n {showModel && (\r\n <span className=\"fb-ai-prompt-box__model\">\r\n {\r\n modelLabel\r\n }\r\n </span>\r\n )}\r\n </div>\r\n\r\n <button\r\n type=\"submit\"\r\n disabled={\r\n disabled ||\r\n !value.trim()\r\n }\r\n className=\"fb-ai-prompt-box__submit\"\r\n aria-label=\"Submit prompt\"\r\n >\r\n <ArrowUp\r\n size={16}\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n );\r\n}","import {\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StreamingResponse.css\";\r\n\r\nexport interface StreamingResponseProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n text?: string;\r\n\r\n accent?: string;\r\n textColor?: string;\r\n\r\n speed?: number;\r\n\r\n showCursor?: boolean;\r\n showStatus?: boolean;\r\n\r\n statusLabel?: string;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function StreamingResponse({\r\n text =\r\n \"FB Components gives your application a reusable system for motion, interaction and AI-native interfaces.\",\r\n\r\n accent = \"#9b7cff\",\r\n textColor = \"#ffffff\",\r\n\r\n speed = 24,\r\n\r\n showCursor = true,\r\n showStatus = true,\r\n\r\n statusLabel =\r\n \"GENERATING\",\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: StreamingResponseProps) {\r\n const [\r\n length,\r\n setLength,\r\n ] =\r\n useState(0);\r\n\r\n useEffect(() => {\r\n setLength(\r\n 0\r\n );\r\n\r\n if (\r\n text.length ===\r\n 0\r\n ) {\r\n return;\r\n }\r\n\r\n const interval =\r\n window.setInterval(\r\n () => {\r\n setLength(\r\n (\r\n current\r\n ) => {\r\n if (\r\n current >=\r\n text.length\r\n ) {\r\n window.clearInterval(\r\n interval\r\n );\r\n\r\n return current;\r\n }\r\n\r\n return (\r\n current +\r\n 1\r\n );\r\n }\r\n );\r\n },\r\n Math.max(\r\n 5,\r\n speed\r\n )\r\n );\r\n\r\n return () =>\r\n window.clearInterval(\r\n interval\r\n );\r\n }, [\r\n text,\r\n speed,\r\n ]);\r\n\r\n const complete =\r\n length >=\r\n text.length;\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-streaming-response ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color:\r\n textColor,\r\n\r\n [\"--fb-streaming-accent\" as string]:\r\n accent,\r\n }}\r\n aria-live=\"polite\"\r\n >\r\n {showStatus && (\r\n <div className=\"fb-streaming-response__status\">\r\n <span\r\n className={\r\n complete\r\n ? \"is-complete\"\r\n : \"\"\r\n }\r\n aria-hidden=\"true\"\r\n />\r\n\r\n {complete\r\n ? \"COMPLETE\"\r\n : statusLabel}\r\n </div>\r\n )}\r\n\r\n <p>\r\n {text.slice(\r\n 0,\r\n length\r\n )}\r\n\r\n {showCursor &&\r\n !complete && (\r\n <span\r\n className=\"fb-streaming-response__cursor\"\r\n aria-hidden=\"true\"\r\n />\r\n )}\r\n </p>\r\n </div>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/SpotlightCard.tsx","../src/ui/GlassCard.tsx"],"names":["jsxs","Fragment","jsx","useState"],"mappings":"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","file":"chunk-C3ASXASL.cjs","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./SpotlightCard.css\";\r\n\r\nexport interface SpotlightCardProps {\r\n children?:\r\n React.ReactNode;\r\n\r\n background?:\r\n string;\r\n\r\n spotlightColor?:\r\n string;\r\n\r\n radius?:\r\n number;\r\n\r\n glow?:\r\n number;\r\n\r\n borderOpacity?:\r\n number;\r\n\r\n className?:\r\n string;\r\n}\r\n\r\nexport function SpotlightCard({\r\n children = (\r\n <>\r\n <span>\r\n FB\r\n </span>\r\n\r\n <strong>\r\n Spotlight\r\n </strong>\r\n\r\n <p>\r\n Move your pointer\r\n across the card.\r\n </p>\r\n </>\r\n ),\r\n\r\n background =\r\n \"#111116\",\r\n\r\n spotlightColor =\r\n \"#9b7cff\",\r\n\r\n radius =\r\n 14,\r\n\r\n glow =\r\n 35,\r\n\r\n borderOpacity =\r\n 0.12,\r\n\r\n className =\r\n \"\",\r\n}: SpotlightCardProps) {\r\n const [\r\n point,\r\n setPoint,\r\n ] =\r\n useState({\r\n x: 50,\r\n y: 30,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLDivElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n setPoint({\r\n x:\r\n ((event.clientX -\r\n rect.left) /\r\n rect.width) *\r\n 100,\r\n\r\n y:\r\n ((event.clientY -\r\n rect.top) /\r\n rect.height) *\r\n 100,\r\n });\r\n }\r\n\r\n return (\r\n <div\r\n className={`fb-spotlight-card ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n style={{\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background: `\r\n radial-gradient(\r\n circle at\r\n ${point.x}%\r\n ${point.y}%,\r\n ${spotlightColor}${hexAlpha(\r\n glow /\r\n 100\r\n )},\r\n transparent 38%\r\n ),\r\n ${background}\r\n `,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\nfunction hexAlpha(\r\n opacity: number\r\n) {\r\n return Math.round(\r\n Math.min(\r\n 1,\r\n Math.max(\r\n 0,\r\n opacity\r\n )\r\n ) *\r\n 255\r\n )\r\n .toString(16)\r\n .padStart(\r\n 2,\r\n \"0\"\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassCard.css\";\r\n\r\nexport interface GlassCardProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nfunction hexToRgb(\r\n value: string\r\n) {\r\n const clean =\r\n value\r\n .replace(\r\n \"#\",\r\n \"\"\r\n )\r\n .trim();\r\n\r\n const normalized =\r\n clean.length ===\r\n 3\r\n ? clean\r\n .split(\"\")\r\n .map(\r\n (\r\n character\r\n ) =>\r\n character +\r\n character\r\n )\r\n .join(\"\")\r\n : clean;\r\n\r\n if (\r\n normalized.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 143,\r\n g: 115,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n Number.parseInt(\r\n normalized.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n Number.parseInt(\r\n normalized.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n Number.parseInt(\r\n normalized.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassCard({\r\n children = (\r\n <>\r\n <span className=\"fb-glass-card__eyebrow\">\r\n 01 / FEATURE\r\n </span>\r\n\r\n <div className=\"fb-glass-card__content\">\r\n <strong>\r\n Built for\r\n <br />\r\n motion.\r\n </strong>\r\n\r\n <p>\r\n Premium interaction\r\n without visual noise.\r\n </p>\r\n </div>\r\n </>\r\n ),\r\n\r\n tint = \"#8f73ff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 18,\r\n\r\n radius = 22,\r\n\r\n borderOpacity = 0.16,\r\n\r\n glowColor = \"#8f73ff\",\r\n\r\n glow = 34,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassCardProps) {\r\n const tintRgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n const glowRgb =\r\n hexToRgb(\r\n glowColor\r\n );\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-glass-card ${className}`}\r\n style={{\r\n ...style,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background:\r\n `linear-gradient(\r\n 145deg,\r\n rgba(\r\n ${tintRgb.r},\r\n ${tintRgb.g},\r\n ${tintRgb.b},\r\n ${opacity}\r\n ),\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${opacity * 0.35}\r\n )\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n boxShadow:\r\n `0 24px 80px rgba(\r\n ${glowRgb.r},\r\n ${glowRgb.g},\r\n ${glowRgb.b},\r\n ${glow / 400}\r\n )`,\r\n }}\r\n >\r\n <span\r\n className=\"fb-glass-card__glow\"\r\n aria-hidden=\"true\"\r\n style={{\r\n background:\r\n glowColor,\r\n\r\n filter:\r\n `blur(${glow}px)`,\r\n }}\r\n />\r\n\r\n <div className=\"fb-glass-card__inner\">\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/landing/StartupLanding.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-CTD2GDO6.cjs","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StartupLanding.css\";\r\n\r\nexport interface StartupLandingProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n radius?: number;\r\n\r\n showMetrics?: boolean;\r\n showFeatures?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function StartupLanding({\r\n accent = \"#7d63ff\",\r\n background = \"#08080c\",\r\n radius = 20,\r\n\r\n showMetrics = true,\r\n showFeatures = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: StartupLandingProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-startup-landing ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-startup-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-startup-radius\" as string]:\r\n `${radius}px`,\r\n }}\r\n >\r\n <nav className=\"fb-startup-landing__nav\">\r\n <strong>\r\n ACME.\r\n </strong>\r\n\r\n <div>\r\n <a href=\"#product\">\r\n Product\r\n </a>\r\n\r\n <a href=\"#features\">\r\n Features\r\n </a>\r\n\r\n <a href=\"#pricing\">\r\n Pricing\r\n </a>\r\n </div>\r\n\r\n <button\r\n type=\"button\"\r\n >\r\n Join waitlist\r\n </button>\r\n </nav>\r\n\r\n <div className=\"fb-startup-landing__hero\">\r\n <span>\r\n LAUNCHING 2026\r\n </span>\r\n\r\n <h2>\r\n From idea\r\n <br />\r\n to momentum.\r\n </h2>\r\n\r\n <p>\r\n A focused operating\r\n layer for ambitious\r\n startups that want to\r\n build, launch and learn\r\n faster.\r\n </p>\r\n\r\n <button\r\n type=\"button\"\r\n >\r\n Get early access\r\n </button>\r\n </div>\r\n\r\n {showMetrics && (\r\n <div className=\"fb-startup-landing__metrics\">\r\n {[\r\n [\r\n \"42K\",\r\n \"Early users\",\r\n ],\r\n [\r\n \"4.9\",\r\n \"Average rating\",\r\n ],\r\n [\r\n \"99.9%\",\r\n \"Platform uptime\",\r\n ],\r\n ].map(\r\n (\r\n [\r\n value,\r\n label,\r\n ]\r\n ) => (\r\n <article\r\n key={\r\n label\r\n }\r\n >\r\n <strong>\r\n {value}\r\n </strong>\r\n\r\n <span>\r\n {label}\r\n </span>\r\n </article>\r\n )\r\n )}\r\n </div>\r\n )}\r\n\r\n {showFeatures && (\r\n <div\r\n id=\"features\"\r\n className=\"fb-startup-landing__features\"\r\n >\r\n {[\r\n \"Ship\",\r\n \"Measure\",\r\n \"Scale\",\r\n ].map(\r\n (\r\n feature,\r\n index\r\n ) => (\r\n <article\r\n key={\r\n feature\r\n }\r\n >\r\n <span>\r\n 0{\r\n index +\r\n 1\r\n }\r\n </span>\r\n\r\n <h3>\r\n {feature}\r\n </h3>\r\n\r\n <p>\r\n Simple tools\r\n designed around\r\n the decisions\r\n that matter.\r\n </p>\r\n </article>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </section>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/SpotlightCard.tsx","../src/ui/GlassCard.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-EIE6FLCL.js","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./SpotlightCard.css\";\r\n\r\nexport interface SpotlightCardProps {\r\n children?:\r\n React.ReactNode;\r\n\r\n background?:\r\n string;\r\n\r\n spotlightColor?:\r\n string;\r\n\r\n radius?:\r\n number;\r\n\r\n glow?:\r\n number;\r\n\r\n borderOpacity?:\r\n number;\r\n\r\n className?:\r\n string;\r\n}\r\n\r\nexport function SpotlightCard({\r\n children = (\r\n <>\r\n <span>\r\n FB\r\n </span>\r\n\r\n <strong>\r\n Spotlight\r\n </strong>\r\n\r\n <p>\r\n Move your pointer\r\n across the card.\r\n </p>\r\n </>\r\n ),\r\n\r\n background =\r\n \"#111116\",\r\n\r\n spotlightColor =\r\n \"#9b7cff\",\r\n\r\n radius =\r\n 14,\r\n\r\n glow =\r\n 35,\r\n\r\n borderOpacity =\r\n 0.12,\r\n\r\n className =\r\n \"\",\r\n}: SpotlightCardProps) {\r\n const [\r\n point,\r\n setPoint,\r\n ] =\r\n useState({\r\n x: 50,\r\n y: 30,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLDivElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n setPoint({\r\n x:\r\n ((event.clientX -\r\n rect.left) /\r\n rect.width) *\r\n 100,\r\n\r\n y:\r\n ((event.clientY -\r\n rect.top) /\r\n rect.height) *\r\n 100,\r\n });\r\n }\r\n\r\n return (\r\n <div\r\n className={`fb-spotlight-card ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n style={{\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background: `\r\n radial-gradient(\r\n circle at\r\n ${point.x}%\r\n ${point.y}%,\r\n ${spotlightColor}${hexAlpha(\r\n glow /\r\n 100\r\n )},\r\n transparent 38%\r\n ),\r\n ${background}\r\n `,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\nfunction hexAlpha(\r\n opacity: number\r\n) {\r\n return Math.round(\r\n Math.min(\r\n 1,\r\n Math.max(\r\n 0,\r\n opacity\r\n )\r\n ) *\r\n 255\r\n )\r\n .toString(16)\r\n .padStart(\r\n 2,\r\n \"0\"\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassCard.css\";\r\n\r\nexport interface GlassCardProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nfunction hexToRgb(\r\n value: string\r\n) {\r\n const clean =\r\n value\r\n .replace(\r\n \"#\",\r\n \"\"\r\n )\r\n .trim();\r\n\r\n const normalized =\r\n clean.length ===\r\n 3\r\n ? clean\r\n .split(\"\")\r\n .map(\r\n (\r\n character\r\n ) =>\r\n character +\r\n character\r\n )\r\n .join(\"\")\r\n : clean;\r\n\r\n if (\r\n normalized.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 143,\r\n g: 115,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n Number.parseInt(\r\n normalized.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n Number.parseInt(\r\n normalized.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n Number.parseInt(\r\n normalized.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassCard({\r\n children = (\r\n <>\r\n <span className=\"fb-glass-card__eyebrow\">\r\n 01 / FEATURE\r\n </span>\r\n\r\n <div className=\"fb-glass-card__content\">\r\n <strong>\r\n Built for\r\n <br />\r\n motion.\r\n </strong>\r\n\r\n <p>\r\n Premium interaction\r\n without visual noise.\r\n </p>\r\n </div>\r\n </>\r\n ),\r\n\r\n tint = \"#8f73ff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 18,\r\n\r\n radius = 22,\r\n\r\n borderOpacity = 0.16,\r\n\r\n glowColor = \"#8f73ff\",\r\n\r\n glow = 34,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassCardProps) {\r\n const tintRgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n const glowRgb =\r\n hexToRgb(\r\n glowColor\r\n );\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-glass-card ${className}`}\r\n style={{\r\n ...style,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background:\r\n `linear-gradient(\r\n 145deg,\r\n rgba(\r\n ${tintRgb.r},\r\n ${tintRgb.g},\r\n ${tintRgb.b},\r\n ${opacity}\r\n ),\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${opacity * 0.35}\r\n )\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n boxShadow:\r\n `0 24px 80px rgba(\r\n ${glowRgb.r},\r\n ${glowRgb.g},\r\n ${glowRgb.b},\r\n ${glow / 400}\r\n )`,\r\n }}\r\n >\r\n <span\r\n className=\"fb-glass-card__glow\"\r\n aria-hidden=\"true\"\r\n style={{\r\n background:\r\n glowColor,\r\n\r\n filter:\r\n `blur(${glow}px)`,\r\n }}\r\n />\r\n\r\n <div className=\"fb-glass-card__inner\">\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/data/AnimatedCounter.tsx","../src/data/RadialProgress.tsx","../src/data/MetricGrid.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx"],"mappings":"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","file":"chunk-H2AV67DY.cjs","sourcesContent":["import {\r\n useEffect,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./AnimatedCounter.css\";\r\n\r\nexport interface AnimatedCounterProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n value?: number;\r\n duration?: number;\r\n\r\n color?: string;\r\n accent?: string;\r\n\r\n fontSize?: number;\r\n\r\n prefix?: string;\r\n suffix?: string;\r\n\r\n label?: string;\r\n delta?: string;\r\n\r\n decimals?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function AnimatedCounter({\r\n value = 128,\r\n duration = 1.5,\r\n\r\n color = \"#ffffff\",\r\n accent = \"#9b7cff\",\r\n\r\n fontSize = 72,\r\n\r\n prefix = \"\",\r\n suffix = \"K\",\r\n\r\n label =\r\n \"ACTIVE USERS\",\r\n\r\n delta =\r\n \"+18.4%\",\r\n\r\n decimals = 0,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: AnimatedCounterProps) {\r\n const [\r\n displayed,\r\n setDisplayed,\r\n ] =\r\n useState(0);\r\n\r\n const frameRef =\r\n useRef<number | null>(\r\n null\r\n );\r\n\r\n useEffect(() => {\r\n const start =\r\n performance.now();\r\n\r\n const total =\r\n Math.max(\r\n duration,\r\n 0.01\r\n ) *\r\n 1000;\r\n\r\n function animate(\r\n now: number\r\n ) {\r\n const progress =\r\n Math.min(\r\n (\r\n now -\r\n start\r\n ) /\r\n total,\r\n 1\r\n );\r\n\r\n const eased =\r\n 1 -\r\n Math.pow(\r\n 1 -\r\n progress,\r\n 3\r\n );\r\n\r\n setDisplayed(\r\n value *\r\n eased\r\n );\r\n\r\n if (\r\n progress <\r\n 1\r\n ) {\r\n frameRef.current =\r\n requestAnimationFrame(\r\n animate\r\n );\r\n }\r\n }\r\n\r\n frameRef.current =\r\n requestAnimationFrame(\r\n animate\r\n );\r\n\r\n return () => {\r\n if (\r\n frameRef.current !==\r\n null\r\n ) {\r\n cancelAnimationFrame(\r\n frameRef.current\r\n );\r\n }\r\n };\r\n }, [\r\n value,\r\n duration,\r\n ]);\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-animated-counter ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color,\r\n\r\n [\"--fb-counter-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-counter-size\" as string]:\r\n `${fontSize}px`,\r\n }}\r\n >\r\n <span className=\"fb-animated-counter__label\">\r\n {label}\r\n </span>\r\n\r\n <strong>\r\n {prefix}\r\n\r\n {displayed.toLocaleString(\r\n undefined,\r\n {\r\n minimumFractionDigits:\r\n decimals,\r\n\r\n maximumFractionDigits:\r\n decimals,\r\n }\r\n )}\r\n\r\n {suffix}\r\n </strong>\r\n\r\n {delta && (\r\n <small>\r\n {delta}\r\n </small>\r\n )}\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./RadialProgress.css\";\r\n\r\nexport interface RadialProgressProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n value?: number;\r\n\r\n size?: number;\r\n strokeWidth?: number;\r\n\r\n color?: string;\r\n trackColor?: string;\r\n\r\n animated?: boolean;\r\n\r\n label?: string;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function RadialProgress({\r\n value = 72,\r\n\r\n size = 180,\r\n strokeWidth = 10,\r\n\r\n color = \"#9b7cff\",\r\n trackColor = \"#24242c\",\r\n\r\n animated = true,\r\n\r\n label =\r\n \"COMPLETE\",\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: RadialProgressProps) {\r\n const clamped =\r\n Math.min(\r\n 100,\r\n Math.max(\r\n 0,\r\n value\r\n )\r\n );\r\n\r\n const radius =\r\n 50 -\r\n strokeWidth /\r\n 2;\r\n\r\n const circumference =\r\n 2 *\r\n Math.PI *\r\n radius;\r\n\r\n const offset =\r\n circumference *\r\n (\r\n 1 -\r\n clamped /\r\n 100\r\n );\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-radial-progress ${className}`}\r\n style={{\r\n ...style,\r\n\r\n width:\r\n size,\r\n\r\n height:\r\n size,\r\n\r\n [\"--fb-radial-color\" as string]:\r\n color,\r\n }}\r\n role=\"progressbar\"\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={\r\n clamped\r\n }\r\n >\r\n <svg\r\n viewBox=\"0 0 100 100\"\r\n aria-hidden=\"true\"\r\n >\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r={\r\n radius\r\n }\r\n fill=\"none\"\r\n stroke={\r\n trackColor\r\n }\r\n strokeWidth={\r\n strokeWidth\r\n }\r\n />\r\n\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r={\r\n radius\r\n }\r\n fill=\"none\"\r\n stroke={\r\n color\r\n }\r\n strokeWidth={\r\n strokeWidth\r\n }\r\n strokeLinecap=\"round\"\r\n strokeDasharray={\r\n circumference\r\n }\r\n strokeDashoffset={\r\n offset\r\n }\r\n className={\r\n animated\r\n ? \"fb-radial-progress__value fb-radial-progress__value--animated\"\r\n : \"fb-radial-progress__value\"\r\n }\r\n />\r\n </svg>\r\n\r\n <div className=\"fb-radial-progress__content\">\r\n <strong>\r\n {Math.round(\r\n clamped\r\n )}\r\n <small>\r\n %\r\n </small>\r\n </strong>\r\n\r\n <span>\r\n {label}\r\n </span>\r\n </div>\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./MetricGrid.css\";\r\n\r\nexport interface MetricItem {\r\n label: string;\r\n value: string;\r\n delta?: string;\r\n positive?: boolean;\r\n}\r\n\r\nexport interface MetricGridProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n accent?: string;\r\n background?: string;\r\n\r\n columns?: number;\r\n radius?: number;\r\n\r\n items?: MetricItem[];\r\n\r\n className?: string;\r\n}\r\n\r\nconst defaultItems:\r\n MetricItem[] = [\r\n {\r\n label:\r\n \"Revenue\",\r\n\r\n value:\r\n \"$84.2K\",\r\n\r\n delta:\r\n \"+12.6%\",\r\n\r\n positive:\r\n true,\r\n },\r\n\r\n {\r\n label:\r\n \"Users\",\r\n\r\n value:\r\n \"18.4K\",\r\n\r\n delta:\r\n \"+8.1%\",\r\n\r\n positive:\r\n true,\r\n },\r\n\r\n {\r\n label:\r\n \"Conversion\",\r\n\r\n value:\r\n \"7.8%\",\r\n\r\n delta:\r\n \"+2.4%\",\r\n\r\n positive:\r\n true,\r\n },\r\n\r\n {\r\n label:\r\n \"Latency\",\r\n\r\n value:\r\n \"94ms\",\r\n\r\n delta:\r\n \"-11%\",\r\n\r\n positive:\r\n true,\r\n },\r\n ];\r\n\r\nexport function MetricGrid({\r\n accent = \"#9b7cff\",\r\n background = \"#111116\",\r\n\r\n columns = 3,\r\n radius = 18,\r\n\r\n items =\r\n defaultItems,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: MetricGridProps) {\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-metric-grid ${className}`}\r\n style={{\r\n ...style,\r\n\r\n gridTemplateColumns:\r\n `repeat(${Math.max(\r\n 1,\r\n columns\r\n )}, minmax(0, 1fr))`,\r\n\r\n [\"--fb-metric-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-metric-background\" as string]:\r\n background,\r\n\r\n [\"--fb-metric-radius\" as string]:\r\n `${radius}px`,\r\n }}\r\n >\r\n {items.map(\r\n (\r\n item\r\n ) => (\r\n <article\r\n key={\r\n item.label\r\n }\r\n >\r\n <span>\r\n {\r\n item.label\r\n }\r\n </span>\r\n\r\n <strong>\r\n {\r\n item.value\r\n }\r\n </strong>\r\n\r\n {item.delta && (\r\n <small\r\n className={\r\n item.positive ===\r\n false\r\n ? \"is-negative\"\r\n : \"\"\r\n }\r\n >\r\n {\r\n item.delta\r\n }\r\n </small>\r\n )}\r\n </article>\r\n )\r\n )}\r\n </div>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/text/RevealText.tsx","../src/text/BlurReveal.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,2BACEA,eAAA,CAAAC,mBAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,mCAEC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,QAAA;AAAA,mCAEL,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GACE,SAAA;AAAA,EAEF,MAAA,GACE,SAAA;AAAA,EAEF,QAAA,GACE,EAAA;AAAA,EAEF,UAAA,GACE,IAAA;AAAA,EAEF,QAAA,GACE,GAAA;AAAA,EAEF,SAAA,GACE,IAAA;AAAA,EAEF,SAAA,GACE;AACJ,CAAA,EAAoB;AAClB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA,EAAO;AAAA,QACL,QAAA,EAEE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,UAAA;AAAA,QAEA,iBAAA,EACE,GAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,QAEb,aAAA,EACE,YACI,WAAA,GACA,MAAA;AAAA,QAEN,UAAA,EACE,CAAA;AAAA;AAAA,YAAA,EAEI,KAAK,CAAA;AAAA,YAAA,EACL,MAAM;AAAA,WAAA,CAAA;AAAA,QAGZ,cAAA,EACE,MAAA;AAAA,QAEF,oBAAA,EACE,MAAA;AAAA,QAEF,KAAA,EACE;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC/DO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA,mBACEF,eAAAA,CAAAC,mBAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,oBAEAC,eAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,OAAA;AAAA,oBAENA,eAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GAAQ,SAAA;AAAA,EAER,QAAA,GAAW,EAAA;AAAA,EAEX,IAAA,GAAO,EAAA;AAAA,EAEP,QAAA,GAAW,EAAA;AAAA,EAEX,QAAA,GAAW,GAAA;AAAA,EAEX,MAAA,GAAS,KAAA;AAAA,EAET,SAAA,GAAY,EAAA;AAAA,EAEZ,KAAA;AAAA,EAEA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACEA,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,WAAW,CAAA,eAAA,EACT,MAAA,GACI,wBAAA,GACA,EACN,IAAI,SAAS,CAAA,CAAA;AAAA,MACb,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QAEH,KAAA;AAAA,QAEA,QAAA,EACE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,uBAAiC,GAChC,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QAET,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-H6Y3EJPA.cjs","sourcesContent":["import \"./RevealText.css\";\r\n\r\nexport interface RevealTextProps {\r\n children?: React.ReactNode;\r\n\r\n color?: string;\r\n accent?: string;\r\n\r\n fontSize?: number;\r\n\r\n lineHeight?: number;\r\n\r\n duration?: number;\r\n\r\n uppercase?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function RevealText({\r\n children = (\r\n <>\r\n Build\r\n <br />\r\n better\r\n <br />\r\n interfaces\r\n </>\r\n ),\r\n\r\n color =\r\n \"#ffffff\",\r\n\r\n accent =\r\n \"#866cff\",\r\n\r\n fontSize =\r\n 42,\r\n\r\n lineHeight =\r\n 0.86,\r\n\r\n duration =\r\n 0.7,\r\n\r\n uppercase =\r\n true,\r\n\r\n className =\r\n \"\",\r\n}: RevealTextProps) {\r\n return (\r\n <div\r\n className={`fb-reveal-text ${className}`}\r\n style={{\r\n fontSize:\r\n\r\n `${fontSize}px`,\r\n\r\n lineHeight,\r\n\r\n animationDuration:\r\n `${duration}s`,\r\n\r\n textTransform:\r\n uppercase\r\n ? \"uppercase\"\r\n : \"none\",\r\n\r\n background:\r\n `linear-gradient(\r\n 90deg,\r\n ${color},\r\n ${accent}\r\n )`,\r\n\r\n backgroundClip:\r\n \"text\",\r\n\r\n WebkitBackgroundClip:\r\n \"text\",\r\n\r\n color:\r\n \"transparent\",\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./BlurReveal.css\";\r\n\r\nexport interface BlurRevealProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n color?: string;\r\n\r\n fontSize?: number;\r\n\r\n blur?: number;\r\n\r\n distance?: number;\r\n\r\n duration?: number;\r\n\r\n repeat?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function BlurReveal({\r\n children = (\r\n <>\r\n Interfaces\r\n <br />\r\n worth\r\n <br />\r\n remembering.\r\n </>\r\n ),\r\n\r\n color = \"#ffffff\",\r\n\r\n fontSize = 48,\r\n\r\n blur = 14,\r\n\r\n distance = 24,\r\n\r\n duration = 0.8,\r\n\r\n repeat = false,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: BlurRevealProps) {\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-blur-reveal ${\r\n repeat\r\n ? \"fb-blur-reveal--repeat\"\r\n : \"\"\r\n } ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color,\r\n\r\n fontSize:\r\n `${fontSize}px`,\r\n\r\n [\"--fb-blur-reveal-blur\" as string]:\r\n `${blur}px`,\r\n\r\n [\"--fb-blur-reveal-distance\" as string]:\r\n `${distance}px`,\r\n\r\n [\"--fb-blur-reveal-duration\" as string]:\r\n `${duration}s`,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/heroes/SaasLaunchHero.tsx"],"names":[],"mappings":"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","file":"chunk-JHOJY54P.js","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./SaasLaunchHero.css\";\r\n\r\nexport interface SaasLaunchHeroProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n headlineSize?: number;\r\n\r\n eyebrow?: string;\r\n title?: string;\r\n description?: string;\r\n\r\n primaryLabel?: string;\r\n secondaryLabel?: string;\r\n\r\n showSecondary?: boolean;\r\n showProof?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function SaasLaunchHero({\r\n accent = \"#8f73ff\",\r\n background = \"#09090d\",\r\n headlineSize = 72,\r\n\r\n eyebrow =\r\n \"BUILT FOR MODERN TEAMS\",\r\n\r\n title =\r\n \"Ship faster.\\nScale smarter.\",\r\n\r\n description =\r\n \"Everything your team needs to launch, learn and scale without adding unnecessary complexity.\",\r\n\r\n primaryLabel =\r\n \"Start free\",\r\n\r\n secondaryLabel =\r\n \"See demo\",\r\n\r\n showSecondary = true,\r\n showProof = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: SaasLaunchHeroProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-saas-launch-hero ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-saas-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-saas-headline-size\" as string]:\r\n `${headlineSize}px`,\r\n }}\r\n >\r\n <div\r\n className=\"fb-saas-launch-hero__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n\r\n <div className=\"fb-saas-launch-hero__content\">\r\n <span className=\"fb-saas-launch-hero__eyebrow\">\r\n {eyebrow}\r\n </span>\r\n\r\n <h2>\r\n {title\r\n .split(\"\\n\")\r\n .map(\r\n (\r\n line,\r\n index\r\n ) => (\r\n <span\r\n key={`${line}-${index}`}\r\n >\r\n {line}\r\n </span>\r\n )\r\n )}\r\n </h2>\r\n\r\n <p>\r\n {description}\r\n </p>\r\n\r\n <div className=\"fb-saas-launch-hero__actions\">\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__primary\"\r\n >\r\n {primaryLabel}\r\n </button>\r\n\r\n {showSecondary && (\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__secondary\"\r\n >\r\n {secondaryLabel}\r\n </button>\r\n )}\r\n </div>\r\n\r\n {showProof && (\r\n <div className=\"fb-saas-launch-hero__proof\">\r\n <div\r\n aria-hidden=\"true\"\r\n >\r\n <span />\r\n <span />\r\n <span />\r\n </div>\r\n\r\n <p>\r\n Trusted by product\r\n teams building the\r\n next generation.\r\n </p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div\r\n className=\"fb-saas-launch-hero__visual\"\r\n aria-hidden=\"true\"\r\n >\r\n <div className=\"fb-saas-launch-hero__visual-card\">\r\n <span>\r\n ACTIVE USERS\r\n </span>\r\n\r\n <strong>\r\n 42,891\r\n </strong>\r\n\r\n <small>\r\n +18.4%\r\n </small>\r\n </div>\r\n\r\n <div className=\"fb-saas-launch-hero__bars\">\r\n {[\r\n 42,\r\n 64,\r\n 51,\r\n 76,\r\n 68,\r\n 88,\r\n 72,\r\n ].map(\r\n (\r\n height,\r\n index\r\n ) => (\r\n <span\r\n key={index}\r\n style={{\r\n height:\r\n `${height}%`,\r\n }}\r\n />\r\n )\r\n )}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/text/RevealText.tsx","../src/text/BlurReveal.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":";;;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,2BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,QAAA;AAAA,wBAEL,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GACE,SAAA;AAAA,EAEF,MAAA,GACE,SAAA;AAAA,EAEF,QAAA,GACE,EAAA;AAAA,EAEF,UAAA,GACE,IAAA;AAAA,EAEF,QAAA,GACE,GAAA;AAAA,EAEF,SAAA,GACE,IAAA;AAAA,EAEF,SAAA,GACE;AACJ,CAAA,EAAoB;AAClB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA,EAAO;AAAA,QACL,QAAA,EAEE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,UAAA;AAAA,QAEA,iBAAA,EACE,GAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,QAEb,aAAA,EACE,YACI,WAAA,GACA,MAAA;AAAA,QAEN,UAAA,EACE,CAAA;AAAA;AAAA,YAAA,EAEI,KAAK,CAAA;AAAA,YAAA,EACL,MAAM;AAAA,WAAA,CAAA;AAAA,QAGZ,cAAA,EACE,MAAA;AAAA,QAEF,oBAAA,EACE,MAAA;AAAA,QAEF,KAAA,EACE;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC/DO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA,mBACEA,IAAAA,CAAAC,QAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,oBAEAC,IAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,OAAA;AAAA,oBAENA,IAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GAAQ,SAAA;AAAA,EAER,QAAA,GAAW,EAAA;AAAA,EAEX,IAAA,GAAO,EAAA;AAAA,EAEP,QAAA,GAAW,EAAA;AAAA,EAEX,QAAA,GAAW,GAAA;AAAA,EAEX,MAAA,GAAS,KAAA;AAAA,EAET,SAAA,GAAY,EAAA;AAAA,EAEZ,KAAA;AAAA,EAEA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,WAAW,CAAA,eAAA,EACT,MAAA,GACI,wBAAA,GACA,EACN,IAAI,SAAS,CAAA,CAAA;AAAA,MACb,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QAEH,KAAA;AAAA,QAEA,QAAA,EACE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,uBAAiC,GAChC,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QAET,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-JWV3IITG.js","sourcesContent":["import \"./RevealText.css\";\r\n\r\nexport interface RevealTextProps {\r\n children?: React.ReactNode;\r\n\r\n color?: string;\r\n accent?: string;\r\n\r\n fontSize?: number;\r\n\r\n lineHeight?: number;\r\n\r\n duration?: number;\r\n\r\n uppercase?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function RevealText({\r\n children = (\r\n <>\r\n Build\r\n <br />\r\n better\r\n <br />\r\n interfaces\r\n </>\r\n ),\r\n\r\n color =\r\n \"#ffffff\",\r\n\r\n accent =\r\n \"#866cff\",\r\n\r\n fontSize =\r\n 42,\r\n\r\n lineHeight =\r\n 0.86,\r\n\r\n duration =\r\n 0.7,\r\n\r\n uppercase =\r\n true,\r\n\r\n className =\r\n \"\",\r\n}: RevealTextProps) {\r\n return (\r\n <div\r\n className={`fb-reveal-text ${className}`}\r\n style={{\r\n fontSize:\r\n\r\n `${fontSize}px`,\r\n\r\n lineHeight,\r\n\r\n animationDuration:\r\n `${duration}s`,\r\n\r\n textTransform:\r\n uppercase\r\n ? \"uppercase\"\r\n : \"none\",\r\n\r\n background:\r\n `linear-gradient(\r\n 90deg,\r\n ${color},\r\n ${accent}\r\n )`,\r\n\r\n backgroundClip:\r\n \"text\",\r\n\r\n WebkitBackgroundClip:\r\n \"text\",\r\n\r\n color:\r\n \"transparent\",\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./BlurReveal.css\";\r\n\r\nexport interface BlurRevealProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n color?: string;\r\n\r\n fontSize?: number;\r\n\r\n blur?: number;\r\n\r\n distance?: number;\r\n\r\n duration?: number;\r\n\r\n repeat?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function BlurReveal({\r\n children = (\r\n <>\r\n Interfaces\r\n <br />\r\n worth\r\n <br />\r\n remembering.\r\n </>\r\n ),\r\n\r\n color = \"#ffffff\",\r\n\r\n fontSize = 48,\r\n\r\n blur = 14,\r\n\r\n distance = 24,\r\n\r\n duration = 0.8,\r\n\r\n repeat = false,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: BlurRevealProps) {\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-blur-reveal ${\r\n repeat\r\n ? \"fb-blur-reveal--repeat\"\r\n : \"\"\r\n } ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color,\r\n\r\n fontSize:\r\n `${fontSize}px`,\r\n\r\n [\"--fb-blur-reveal-blur\" as string]:\r\n `${blur}px`,\r\n\r\n [\"--fb-blur-reveal-distance\" as string]:\r\n `${distance}px`,\r\n\r\n [\"--fb-blur-reveal-duration\" as string]:\r\n `${duration}s`,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/buttons/MagneticButton.tsx","../src/buttons/GlowButton.tsx","../src/buttons/GlassButton.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-K5QRX5CZ.js","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./MagneticButton.css\";\r\n\r\nexport interface MagneticButtonProps {\r\n children?: React.ReactNode;\r\n\r\n background?: string;\r\n textColor?: string;\r\n fontSize?: number;\r\n radius?: number;\r\n paddingX?: number;\r\n paddingY?: number;\r\n strength?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function MagneticButton({\r\n children = \"Explore\",\r\n\r\n background =\r\n \"#ffffff\",\r\n\r\n textColor =\r\n \"#000000\",\r\n\r\n fontSize =\r\n 14,\r\n\r\n radius =\r\n 999,\r\n\r\n paddingX =\r\n 22,\r\n\r\n paddingY =\r\n 13,\r\n\r\n strength =\r\n 0.3,\r\n\r\n className =\r\n \"\",\r\n}: MagneticButtonProps) {\r\n const [\r\n offset,\r\n setOffset,\r\n ] =\r\n useState({\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLButtonElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n const centerX =\r\n rect.width /\r\n 2;\r\n\r\n const centerY =\r\n rect.height /\r\n 2;\r\n\r\n const x =\r\n event.clientX -\r\n rect.left -\r\n centerX;\r\n\r\n const y =\r\n event.clientY -\r\n rect.top -\r\n centerY;\r\n\r\n setOffset({\r\n x:\r\n x *\r\n strength,\r\n\r\n y:\r\n y *\r\n strength,\r\n });\r\n }\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n className={`fb-magnetic-button ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n onMouseLeave={() =>\r\n setOffset({\r\n x: 0,\r\n y: 0,\r\n })\r\n }\r\n style={{\r\n background,\r\n color:\r\n textColor,\r\n\r\n fontSize,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n padding:\r\n `${paddingY}px ${paddingX}px`,\r\n\r\n transform:\r\n `translate3d(\r\n ${offset.x}px,\r\n ${offset.y}px,\r\n 0\r\n )`,\r\n }}\r\n >\r\n {children}\r\n </button>\r\n );\r\n}","import type {\r\n ButtonHTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlowButton.css\";\r\n\r\nexport interface GlowButtonProps\r\n extends Omit<\r\n ButtonHTMLAttributes<HTMLButtonElement>,\r\n \"color\"\r\n > {\r\n children?: ReactNode;\r\n\r\n background?: string;\r\n\r\n textColor?: string;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n radius?: number;\r\n\r\n fontSize?: number;\r\n\r\n paddingX?: number;\r\n}\r\n\r\nexport function GlowButton({\r\n children = \"Get started\",\r\n\r\n background = \"#7b5cff\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n glowColor = \"#9b7cff\",\r\n\r\n glow = 32,\r\n\r\n radius = 14,\r\n\r\n fontSize = 14,\r\n\r\n paddingX = 24,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlowButtonProps) {\r\n return (\r\n <button\r\n {...props}\r\n type={\r\n props.type ??\r\n \"button\"\r\n }\r\n className={`fb-glow-button ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n color:\r\n textColor,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n fontSize,\r\n\r\n padding:\r\n `13px ${paddingX}px`,\r\n\r\n boxShadow:\r\n `0 0 ${glow}px ${glowColor}66`,\r\n\r\n [\"--fb-glow-button-color\" as string]:\r\n glowColor,\r\n }}\r\n >\r\n <span className=\"fb-glow-button__content\">\r\n {\r\n children\r\n }\r\n </span>\r\n\r\n <span\r\n className=\"fb-glow-button__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n );\r\n}","import type {\r\n ButtonHTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassButton.css\";\r\n\r\nexport interface GlassButtonProps\r\n extends Omit<\r\n ButtonHTMLAttributes<HTMLButtonElement>,\r\n \"color\"\r\n > {\r\n children?: ReactNode;\r\n\r\n textColor?: string;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n}\r\n\r\nfunction hexToRgb(\r\n hex: string\r\n) {\r\n const clean =\r\n hex.replace(\r\n \"#\",\r\n \"\"\r\n );\r\n\r\n if (\r\n clean.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 255,\r\n g: 255,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n parseInt(\r\n clean.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n parseInt(\r\n clean.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n parseInt(\r\n clean.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassButton({\r\n children = \"Explore\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n tint = \"#ffffff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 16,\r\n\r\n radius = 16,\r\n\r\n borderOpacity = 0.18,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassButtonProps) {\r\n const rgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n return (\r\n <button\r\n {...props}\r\n type={\r\n props.type ??\r\n \"button\"\r\n }\r\n className={`fb-glass-button ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color:\r\n textColor,\r\n\r\n background:\r\n `rgba(\r\n ${rgb.r},\r\n ${rgb.g},\r\n ${rgb.b},\r\n ${opacity}\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n }}\r\n >\r\n {\r\n children\r\n }\r\n\r\n <span\r\n className=\"fb-glass-button__shine\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n );\r\n}"]}
|