@apptify-labs/ui 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/.storybook/main.ts +27 -0
  2. package/.storybook/preview.tsx +15 -0
  3. package/.turbo/turbo-build.log +19 -0
  4. package/README.md +107 -0
  5. package/STORYBOOK.md +112 -0
  6. package/dist/index.d.mts +33 -0
  7. package/dist/index.d.ts +33 -0
  8. package/dist/index.js +182 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/index.mjs +136 -0
  11. package/dist/index.mjs.map +1 -0
  12. package/package.json +63 -0
  13. package/postcss.config.js +6 -0
  14. package/src/components/card/card.stories.tsx +38 -0
  15. package/src/components/card/card.tsx +75 -0
  16. package/src/components/card/index.ts +1 -0
  17. package/src/components/input/index.ts +1 -0
  18. package/src/components/input/input.stories.tsx +40 -0
  19. package/src/components/input/input.tsx +24 -0
  20. package/src/components/label/index.ts +1 -0
  21. package/src/components/label/label.stories.tsx +22 -0
  22. package/src/components/label/label.tsx +23 -0
  23. package/src/components/separator/index.ts +1 -0
  24. package/src/components/separator/separator.stories.tsx +36 -0
  25. package/src/components/separator/separator.tsx +28 -0
  26. package/src/index.ts +5 -0
  27. package/src/styles.css +69 -0
  28. package/src/utils/cn.ts +14 -0
  29. package/src/utils/index.ts +1 -0
  30. package/storybook-static/assets/Color-YHDXOIA2-kSxZo1Vy.js +1 -0
  31. package/storybook-static/assets/DocsRenderer-CFRXHY34-DsDoVbDP.js +575 -0
  32. package/storybook-static/assets/card.stories-1IXkTbkW.js +20 -0
  33. package/storybook-static/assets/chunk-XP5HYGXS-rhzvizV_.js +1 -0
  34. package/storybook-static/assets/client-CN6oaCdP.js +33 -0
  35. package/storybook-static/assets/entry-preview-Ct7_9bu-.js +2 -0
  36. package/storybook-static/assets/entry-preview-docs-pv-Qwe_M.js +46 -0
  37. package/storybook-static/assets/iframe-CbRAOl5a.js +211 -0
  38. package/storybook-static/assets/index-B3ijS-tw.js +11 -0
  39. package/storybook-static/assets/index-DH-M5T-F.js +240 -0
  40. package/storybook-static/assets/index-DHO77v_d.js +1 -0
  41. package/storybook-static/assets/index-DrFu-skq.js +6 -0
  42. package/storybook-static/assets/index-DzGJhHoF.js +9 -0
  43. package/storybook-static/assets/jsx-runtime-D_zvdyIk.js +9 -0
  44. package/storybook-static/assets/preview-B8lJiyuQ.js +34 -0
  45. package/storybook-static/assets/preview-BBWR9nbA.js +1 -0
  46. package/storybook-static/assets/preview-BIuR4HGU.js +240 -0
  47. package/storybook-static/assets/preview-BWzBA1C2.js +396 -0
  48. package/storybook-static/assets/preview-B_o1KE33.css +1 -0
  49. package/storybook-static/assets/preview-CM32KvaH.js +1 -0
  50. package/storybook-static/assets/preview-CvbIS5ZJ.js +1 -0
  51. package/storybook-static/assets/preview-Cy3uZJAu.js +2 -0
  52. package/storybook-static/assets/preview-DD_OYowb.js +1 -0
  53. package/storybook-static/assets/preview-DGUiP6tS.js +7 -0
  54. package/storybook-static/assets/preview-DHQbi4pV.js +1 -0
  55. package/storybook-static/assets/react-18-BeIp0fAf.js +1 -0
  56. package/storybook-static/assets/test-utils-BxnH6twK.js +9 -0
  57. package/storybook-static/favicon.svg +1 -0
  58. package/storybook-static/iframe.html +666 -0
  59. package/storybook-static/index.html +177 -0
  60. package/storybook-static/index.json +1 -0
  61. package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
  62. package/storybook-static/nunito-sans-bold.woff2 +0 -0
  63. package/storybook-static/nunito-sans-italic.woff2 +0 -0
  64. package/storybook-static/nunito-sans-regular.woff2 +0 -0
  65. package/storybook-static/project.json +1 -0
  66. package/storybook-static/sb-addons/essentials-actions-3/manager-bundle.js +3 -0
  67. package/storybook-static/sb-addons/essentials-backgrounds-5/manager-bundle.js +12 -0
  68. package/storybook-static/sb-addons/essentials-controls-2/manager-bundle.js +405 -0
  69. package/storybook-static/sb-addons/essentials-docs-4/manager-bundle.js +245 -0
  70. package/storybook-static/sb-addons/essentials-measure-8/manager-bundle.js +3 -0
  71. package/storybook-static/sb-addons/essentials-outline-9/manager-bundle.js +3 -0
  72. package/storybook-static/sb-addons/essentials-toolbars-7/manager-bundle.js +3 -0
  73. package/storybook-static/sb-addons/essentials-viewport-6/manager-bundle.js +3 -0
  74. package/storybook-static/sb-addons/interactions-10/manager-bundle.js +222 -0
  75. package/storybook-static/sb-addons/links-1/manager-bundle.js +3 -0
  76. package/storybook-static/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +3 -0
  77. package/storybook-static/sb-common-assets/favicon.svg +1 -0
  78. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  79. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  80. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  81. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  82. package/storybook-static/sb-manager/globals-module-info.js +1052 -0
  83. package/storybook-static/sb-manager/globals-runtime.js +41775 -0
  84. package/storybook-static/sb-manager/globals.js +48 -0
  85. package/storybook-static/sb-manager/runtime.js +12048 -0
  86. package/tailwind.config.js +103 -0
  87. package/tsconfig.json +21 -0
  88. package/tsup.config.ts +12 -0
