@preprio/prepr-nextjs 1.0.0-beta.9 → 1.0.1

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 (14) hide show
  1. package/README.md +31 -26
  2. package/dist/components.css +168 -49
  3. package/dist/components.css.map +1 -1
  4. package/dist/components.js +205 -99
  5. package/dist/components.js.map +1 -1
  6. package/dist/components.mjs +207 -101
  7. package/dist/components.mjs.map +1 -1
  8. package/dist/index.d.mts +7 -2
  9. package/dist/index.d.ts +7 -2
  10. package/dist/index.js +85 -17
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +85 -17
  13. package/dist/index.mjs.map +1 -1
  14. package/package.json +13 -9
package/README.md CHANGED
@@ -1,28 +1,27 @@
1
- # Prepr Nextjs
1
+ # The Prepr Next.js package
2
2
 
3
3
  ## Getting Started
4
4
  <hr>
5
- The Prepr NextJS package offers some helper functions and a PreviewBar component for an
6
- easier personalization & A/B testing implementation in your NextJS project.
5
+ The Prepr Next.js package offers some helper functions and the Adaptive Preview Bar component for an
6
+ easier personalization & A/B testing implementation in your Next.js project.
7
7
 
8
8
  ## Installation
9
9
  <hr>
10
- To install the Prepr NextJS package, run the following command:
10
+ To install the Prepr Next.js package, run the following command:
11
11
 
12
12
  ```bash
13
13
  npm install @preprio/prepr-nextjs
14
14
  ```
15
15
 
16
- Next you should navigate to your `.env` file and add the following environment variable:
16
+ Next, add the `PREPR_ENV` variable to the `.env` file. You can enable the *Adaptive Preview Bar* for a staging environment by setting the value to `preview`.
17
17
 
18
18
  ```bash
19
- PREPR_ENV=
19
+ PREPR_ENV=preview
20
20
  ```
21
21
 
22
- If you want to include the PreviewBar component in your project, set the `PREPR_ENV` environment variable to `preview`.
23
- When you're launching your project to production, then set the `PREPR_ENV` environment variable to `production`. This way, the PreviewBar component doesn't get displayed on a live web app.
22
+ When you're launching your project to production, then set the `PREPR_ENV` environment variable to `production`. This way, the *Adaptive Preview Bar* doesn't get displayed on a live web app.
24
23
 
25
- Next, we will implement the PreprMiddleware function. Navigate to your `middleware.js` or the `middleware.ts`
24
+ Next, implement the `PreprMiddleware` function. Go to your `middleware.js` or the `middleware.ts`
26
25
  file. If you don't have this file, you can create it in the root of your project.
27
26
 
28
27
  Then add the following code to the `middleware.ts` file:
@@ -44,18 +43,17 @@ export function middleware(request) {
44
43
  }
45
44
  ```
46
45
 
47
- The PreprMiddleware accepts a request and optional response property and returns a `NextRequest` object.
46
+ ### Middleware functionality
47
+ The `PreprMiddleware` accepts a request and optional response property and returns a `NextRequest` object.
48
48
  This is done so you are able to chain your own middleware to it.
49
49
 
50
- ### Middleware functionality
51
- The PreprMiddleware function will check on every request if the `__prepr_uid` cookie is set. If it is not set it will generate a new UUID and set it as a cookie.
52
- Then it returns a `Prepr-Customer-Id` header with the value of the `__prepr_uid` cookie. This makes for easy personalization & A/B testing implementation.
50
+ The `PreprMiddleware` function checks every request if the `__prepr_uid` cookie is set. If it isn't, the function generates a new UUID and sets it as a cookie. Then it returns a `Prepr-Customer-Id` header with the value of the `__prepr_uid` cookie to simplify your personalization and A/B testing implementation.
53
51
 
54
- If the `PREPR_ENV` environment variable is set to `preview`, the PreprMiddleware function will also check for searchParams `segments` and `a-b-testing` in the URL.
55
- If these searchParams are set, the PreprMiddleware will set the `Prepr-Segments` and `Prepr-AB-Testing` headers with the values of the searchParams, and store its value in a cookie.
52
+ If the `PREPR_ENV` environment variable is set to `preview`, the `PreprMiddleware` function also checks for searchParams `segments` and `a-b-testing` in the URL.
53
+ If these searchParams are set, the PreprMiddleware sets the `Prepr-Segments` and `Prepr-AB-Testing` headers with the values of the searchParams, and stores its value in a cookie.
56
54
 
57
55
  ## Usage
58
- To set up the headers with your API calls, you can call the `getPreprHeaders()` helper function. This will return an array of headers that you can spread in your fetch call.
56
+ To set your API request headers to query adaptive content or A/B testing content, you can call the `getPreprHeaders()` helper function. It returns an array of headers that you can spread in your fetch call.
59
57
  See the example code below in the `page.tsx` file.
60
58
 
61
59
  ```javascript