@@ -0,0 +1,396 @@
1
+ import{d as $}from"./index-DrFu-skq.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var m="outline",u=i=>{(Array.isArray(i)?i:[i]).forEach(r)},r=i=>{let t=typeof i=="string"?i:i.join(""),o=p.document.getElementById(t);o&&o.parentElement&&o.parentElement.removeChild(o)},b=(i,t)=>{let o=p.document.getElementById(i);if(o)o.innerHTML!==t&&(o.innerHTML=t);else{let n=p.document.createElement("style");n.setAttribute("id",i),n.innerHTML=t,p.document.head.appendChild(n)}};function s(i){return $`
2
+ ${i} body {
3
+ outline: 1px solid #2980b9 !important;
4
+ }
5
+
6
+ ${i} article {
7
+ outline: 1px solid #3498db !important;
8
+ }
9
+
10
+ ${i} nav {
11
+ outline: 1px solid #0088c3 !important;
12
+ }
13
+
14
+ ${i} aside {
15
+ outline: 1px solid #33a0ce !important;
16
+ }
17
+
18
+ ${i} section {
19
+ outline: 1px solid #66b8da !important;
20
+ }
21
+
22
+ ${i} header {
23
+ outline: 1px solid #99cfe7 !important;
24
+ }
25
+
26
+ ${i} footer {
27
+ outline: 1px solid #cce7f3 !important;
28
+ }
29
+
30
+ ${i} h1 {
31
+ outline: 1px solid #162544 !important;
32
+ }
33
+
34
+ ${i} h2 {
35
+ outline: 1px solid #314e6e !important;
36
+ }
37
+
38
+ ${i} h3 {
39
+ outline: 1px solid #3e5e85 !important;
40
+ }
41
+
42
+ ${i} h4 {
43
+ outline: 1px solid #449baf !important;
44
+ }
45
+
46
+ ${i} h5 {
47
+ outline: 1px solid #c7d1cb !important;
48
+ }
49
+
50
+ ${i} h6 {
51
+ outline: 1px solid #4371d0 !important;
52
+ }
53
+
54
+ ${i} main {
55
+ outline: 1px solid #2f4f90 !important;
56
+ }
57
+
58
+ ${i} address {
59
+ outline: 1px solid #1a2c51 !important;
60
+ }
61
+
62
+ ${i} div {
63
+ outline: 1px solid #036cdb !important;
64
+ }
65
+
66
+ ${i} p {
67
+ outline: 1px solid #ac050b !important;
68
+ }
69
+
70
+ ${i} hr {
71
+ outline: 1px solid #ff063f !important;
72
+ }
73
+
74
+ ${i} pre {
75
+ outline: 1px solid #850440 !important;
76
+ }
77
+
78
+ ${i} blockquote {
79
+ outline: 1px solid #f1b8e7 !important;
80
+ }
81
+
82
+ ${i} ol {
83
+ outline: 1px solid #ff050c !important;
84
+ }
85
+
86
+ ${i} ul {
87
+ outline: 1px solid #d90416 !important;
88
+ }
89
+
90
+ ${i} li {
91
+ outline: 1px solid #d90416 !important;
92
+ }
93
+
94
+ ${i} dl {
95
+ outline: 1px solid #fd3427 !important;
96
+ }
97
+
98
+ ${i} dt {
99
+ outline: 1px solid #ff0043 !important;
100
+ }
101
+
102
+ ${i} dd {
103
+ outline: 1px solid #e80174 !important;
104
+ }
105
+
106
+ ${i} figure {
107
+ outline: 1px solid #ff00bb !important;
108
+ }
109
+
110
+ ${i} figcaption {
111
+ outline: 1px solid #bf0032 !important;
112
+ }
113
+
114
+ ${i} table {
115
+ outline: 1px solid #00cc99 !important;
116
+ }
117
+
118
+ ${i} caption {
119
+ outline: 1px solid #37ffc4 !important;
120
+ }
121
+
122
+ ${i} thead {
123
+ outline: 1px solid #98daca !important;
124
+ }
125
+
126
+ ${i} tbody {
127
+ outline: 1px solid #64a7a0 !important;
128
+ }
129
+
130
+ ${i} tfoot {
131
+ outline: 1px solid #22746b !important;
132
+ }
133
+
134
+ ${i} tr {
135
+ outline: 1px solid #86c0b2 !important;
136
+ }
137
+
138
+ ${i} th {
139
+ outline: 1px solid #a1e7d6 !important;
140
+ }
141
+
142
+ ${i} td {
143
+ outline: 1px solid #3f5a54 !important;
144
+ }
145
+
146
+ ${i} col {
147
+ outline: 1px solid #6c9a8f !important;
148
+ }
149
+
150
+ ${i} colgroup {
151
+ outline: 1px solid #6c9a9d !important;
152
+ }
153
+
154
+ ${i} button {
155
+ outline: 1px solid #da8301 !important;
156
+ }
157
+
158
+ ${i} datalist {
159
+ outline: 1px solid #c06000 !important;
160
+ }
161
+
162
+ ${i} fieldset {
163
+ outline: 1px solid #d95100 !important;
164
+ }
165
+
166
+ ${i} form {
167
+ outline: 1px solid #d23600 !important;
168
+ }
169
+
170
+ ${i} input {
171
+ outline: 1px solid #fca600 !important;
172
+ }
173
+
174
+ ${i} keygen {
175
+ outline: 1px solid #b31e00 !important;
176
+ }
177
+
178
+ ${i} label {
179
+ outline: 1px solid #ee8900 !important;
180
+ }
181
+
182
+ ${i} legend {
183
+ outline: 1px solid #de6d00 !important;
184
+ }
185
+
186
+ ${i} meter {
187
+ outline: 1px solid #e8630c !important;
188
+ }
189
+
190
+ ${i} optgroup {
191
+ outline: 1px solid #b33600 !important;
192
+ }
193
+
194
+ ${i} option {
195
+ outline: 1px solid #ff8a00 !important;
196
+ }
197
+
198
+ ${i} output {
199
+ outline: 1px solid #ff9619 !important;
200
+ }
201
+
202
+ ${i} progress {
203
+ outline: 1px solid #e57c00 !important;
204
+ }
205
+
206
+ ${i} select {
207
+ outline: 1px solid #e26e0f !important;
208
+ }
209
+
210
+ ${i} textarea {
211
+ outline: 1px solid #cc5400 !important;
212
+ }
213
+
214
+ ${i} details {
215
+ outline: 1px solid #33848f !important;
216
+ }
217
+
218
+ ${i} summary {
219
+ outline: 1px solid #60a1a6 !important;
220
+ }
221
+
222
+ ${i} command {
223
+ outline: 1px solid #438da1 !important;
224
+ }
225
+
226
+ ${i} menu {
227
+ outline: 1px solid #449da6 !important;
228
+ }
229
+
230
+ ${i} del {
231
+ outline: 1px solid #bf0000 !important;
232
+ }
233
+
234
+ ${i} ins {
235
+ outline: 1px solid #400000 !important;
236
+ }
237
+
238
+ ${i} img {
239
+ outline: 1px solid #22746b !important;
240
+ }
241
+
242
+ ${i} iframe {
243
+ outline: 1px solid #64a7a0 !important;
244
+ }
245
+
246
+ ${i} embed {
247
+ outline: 1px solid #98daca !important;
248
+ }
249
+
250
+ ${i} object {
251
+ outline: 1px solid #00cc99 !important;
252
+ }
253
+
254
+ ${i} param {
255
+ outline: 1px solid #37ffc4 !important;
256
+ }
257
+
258
+ ${i} video {
259
+ outline: 1px solid #6ee866 !important;
260
+ }
261
+
262
+ ${i} audio {
263
+ outline: 1px solid #027353 !important;
264
+ }
265
+
266
+ ${i} source {
267
+ outline: 1px solid #012426 !important;
268
+ }
269
+
270
+ ${i} canvas {
271
+ outline: 1px solid #a2f570 !important;
272
+ }
273
+
274
+ ${i} track {
275
+ outline: 1px solid #59a600 !important;
276
+ }
277
+
278
+ ${i} map {
279
+ outline: 1px solid #7be500 !important;
280
+ }
281
+
282
+ ${i} area {
283
+ outline: 1px solid #305900 !important;
284
+ }
285
+
286
+ ${i} a {
287
+ outline: 1px solid #ff62ab !important;
288
+ }
289
+
290
+ ${i} em {
291
+ outline: 1px solid #800b41 !important;
292
+ }
293
+
294
+ ${i} strong {
295
+ outline: 1px solid #ff1583 !important;
296
+ }
297
+
298
+ ${i} i {
299
+ outline: 1px solid #803156 !important;
300
+ }
301
+
302
+ ${i} b {
303
+ outline: 1px solid #cc1169 !important;
304
+ }
305
+
306
+ ${i} u {
307
+ outline: 1px solid #ff0430 !important;
308
+ }
309
+
310
+ ${i} s {
311
+ outline: 1px solid #f805e3 !important;
312
+ }
313
+
314
+ ${i} small {
315
+ outline: 1px solid #d107b2 !important;
316
+ }
317
+
318
+ ${i} abbr {
319
+ outline: 1px solid #4a0263 !important;
320
+ }
321
+
322
+ ${i} q {
323
+ outline: 1px solid #240018 !important;
324
+ }
325
+
326
+ ${i} cite {
327
+ outline: 1px solid #64003c !important;
328
+ }
329
+
330
+ ${i} dfn {
331
+ outline: 1px solid #b4005a !important;
332
+ }
333
+
334
+ ${i} sub {
335
+ outline: 1px solid #dba0c8 !important;
336
+ }
337
+
338
+ ${i} sup {
339
+ outline: 1px solid #cc0256 !important;
340
+ }
341
+
342
+ ${i} time {
343
+ outline: 1px solid #d6606d !important;
344
+ }
345
+
346
+ ${i} code {
347
+ outline: 1px solid #e04251 !important;
348
+ }
349
+
350
+ ${i} kbd {
351
+ outline: 1px solid #5e001f !important;
352
+ }
353
+
354
+ ${i} samp {
355
+ outline: 1px solid #9c0033 !important;
356
+ }
357
+
358
+ ${i} var {
359
+ outline: 1px solid #d90047 !important;
360
+ }
361
+
362
+ ${i} mark {
363
+ outline: 1px solid #ff0053 !important;
364
+ }
365
+
366
+ ${i} bdi {
367
+ outline: 1px solid #bf3668 !important;
368
+ }
369
+
370
+ ${i} bdo {
371
+ outline: 1px solid #6f1400 !important;
372
+ }
373
+
374
+ ${i} ruby {
375
+ outline: 1px solid #ff7b93 !important;
376
+ }
377
+
378
+ ${i} rt {
379
+ outline: 1px solid #ff2f54 !important;
380
+ }
381
+
382
+ ${i} rp {
383
+ outline: 1px solid #803e49 !important;
384
+ }
385
+
386
+ ${i} span {
387
+ outline: 1px solid #cc2643 !important;
388
+ }
389
+
390
+ ${i} br {
391
+ outline: 1px solid #db687d !important;
392
+ }
393
+
394
+ ${i} wbr {
395
+ outline: 1px solid #db175b !important;
396
+ }`}var e=(i,t)=>{let{globals:o}=t,n=[!0,"true"].includes(o[m]),d=t.viewMode==="docs",l=x(()=>s(d?'[data-story-block="true"]':".sb-show-main"),[t]);return f(()=>{let a=d?`addon-outline-docs-${t.id}`:"addon-outline";return n?b(a,l):u(a),()=>{u(a)}},[n,l,t]),i()},h=[e],g={[m]:!1};export{h as decorators,g as initialGlobals};
@@ -0,0 +1 @@
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 226 100% 64%;--primary-foreground: 0 0% 100%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 100%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 226 100% 64%;--radius: .75rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"rlig" 1,"calt" 1}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-full{height:100%}.w-\[1px\]{width:1px}.w-\[350px\]{width:350px}.w-full{width:100%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-input{border-color:hsl(var(--input))}.bg-background{background-color:hsl(var(--background))}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-primary{background-color:hsl(var(--primary))}.bg-transparent{background-color:transparent}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0{padding-top:0}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}
@@ -0,0 +1 @@
1
+ const e={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}}}};export{e as default};
@@ -0,0 +1 @@
1
+ var o="viewport",a={[o]:{value:void 0,isRotated:!1}},t={viewport:"reset",viewportRotated:!1},e,l=(e=globalThis.FEATURES)!=null&&e.viewportStoryGlobals?a:t;export{l as initialGlobals};
@@ -0,0 +1,2 @@
1
+ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-DsDoVbDP.js","./iframe-CbRAOl5a.js","./index-DzGJhHoF.js","./jsx-runtime-D_zvdyIk.js","./client-CN6oaCdP.js","./index-B3ijS-tw.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]);
2
+ import{_ as a}from"./iframe-CbRAOl5a.js";var i=Object.defineProperty,s=(e,r)=>{for(var t in r)i(e,t,{get:r[t],enumerable:!0})},_={};s(_,{parameters:()=>d});var p=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-DsDoVbDP.js").then(r=>r.D),__vite__mapDeps([0,1,2,3,4,5,6]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>p[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
@@ -0,0 +1 @@
1
+ let p;const S=new Uint8Array(16);function A(){if(!p&&(p=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!p))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(S)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function D(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const I=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),h={randomUUID:I};function f(e,t,r){if(h.randomUUID&&!e)return h.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,D(n)}const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:U}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;var w="storybook/actions",j=`${w}/action-event`,V={depth:10,clearOnStoryChange:!0,limit:50},E=(e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:E(r,t)},C=e=>!!(typeof e=="object"&&e&&E(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),K=e=>{if(C(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},L=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?f():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let r={...V,...t},n=function(...s){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in d?d.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(l=>l.phase==="playing"||l.phase==="rendering");if(y){let l=!((O=globalThis==null?void 0:globalThis.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new U({phase:y.phase,name:e,deprecated:l});if(l)console.warn(R);else throw R}}let i=v.getChannel(),c=L(),a=5,u=s.map(K),b=s.length>1?u:u[0],x={id:c,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};i.emit(j,x)};return n.isAction=!0,n.implicit=t.implicit,n}var T=(e,t)=>typeof t[e]>"u"&&!(e in t),B=e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:s}}=e;if(!s||s.disable||!s.argTypesRegex||!r)return{};let i=new RegExp(s.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[a,u])=>(T(a,t)&&(c[a]=_(a,{implicit:!0,id:n})),c),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([s,i])=>!!i.action).reduce((s,[i,c])=>(T(i,t)&&(s[i]=_(typeof c.action=="string"?c.action:i)),s),{})},Y=[M,B],m=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!m&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in d&&typeof d.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=d.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,s)=>{let i=n.getMockName();i!=="spy"&&(!/^next\/.*::/.test(i)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(c=>i.startsWith(c)))&&_(i)(s)}),m=!0}},N=[P];export{Y as argsEnhancers,N as loaders};
@@ -0,0 +1,7 @@
1
+ const{STORY_CHANGED:r}=__STORYBOOK_MODULE_CORE_EVENTS__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var d="storybook/highlight",i="storybookHighlight",g=`${d}/add`,E=`${d}/reset`,{document:l}=O,H=(e="#FF4785",t="dashed")=>`
2
+ outline: 2px ${t} ${e};
3
+ outline-offset: 2px;
4
+ box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
5
+ `,h=s.getChannel(),T=e=>{let t=i;n();let o=Array.from(new Set(e.elements)),_=l.createElement("style");_.setAttribute("id",t),_.innerHTML=o.map(a=>`${a}{
6
+ ${H(e.color,e.style)}
7
+ }`).join(" "),l.head.appendChild(_)},n=()=>{var o;let e=i,t=l.getElementById(e);t&&((o=t.parentNode)==null||o.removeChild(t))};h.on(r,n);h.on(E,n);h.on(g,T);
@@ -0,0 +1 @@
1
+ const{makeDecorator:O,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:l,SELECT_STORY:E}=__STORYBOOK_MODULE_CORE_EVENTS__,{global:L}=__STORYBOOK_MODULE_GLOBAL__;var c="links",{document:s,HTMLElement:v}=L,d=e=>_.getChannel().emit(E,e),i=e=>{let{target:t}=e;if(!(t instanceof v))return;let o=t,{sbKind:a,sbStory:r}=o.dataset;(a||r)&&(e.preventDefault(),d({kind:a,story:r}))},n=!1,m=()=>{n||(n=!0,s.addEventListener("click",i))},k=()=>{n&&(n=!1,s.removeEventListener("click",i))},R=O({name:"withLinks",parameterName:c,wrapper:(e,t)=>(m(),_.getChannel().once(l,k),e(t))}),S=[R];export{S as decorators};
@@ -0,0 +1 @@
1
+ import{r as s}from"./index-DzGJhHoF.js";import{c as l}from"./client-CN6oaCdP.js";var n=new Map;function m(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var a=({callback:e,children:r})=>{let t=s.useRef();return s.useLayoutEffect(()=>{t.current!==e&&(t.current=e,e())},[e]),r};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,r=null;return{promise:new Promise((t,o)=>{e=t,r=o}),resolve:e,reject:r}});var E=async(e,r,t)=>{let o=await c(r,t);if(m()){o.render(e);return}let{promise:u,resolve:i}=Promise.withResolvers();return o.render(s.createElement(a,{callback:i},e)),u},v=(e,r)=>{let t=n.get(e);t&&(t.unmount(),n.delete(e))},c=async(e,r)=>{let t=n.get(e);return t||(t=l.createRoot(e,r),n.set(e,t)),t};export{E as renderElement,v as unmountElement};
@@ -0,0 +1,9 @@
1
+ import{a as l,g as p}from"./index-DzGJhHoF.js";function d(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const s in o)if(s!=="default"&&!(s in t)){const a=Object.getOwnPropertyDescriptor(o,s);a&&Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>o[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var i={exports:{}},n={};/**
2
+ * @license React
3
+ * react-dom-test-utils.production.js
4
+ *
5
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var c;function m(){if(c)return n;c=1;var t=l(),e=!1;return n.act=function(r){return e===!1&&(e=!0,console.error("`ReactDOMTestUtils.act` is deprecated in favor of `React.act`. Import `act` from `react` instead of `react-dom/test-utils`. See https://react.dev/warnings/react-dom-test-utils for more info.")),t.act(r)},n}var u;function g(){return u||(u=1,i.exports=m()),i.exports}var f=g();const U=p(f),R=d({__proto__:null,default:U},[f]);export{R as t};
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:svgjs="http://svgjs.com/svgjs" xmlns:xlink="http://www.w3.org/1999/xlink" width="164" height="164" version="1.1"><svg xmlns="http://www.w3.org/2000/svg" width="164" height="164" fill="none" viewBox="0 0 164 164"><path fill="#FF4785" d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z"/><path fill="#fff" fill-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" clip-rule="evenodd"/></svg><style>@media (prefers-color-scheme:light){:root{filter:none}}</style></svg>