@@ -78,7 +76,7 @@ const getData = async () => {
78
76
  })
79
77
  }
80
78
  ```
81
- See the javascript example code below in the `page.js`file.
79
+ See the JavaScript example code below in the `page.js`file.
82
80
 
83
81
  ```javascript
84
82
  import { getClient } from '@/lib/client'
@@ -102,17 +100,24 @@ const getData = async () => {
102
100
  }
103
101
  ```
104
102
 
105
- ### Installing the PreviewBar component
103
+ ### Installing the Adaptive Preview Bar component
104
+
105
+ The preview bar component fetches all segments from the Prepr API. So, you need to give it access to do this as follows:
106
+
107
+ 1. In your Prepr environment, go to the **Settings → Access tokens** page to view all the access tokens.
108
+ 2. Click the **Add access token** button to create a new access token, give it a name and choose the segments scope like in the image below.
109
+
110
+ ![Segments access token](https://assets-site.prepr.io//2mcoy87hhmfz-segments-access-token.png)
111
+
112
+ 3. Click the **Save** button and copy the generated *Access token*.
106
113
 
107
- For the PreviewBar to work we need to fetch all the segments from the Prepr API. To do this navigate to Prepr -> Settings -> Access tokens and create a new access token with the following scopes:
108
- - `segments`
114
+ 4. Add a new variable `PREPR_SEGMENTS_ACCESS_TOKEN` to the `.env` file and paste the value you just copied.
109
115
 
110
- Then copy the access token and navigate to your `.env` file and add the following environment variable:
111
116
  ```bash
112
- PREPR_SEGMENTS_ACCESS_TOKEN=<YOUR_ACCESS_TOKEN>
117
+ PREPR_SEGMENTS_ACCESS_TOKEN=<YOUR-SEGMENTS-ACCESS-TOKEN>
113
118
  ```
114
119
 
115
- Next we will implement the PreviewBar component, navigate to your root layout file, this is usually `layout.tsx`.
120
+ To implement the *Adaptive Preview Bar* component, navigate to your root layout file, this is usually `layout.tsx`.
116
121
 
117
122
  Then add the following code to the `layout.tsx` file:
118
123
 
@@ -144,12 +149,12 @@ export default async function RootLayout({children}: {children: React.ReactNode}
144
149
  }
145
150
  ```
146
151
 
147
- Now the PreviewBar component will be rendered on every page of your website. The PreviewBar component will show the segments and A/B testing variants in a dropdown. If you have added the `getPreprHeaders()` function
148
- to your API calls it should automatically update the segments and A/B testing variants when you select a new one in the PreviewBar component.
152
+ Now the *Adaptive Preview Bar* is rendered on every page of your website. This component shows the segments in a dropdown list and a switch for A and B variants for an A/B test. If you have added the `getPreprHeaders()` function
153
+ to your API calls it automatically updates the segments and A/B testing variants when you select a new segment or variant.
149
154
 
150
155
  ### Helper functions
151
156
 
152
- #### getPreprUUID()()
157
+ #### getPreprUUID()
153
158
  The `getPreprUUID()` function will return the value of the `__prepr_uid` cookie. This can be useful if you want to store the `__prepr_uid` in a cookie or local storage.
154
159
 
155
160
  #### getActiveSegment()
package/dist/components.css CHANGED
@@ -1,12 +1,33 @@
1
1
  @import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
2
2
 
3
3
  /* src/main.css */
4
+ .prp-visible {
5
+ visibility: visible;
6
+ }
7
+ .prp-invisible {
8
+ visibility: hidden;
9
+ }
10
+ .prp-fixed {
11
+ position: fixed;
12
+ }
13
+ .prp-absolute {
14
+ position: absolute;
15
+ }
16
+ .prp-relative {
17
+ position: relative;
18
+ }
4
19
  .prp-sticky {
5
20
  position: sticky;
6
21
  }
22
+ .-prp-bottom-6 {
23
+ bottom: -1.5rem;
24
+ }
7
25
  .prp-top-0 {
8
26
  top: 0px;
9
27
  }
28
+ .prp-isolate {
29
+ isolation: isolate;
30
+ }
10
31
  .prp-z-\[1000\] {
11
32
  z-index: 1000;
12
33
  }
@@ -16,11 +37,30 @@
16
37
  .prp-z-\[9999\] {
17
38
  z-index: 9999;
18
39
  }
40
+ .prp-z-\[999\] {
41
+ z-index: 999;
42
+ }
43
+ .prp-mx-auto {
44
+ margin-left: auto;
45
+ margin-right: auto;
46
+ }
47
+ .prp-ml-0 {
48
+ margin-left: 0px;
49
+ }
50
+ .prp-ml-2 {
51
+ margin-left: 0.5rem;
52
+ }
19
53
  .prp-mr-1 {
20
54
  margin-right: 0.25rem;
21
55
  }
22
- .prp-mr-10 {
23
- margin-right: 2.5rem;
56
+ .prp-mr-auto {
57
+ margin-right: auto;
58
+ }
59
+ .prp-mt-2 {
60
+ margin-top: 0.5rem;
61
+ }
62
+ .prp-mt-auto {
63
+ margin-top: auto;
24
64
  }
25
65
  .prp-block {
26
66
  display: block;
@@ -31,6 +71,13 @@
31
71
  .prp-hidden {
32
72
  display: none;
33
73
  }
74
+ .prp-size-3 {
75
+ width: 0.75rem;
76
+ height: 0.75rem;
77
+ }
78
+ .prp-h-1\/3 {
79
+ height: 33.333333%;
80
+ }
34
81
  .prp-h-10 {
35
82
  height: 2.5rem;
36
83
  }
@@ -43,48 +90,51 @@
43
90
  .prp-w-3 {
44
91
  width: 0.75rem;
45
92
  }
46
- .prp-w-\[13rem\] {
47
- width: 13rem;
48
- }
49
- .prp-w-\[var\(--button-width\)\] {
50
- width: var(--button-width);
93
+ .prp-w-auto {
94
+ width: auto;
51
95
  }
52
96
  .prp-w-full {
53
97
  width: 100%;
54
98
  }
55
- .prp-max-w-\[15rem\] {
56
- max-width: 15rem;
99
+ .prp-max-w-7xl {
100
+ max-width: 80rem;
57
101
  }
58
102
  .prp-max-w-\[312px\] {
59
103
  max-width: 312px;
60
104
  }
105
+ .prp-flex-1 {
106
+ flex: 1 1 0%;
107
+ }
61
108
  .prp-flex-initial {
62
109
  flex: 0 1 auto;
63
110
  }
111
+ .prp-shrink-0 {
112
+ flex-shrink: 0;
113
+ }
64
114
  .prp-cursor-pointer {
65
115
  cursor: pointer;
66
116
  }
117
+ .prp-flex-col {
118
+ flex-direction: column;
119
+ }
67
120
  .prp-flex-wrap {
68
121
  flex-wrap: wrap;
69
122
  }
123
+ .prp-flex-nowrap {
124
+ flex-wrap: nowrap;
125
+ }
70
126
  .prp-items-center {
71
127
  align-items: center;
72
128
  }
73
129
  .prp-justify-center {
74
130
  justify-content: center;
75
131
  }
76
- .prp-justify-between {
77
- justify-content: space-between;
78
- }
79
132
  .prp-gap-1 {
80
133
  gap: 0.25rem;
81
134
  }
82
135
  .prp-gap-2 {
83
136
  gap: 0.5rem;
84
137
  }
85
- .prp-gap-4 {
86
- gap: 1rem;
87
- }
88
138
  .prp-gap-6 {
89
139
  gap: 1.5rem;
90
140
  }
@@ -105,65 +155,91 @@
105
155
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
106
156
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
107
157
  }
158
+ .prp-overflow-hidden {
159
+ overflow: hidden;
160
+ }
161
+ .prp-text-ellipsis {
162
+ text-overflow: ellipsis;
163
+ }
164
+ .prp-text-nowrap {
165
+ text-wrap: nowrap;
166
+ }
108
167
  .prp-rounded-lg {
109
168
  border-radius: 0.5rem;
110
169
  }
111
170
  .prp-rounded-md {
112
171
  border-radius: 0.375rem;
113
172
  }
114
- .prp-rounded-b-md {
115
- border-bottom-right-radius: 0.375rem;
116
- border-bottom-left-radius: 0.375rem;
173
+ .prp-rounded-b-lg {
174
+ border-bottom-right-radius: 0.5rem;
175
+ border-bottom-left-radius: 0.5rem;
117
176
  }
118
177
  .prp-border {
119
178
  border-width: 1px;
120
179
  }
180
+ .prp-border-t-2 {
181
+ border-top-width: 2px;
182
+ }
121
183
  .prp-border-gray-300 {
122
184
  --tw-border-opacity: 1;
123
185
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
124
186
  }
187
+ .prp-border-purple-900 {
188
+ --tw-border-opacity: 1;
189
+ border-color: rgb(67 56 202 / var(--tw-border-opacity));
190
+ }
125
191
  .prp-bg-grey-400 {
126
192
  --tw-bg-opacity: 1;
127
193
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
128
194
  }
129
- .prp-bg-indigo-default {
195
+ .prp-bg-indigo-50 {
130
196
  --tw-bg-opacity: 1;
131
- background-color: rgb(67 56 202 / var(--tw-bg-opacity));
197
+ background-color: rgb(238 242 255 / var(--tw-bg-opacity));
132
198
  }
133
199
  .prp-bg-orange-400 {
134
200
  --tw-bg-opacity: 1;
135
201
  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
136
202
  }
203
+ .prp-bg-purple-900 {
204
+ --tw-bg-opacity: 1;
205
+ background-color: rgb(67 56 202 / var(--tw-bg-opacity));
206
+ }
137
207
  .prp-bg-white {
138
208
  --tw-bg-opacity: 1;
139
209
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
140
210
  }
211
+ .prp-fill-white {
212
+ fill: #fff;
213
+ }
141
214
  .prp-p-1 {
142
215
  padding: 0.25rem;
143
216
  }
217
+ .prp-p-2 {
218
+ padding: 0.5rem;
219
+ }
144
220
  .prp-p-4 {
145
221
  padding: 1rem;
146
222
  }
223
+ .prp-px-2 {
224
+ padding-left: 0.5rem;
225
+ padding-right: 0.5rem;
226
+ }
147
227
  .prp-px-3 {
148
228
  padding-left: 0.75rem;
149
229
  padding-right: 0.75rem;
150
230
  }
151
- .prp-px-4 {
152
- padding-left: 1rem;
153
- padding-right: 1rem;
154
- }
155
231
  .prp-px-5 {
156
232
  padding-left: 1.25rem;
157
233
  padding-right: 1.25rem;
158
234
  }
235
+ .prp-py-0\.5 {
236
+ padding-top: 0.125rem;
237
+ padding-bottom: 0.125rem;
238
+ }
159
239
  .prp-py-2 {
160
240
  padding-top: 0.5rem;
161
241
  padding-bottom: 0.5rem;
162
242
  }
163
- .prp-py-3 {
164
- padding-top: 0.75rem;
165
- padding-bottom: 0.75rem;
166
- }
167
243
  .prp-py-4 {
168
244
  padding-top: 1rem;
169
245
  padding-bottom: 1rem;
@@ -171,8 +247,8 @@
171
247
  .prp-pb-0\.5 {
172
248
  padding-bottom: 0.125rem;
173
249
  }
174
- .prp-pb-2 {
175
- padding-bottom: 0.5rem;
250
+ .prp-pr-4 {
251
+ padding-right: 1rem;
176
252
  }
177
253
  .prp-text-center {
178
254
  text-align: center;
@@ -193,15 +269,16 @@
193
269
  font-size: 0.75rem;
194
270
  line-height: 1rem;
195
271
  }
196
- .prp-font-black {
197
- font-weight: 900;
198
- }
199
272
  .prp-font-bold {
200
273
  font-weight: 700;
201
274
  }
202
275
  .prp-leading-tight {
203
276
  line-height: 1.25;
204
277
  }
278
+ .prp-text-gray-400 {
279
+ --tw-text-opacity: 1;
280
+ color: rgb(156 163 175 / var(--tw-text-opacity));
281
+ }
205
282
  .prp-text-gray-500 {
206
283
  --tw-text-opacity: 1;
207
284
  color: rgb(107 114 128 / var(--tw-text-opacity));
@@ -222,6 +299,14 @@
222
299
  --tw-text-opacity: 1;
223
300
  color: rgb(255 255 255 / var(--tw-text-opacity));
224
301
  }
302
+ .prp-shadow-xl {
303
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
304
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
305
+ box-shadow:
306
+ var(--tw-ring-offset-shadow, 0 0 #0000),
307
+ var(--tw-ring-shadow, 0 0 #0000),
308
+ var(--tw-shadow);
309
+ }
225
310
  .prp-ring-0 {
226
311
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
227
312
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -264,9 +349,16 @@
264
349
  var(--tw-ring-shadow),
265
350
  var(--tw-shadow, 0 0 #0000);
266
351
  }
267
- .data-\[open\]\:prp-rounded-b-none[data-open] {
268
- border-bottom-right-radius: 0px;
269
- border-bottom-left-radius: 0px;
352
+ .disabled\:prp-cursor-not-allowed:disabled {
353
+ cursor: not-allowed;
354
+ }
355
+ .disabled\:prp-bg-gray-200:disabled {
356
+ --tw-bg-opacity: 1;
357
+ background-color: rgb(229 231 235 / var(--tw-bg-opacity));
358
+ }
359
+ .disabled\:prp-text-gray-400:disabled {
360
+ --tw-text-opacity: 1;
361
+ color: rgb(156 163 175 / var(--tw-text-opacity));
270
362
  }
271
363
  .data-\[open\]\:prp-border-b-white[data-open] {
272
364
  --tw-border-opacity: 1;
@@ -274,38 +366,65 @@
274
366
  }
275
367
  .data-\[checked\]\:prp-bg-indigo-600[data-checked] {
276
368
  --tw-bg-opacity: 1;
277
- background-color: rgb(67 56 202 / var(--tw-bg-opacity));
369
+ background-color: rgb(79 70 229 / var(--tw-bg-opacity));
278
370
  }
279
371
  .data-\[checked\]\:prp-text-white[data-checked] {
280
372
  --tw-text-opacity: 1;
281
373
  color: rgb(255 255 255 / var(--tw-text-opacity));
282
374
  }
375
+ @media (min-width: 640px) {
376
+ .sm\:prp-ml-auto {
377
+ margin-left: auto;
378
+ }
379
+ .sm\:prp-hidden {
380
+ display: none;
381
+ }
382
+ .sm\:prp-flex-row {
383
+ flex-direction: row;
384
+ }
385
+ }
283
386
  @media (min-width: 768px) {
284
387
  .md\:prp-inline {
285
388
  display: inline;
286
389
  }
287
- .md\:prp-w-\[15rem\] {
288
- width: 15rem;
390
+ .md\:prp-hidden {
391
+ display: none;
289
392
  }
290
- .md\:prp-w-auto {
291
- width: auto;
393
+ .md\:prp-h-full {
394
+ height: 100%;
292
395
  }
293
- .md\:prp-px-19\.5 {
294
- padding-left: 4.875rem;
295
- padding-right: 4.875rem;
396
+ .md\:prp-w-48 {
397
+ width: 12rem;
398
+ }
399
+ .md\:prp-flex-row {
400
+ flex-direction: row;
401
+ }
402
+ .md\:prp-items-center {
403
+ align-items: center;
404
+ }
405
+ .md\:prp-gap-4 {
406
+ gap: 1rem;
407
+ }
408
+ .md\:prp-px-4 {
409
+ padding-left: 1rem;
410
+ padding-right: 1rem;
411
+ }
412
+ .md\:prp-text-base {
413
+ font-size: 1rem;
414
+ line-height: 1.5rem;
296
415
  }
297
416
  }
298
417
  @media (min-width: 1024px) {
299
418
  .lg\:prp-block {
300
419
  display: block;
301
420
  }
302
- .lg\:prp-gap-6 {
303
- gap: 1.5rem;
421
+ .lg\:prp-flex {
422
+ display: flex;
304
423
  }
305
424
  }
306
- @media (min-width: 1440px) {
307
- .\32xl\:prp-flex {
308
- display: flex;
425
+ @media (min-width: 1280px) {
426
+ .xl\:prp-block {
427
+ display: block;
309
428
  }
310
429
  }
311
430
  /*# sourceMappingURL=components.css.map */
package/dist/components.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/main.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');\n.prp-sticky{\n position: sticky;\n}\n.prp-top-0{\n top: 0px;\n}\n.prp-z-\\[1000\\]{\n z-index: 1000;\n}\n.prp-z-\\[100\\]{\n z-index: 100;\n}\n.prp-z-\\[9999\\]{\n z-index: 9999;\n}\n.prp-mr-1{\n margin-right: 0.25rem;\n}\n.prp-mr-10{\n margin-right: 2.5rem;\n}\n.prp-block{\n display: block;\n}\n.prp-flex{\n display: flex;\n}\n.prp-hidden{\n display: none;\n}\n.prp-h-10{\n height: 2.5rem;\n}\n.prp-h-8{\n height: 2rem;\n}\n.prp-h-full{\n height: 100%;\n}\n.prp-w-3{\n width: 0.75rem;\n}\n.prp-w-\\[13rem\\]{\n width: 13rem;\n}\n.prp-w-\\[var\\(--button-width\\)\\]{\n width: var(--button-width);\n}\n.prp-w-full{\n width: 100%;\n}\n.prp-max-w-\\[15rem\\]{\n max-width: 15rem;\n}\n.prp-max-w-\\[312px\\]{\n max-width: 312px;\n}\n.prp-flex-initial{\n flex: 0 1 auto;\n}\n.prp-cursor-pointer{\n cursor: pointer;\n}\n.prp-flex-wrap{\n flex-wrap: wrap;\n}\n.prp-items-center{\n align-items: center;\n}\n.prp-justify-center{\n justify-content: center;\n}\n.prp-justify-between{\n justify-content: space-between;\n}\n.prp-gap-1{\n gap: 0.25rem;\n}\n.prp-gap-2{\n gap: 0.5rem;\n}\n.prp-gap-4{\n gap: 1rem;\n}\n.prp-gap-6{\n gap: 1.5rem;\n}\n.prp-gap-x-6{\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem;\n}\n.prp-gap-y-4{\n row-gap: 1rem;\n}\n.prp-space-y-2 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.prp-space-y-3 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.prp-rounded-lg{\n border-radius: 0.5rem;\n}\n.prp-rounded-md{\n border-radius: 0.375rem;\n}\n.prp-rounded-b-md{\n border-bottom-right-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\n.prp-border{\n border-width: 1px;\n}\n.prp-border-gray-300{\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.prp-bg-grey-400{\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.prp-bg-indigo-default{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n.prp-bg-orange-400{\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n.prp-bg-white{\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.prp-p-1{\n padding: 0.25rem;\n}\n.prp-p-4{\n padding: 1rem;\n}\n.prp-px-3{\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.prp-px-4{\n padding-left: 1rem;\n padding-right: 1rem;\n}\n.prp-px-5{\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.prp-py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.prp-py-3{\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\n.prp-py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.prp-pb-0\\.5{\n padding-bottom: 0.125rem;\n}\n.prp-pb-2{\n padding-bottom: 0.5rem;\n}\n.prp-text-center{\n text-align: center;\n}\n.prp-text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.prp-text-lg{\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.prp-text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.prp-text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.prp-font-black{\n font-weight: 900;\n}\n.prp-font-bold{\n font-weight: 700;\n}\n.prp-leading-tight{\n line-height: 1.25;\n}\n.prp-text-gray-500{\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.prp-text-gray-900{\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.prp-text-indigo-300{\n --tw-text-opacity: 1;\n color: rgb(165 180 252 / var(--tw-text-opacity));\n}\n.prp-text-indigo-700{\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity));\n}\n.prp-text-white{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.prp-ring-0{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.prp-regular-text{\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n line-height: 1.5;\n}\n\n.prp-base {\n font-family: Inter, sans-serif;\n}\n\n.prp-dropshadow {\n box-shadow: 0px 0px 12px 0px #C3C3C3;\n}\n\n.prp-dropshadow-popover {\n box-shadow: 0px 3px 16px 0px rgba(84, 84, 84, 0.45);\n}\n\n.hover\\:prp-cursor-pointer:hover{\n cursor: pointer;\n}\n\n.hover\\:prp-bg-gray-100:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:prp-text-indigo-400:hover{\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity));\n}\n\n.focus\\:prp-ring-0:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.data-\\[open\\]\\:prp-rounded-b-none[data-open]{\n border-bottom-right-radius: 0px;\n border-bottom-left-radius: 0px;\n}\n\n.data-\\[open\\]\\:prp-border-b-white[data-open]{\n --tw-border-opacity: 1;\n border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.data-\\[checked\\]\\:prp-bg-indigo-600[data-checked]{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n\n.data-\\[checked\\]\\:prp-text-white[data-checked]{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (min-width: 768px){\n .md\\:prp-inline{\n display: inline;\n }\n .md\\:prp-w-\\[15rem\\]{\n width: 15rem;\n }\n .md\\:prp-w-auto{\n width: auto;\n }\n .md\\:prp-px-19\\.5{\n padding-left: 4.875rem;\n padding-right: 4.875rem;\n }\n}\n\n@media (min-width: 1024px){\n .lg\\:prp-block{\n display: block;\n }\n .lg\\:prp-gap-6{\n gap: 1.5rem;\n }\n}\n\n@media (min-width: 1440px){\n .\\32xl\\:prp-flex{\n display: flex;\n }\n}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/main.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');\n.prp-visible{\n visibility: visible;\n}\n.prp-invisible{\n visibility: hidden;\n}\n.prp-fixed{\n position: fixed;\n}\n.prp-absolute{\n position: absolute;\n}\n.prp-relative{\n position: relative;\n}\n.prp-sticky{\n position: sticky;\n}\n.-prp-bottom-6{\n bottom: -1.5rem;\n}\n.prp-top-0{\n top: 0px;\n}\n.prp-isolate{\n isolation: isolate;\n}\n.prp-z-\\[1000\\]{\n z-index: 1000;\n}\n.prp-z-\\[100\\]{\n z-index: 100;\n}\n.prp-z-\\[9999\\]{\n z-index: 9999;\n}\n.prp-z-\\[999\\]{\n z-index: 999;\n}\n.prp-mx-auto{\n margin-left: auto;\n margin-right: auto;\n}\n.prp-ml-0{\n margin-left: 0px;\n}\n.prp-ml-2{\n margin-left: 0.5rem;\n}\n.prp-mr-1{\n margin-right: 0.25rem;\n}\n.prp-mr-auto{\n margin-right: auto;\n}\n.prp-mt-2{\n margin-top: 0.5rem;\n}\n.prp-mt-auto{\n margin-top: auto;\n}\n.prp-block{\n display: block;\n}\n.prp-flex{\n display: flex;\n}\n.prp-hidden{\n display: none;\n}\n.prp-size-3{\n width: 0.75rem;\n height: 0.75rem;\n}\n.prp-h-1\\/3{\n height: 33.333333%;\n}\n.prp-h-10{\n height: 2.5rem;\n}\n.prp-h-8{\n height: 2rem;\n}\n.prp-h-full{\n height: 100%;\n}\n.prp-w-3{\n width: 0.75rem;\n}\n.prp-w-auto{\n width: auto;\n}\n.prp-w-full{\n width: 100%;\n}\n.prp-max-w-7xl{\n max-width: 80rem;\n}\n.prp-max-w-\\[312px\\]{\n max-width: 312px;\n}\n.prp-flex-1{\n flex: 1 1 0%;\n}\n.prp-flex-initial{\n flex: 0 1 auto;\n}\n.prp-shrink-0{\n flex-shrink: 0;\n}\n.prp-cursor-pointer{\n cursor: pointer;\n}\n.prp-flex-col{\n flex-direction: column;\n}\n.prp-flex-wrap{\n flex-wrap: wrap;\n}\n.prp-flex-nowrap{\n flex-wrap: nowrap;\n}\n.prp-items-center{\n align-items: center;\n}\n.prp-justify-center{\n justify-content: center;\n}\n.prp-gap-1{\n gap: 0.25rem;\n}\n.prp-gap-2{\n gap: 0.5rem;\n}\n.prp-gap-6{\n gap: 1.5rem;\n}\n.prp-gap-x-6{\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem;\n}\n.prp-gap-y-4{\n row-gap: 1rem;\n}\n.prp-space-y-2 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\n.prp-space-y-3 > :not([hidden]) ~ :not([hidden]){\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\n.prp-overflow-hidden{\n overflow: hidden;\n}\n.prp-text-ellipsis{\n text-overflow: ellipsis;\n}\n.prp-text-nowrap{\n text-wrap: nowrap;\n}\n.prp-rounded-lg{\n border-radius: 0.5rem;\n}\n.prp-rounded-md{\n border-radius: 0.375rem;\n}\n.prp-rounded-b-lg{\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n}\n.prp-border{\n border-width: 1px;\n}\n.prp-border-t-2{\n border-top-width: 2px;\n}\n.prp-border-gray-300{\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\n}\n.prp-border-purple-900{\n --tw-border-opacity: 1;\n border-color: rgb(67 56 202 / var(--tw-border-opacity));\n}\n.prp-bg-grey-400{\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity));\n}\n.prp-bg-indigo-50{\n --tw-bg-opacity: 1;\n background-color: rgb(238 242 255 / var(--tw-bg-opacity));\n}\n.prp-bg-orange-400{\n --tw-bg-opacity: 1;\n background-color: rgb(251 146 60 / var(--tw-bg-opacity));\n}\n.prp-bg-purple-900{\n --tw-bg-opacity: 1;\n background-color: rgb(67 56 202 / var(--tw-bg-opacity));\n}\n.prp-bg-white{\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.prp-fill-white{\n fill: #fff;\n}\n.prp-p-1{\n padding: 0.25rem;\n}\n.prp-p-2{\n padding: 0.5rem;\n}\n.prp-p-4{\n padding: 1rem;\n}\n.prp-px-2{\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n.prp-px-3{\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n.prp-px-5{\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n.prp-py-0\\.5{\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\n.prp-py-2{\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.prp-py-4{\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\n.prp-pb-0\\.5{\n padding-bottom: 0.125rem;\n}\n.prp-pr-4{\n padding-right: 1rem;\n}\n.prp-text-center{\n text-align: center;\n}\n.prp-text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.prp-text-lg{\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.prp-text-sm{\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.prp-text-xs{\n font-size: 0.75rem;\n line-height: 1rem;\n}\n.prp-font-bold{\n font-weight: 700;\n}\n.prp-leading-tight{\n line-height: 1.25;\n}\n.prp-text-gray-400{\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n.prp-text-gray-500{\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity));\n}\n.prp-text-gray-900{\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity));\n}\n.prp-text-indigo-300{\n --tw-text-opacity: 1;\n color: rgb(165 180 252 / var(--tw-text-opacity));\n}\n.prp-text-indigo-700{\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity));\n}\n.prp-text-white{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.prp-shadow-xl{\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n.prp-ring-0{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.prp-regular-text{\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n line-height: 1.5;\n}\n\n.prp-base {\n font-family: Inter, sans-serif;\n}\n\n.prp-dropshadow {\n box-shadow: 0px 0px 12px 0px #C3C3C3;\n}\n\n.prp-dropshadow-popover {\n box-shadow: 0px 3px 16px 0px rgba(84, 84, 84, 0.45);\n}\n\n.hover\\:prp-cursor-pointer:hover{\n cursor: pointer;\n}\n\n.hover\\:prp-bg-gray-100:hover{\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity));\n}\n\n.hover\\:prp-text-indigo-400:hover{\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity));\n}\n\n.focus\\:prp-ring-0:focus{\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n.disabled\\:prp-cursor-not-allowed:disabled{\n cursor: not-allowed;\n}\n\n.disabled\\:prp-bg-gray-200:disabled{\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n\n.disabled\\:prp-text-gray-400:disabled{\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity));\n}\n\n.data-\\[open\\]\\:prp-border-b-white[data-open]{\n --tw-border-opacity: 1;\n border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));\n}\n\n.data-\\[checked\\]\\:prp-bg-indigo-600[data-checked]{\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity));\n}\n\n.data-\\[checked\\]\\:prp-text-white[data-checked]{\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n@media (min-width: 640px){\n .sm\\:prp-ml-auto{\n margin-left: auto;\n }\n .sm\\:prp-hidden{\n display: none;\n }\n .sm\\:prp-flex-row{\n flex-direction: row;\n }\n}\n\n@media (min-width: 768px){\n .md\\:prp-inline{\n display: inline;\n }\n .md\\:prp-hidden{\n display: none;\n }\n .md\\:prp-h-full{\n height: 100%;\n }\n .md\\:prp-w-48{\n width: 12rem;\n }\n .md\\:prp-flex-row{\n flex-direction: row;\n }\n .md\\:prp-items-center{\n align-items: center;\n }\n .md\\:prp-gap-4{\n gap: 1rem;\n }\n .md\\:prp-px-4{\n padding-left: 1rem;\n padding-right: 1rem;\n }\n .md\\:prp-text-base{\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n\n@media (min-width: 1024px){\n .lg\\:prp-block{\n display: block;\n }\n .lg\\:prp-flex{\n display: flex;\n }\n}\n\n@media (min-width: 1280px){\n .xl\\:prp-block{\n display: block;\n }\n}"],"mappings":";;;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,YAAU;AACd;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,eAAa;AACb,gBAAc;AAClB;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,gBAAc;AAClB;AACA,CAAC;AACG,gBAAc;AAClB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,cAAY;AAChB;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,WAAS;AACb;AACA,CAAC;AACG,SAAO;AACP,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,SAAO;AACX;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,QAAM,EAAE,EAAE;AACd;AACA,CAAC;AACG,QAAM,EAAE,EAAE;AACd;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,UAAQ;AACZ;AACA,CAAC;AACG,kBAAgB;AACpB;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,aAAW;AACf;AACA,CAAC;AACG,eAAa;AACjB;AACA,CAAC;AACG,mBAAiB;AACrB;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AACG,OAAK;AACT;AACA,CAAC;AA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","names":[]}