@powerhousedao/builder-tools 0.3.6 → 0.4.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 (82) hide show
  1. package/dist/connect-studio/helpers.d.ts +1 -1
  2. package/dist/connect-studio/helpers.d.ts.map +1 -1
  3. package/dist/connect-studio/hmr.d.ts +1 -11
  4. package/dist/connect-studio/hmr.d.ts.map +1 -1
  5. package/dist/connect-studio/hmr.js +1 -8
  6. package/dist/connect-studio/index.d.ts +1 -1
  7. package/dist/connect-studio/index.d.ts.map +1 -1
  8. package/dist/connect-studio/index.js +1 -1
  9. package/dist/connect-studio/server.d.ts +1 -1
  10. package/dist/connect-studio/server.d.ts.map +1 -1
  11. package/dist/connect-studio/server.js +1 -1
  12. package/dist/connect-studio/studio.d.ts +1 -1
  13. package/dist/connect-studio/studio.d.ts.map +1 -1
  14. package/dist/connect-studio/vite-plugins/base.d.ts +3 -3
  15. package/dist/connect-studio/vite-plugins/base.d.ts.map +1 -1
  16. package/dist/connect-studio/vite-plugins/base.js +2 -2
  17. package/dist/connect-studio/vite-plugins/external-packages.d.ts +2 -2
  18. package/dist/connect-studio/vite-plugins/external-packages.d.ts.map +1 -1
  19. package/dist/connect-studio/vite-plugins/external-packages.js +1 -1
  20. package/dist/connect-studio/vite-plugins/hmr.d.ts +1 -1
  21. package/dist/connect-studio/vite-plugins/hmr.d.ts.map +1 -1
  22. package/dist/connect-studio/vite-plugins/importmap.d.ts +2 -2
  23. package/dist/connect-studio/vite-plugins/importmap.d.ts.map +1 -1
  24. package/dist/connect-studio/vite-plugins/importmap.js +25 -23
  25. package/dist/connect-studio/vite-plugins/studio.d.ts +1 -1
  26. package/dist/connect-studio/vite-plugins/studio.d.ts.map +1 -1
  27. package/dist/connect-studio/vite-plugins/studio.js +15 -1
  28. package/dist/document-model-editor/components/code-editors/graphql-editor.d.ts +1 -1
  29. package/dist/document-model-editor/components/code-editors/graphql-editor.d.ts.map +1 -1
  30. package/dist/document-model-editor/components/code-editors/utils.d.ts +2 -2
  31. package/dist/document-model-editor/components/code-editors/utils.d.ts.map +1 -1
  32. package/dist/document-model-editor/components/code-editors/utils.js +1 -1
  33. package/dist/document-model-editor/components/form.d.ts +2 -2
  34. package/dist/document-model-editor/components/form.d.ts.map +1 -1
  35. package/dist/document-model-editor/components/input.js +1 -1
  36. package/dist/document-model-editor/components/model-metadata-form.d.ts +1 -1
  37. package/dist/document-model-editor/components/model-metadata-form.d.ts.map +1 -1
  38. package/dist/document-model-editor/components/modules.d.ts +1 -1
  39. package/dist/document-model-editor/components/modules.d.ts.map +1 -1
  40. package/dist/document-model-editor/components/operation.d.ts +1 -1
  41. package/dist/document-model-editor/components/operation.d.ts.map +1 -1
  42. package/dist/document-model-editor/components/state-schemas.d.ts +1 -1
  43. package/dist/document-model-editor/components/state-schemas.d.ts.map +1 -1
  44. package/dist/document-model-editor/context/form-context.d.ts +1 -1
  45. package/dist/document-model-editor/context/form-context.d.ts.map +1 -1
  46. package/dist/document-model-editor/document-model-editor.stories.d.ts +1 -1
  47. package/dist/document-model-editor/document-model-editor.stories.d.ts.map +1 -1
  48. package/dist/document-model-editor/editor.d.ts +1 -1
  49. package/dist/document-model-editor/editor.d.ts.map +1 -1
  50. package/dist/document-model-editor/module.d.ts +1 -1
  51. package/dist/document-model-editor/module.d.ts.map +1 -1
  52. package/dist/document-model-editor/types/documents.d.ts +1 -1
  53. package/dist/document-model-editor/types/documents.d.ts.map +1 -1
  54. package/dist/document-model-editor/utils/helpers.d.ts +2 -2
  55. package/dist/document-model-editor/utils/helpers.d.ts.map +1 -1
  56. package/dist/document-model-editor/utils/linting.d.ts +1 -1
  57. package/dist/document-model-editor/utils/linting.d.ts.map +1 -1
  58. package/dist/editor-utils/components/documentEditor.d.ts +1 -1
  59. package/dist/editor-utils/components/documentEditor.d.ts.map +1 -1
  60. package/dist/editor-utils/components/editorToolbar.d.ts +1 -1
  61. package/dist/editor-utils/components/editorToolbar.d.ts.map +1 -1
  62. package/dist/editor-utils/components/editorWorksheet.d.ts +1 -1
  63. package/dist/editor-utils/components/editorWorksheet.d.ts.map +1 -1
  64. package/dist/editor-utils/components/styles.d.ts +1 -1
  65. package/dist/editor-utils/components/styles.d.ts.map +1 -1
  66. package/dist/editor-utils/components/stylesVariant.d.ts +1 -1
  67. package/dist/editor-utils/components/stylesVariant.d.ts.map +1 -1
  68. package/dist/editor-utils/components/textInput.d.ts +1 -1
  69. package/dist/editor-utils/components/textInput.d.ts.map +1 -1
  70. package/dist/editor-utils/components/textInputVariant.d.ts +1 -1
  71. package/dist/editor-utils/components/textInputVariant.d.ts.map +1 -1
  72. package/dist/editor-utils/components/toolbarButton.d.ts +1 -1
  73. package/dist/editor-utils/components/toolbarButton.d.ts.map +1 -1
  74. package/dist/editor-utils/hooks/useEnsInfo.d.ts +1 -1
  75. package/dist/editor-utils/hooks/useEnsInfo.d.ts.map +1 -1
  76. package/dist/editor-utils/hooks/useEnsInfo.js +1 -1
  77. package/dist/editor-utils/storybook.d.ts +2 -2
  78. package/dist/editor-utils/storybook.d.ts.map +1 -1
  79. package/dist/style.css +1661 -0
  80. package/dist/tsconfig.tsbuildinfo +1 -1
  81. package/package.json +9 -8
  82. package/dist/styles.css +0 -786
package/dist/styles.css DELETED
@@ -1,786 +0,0 @@
1
- /*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
2
- @layer theme, base, components, utilities;
3
- @layer theme {
4
- :root, :host {
5
- --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6
- "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
- --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
- "Courier New", monospace;
9
- --color-red-800: oklch(0.444 0.177 26.899);
10
- --color-red-900: oklch(0.396 0.141 25.723);
11
- --color-slate-50: oklch(0.984 0.003 247.858);
12
- --color-gray-50: oklch(0.985 0.002 247.839);
13
- --color-gray-100: oklch(0.967 0.003 264.542);
14
- --color-gray-200: oklch(0.928 0.006 264.531);
15
- --color-gray-400: oklch(0.707 0.022 261.325);
16
- --color-gray-500: oklch(0.551 0.027 264.364);
17
- --color-gray-600: oklch(0.446 0.03 256.802);
18
- --color-gray-700: oklch(0.373 0.034 259.733);
19
- --color-gray-800: oklch(0.278 0.033 256.848);
20
- --color-gray-900: oklch(0.21 0.034 264.665);
21
- --spacing: 0.25rem;
22
- --container-sm: 24rem;
23
- --container-6xl: 72rem;
24
- --text-sm: 0.875rem;
25
- --text-sm--line-height: calc(1.25 / 0.875);
26
- --text-lg: 1.125rem;
27
- --text-lg--line-height: calc(1.75 / 1.125);
28
- --text-xl: 1.25rem;
29
- --text-xl--line-height: calc(1.75 / 1.25);
30
- --font-weight-medium: 500;
31
- --font-weight-semibold: 600;
32
- --font-weight-bold: 700;
33
- --radius-md: 0.375rem;
34
- --radius-lg: 0.5rem;
35
- --radius-xl: 0.75rem;
36
- --radius-3xl: 1.5rem;
37
- --default-transition-duration: 150ms;
38
- --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
39
- --default-font-family: var(--font-sans);
40
- --default-font-feature-settings: var(--font-sans--font-feature-settings);
41
- --default-font-variation-settings: var(
42
- --font-sans--font-variation-settings
43
- );
44
- --default-mono-font-family: var(--font-mono);
45
- --default-mono-font-feature-settings: var(
46
- --font-mono--font-feature-settings
47
- );
48
- --default-mono-font-variation-settings: var(
49
- --font-mono--font-variation-settings
50
- );
51
- }
52
- }
53
- @layer base {
54
- *, ::after, ::before, ::backdrop, ::file-selector-button {
55
- box-sizing: border-box;
56
- margin: 0;
57
- padding: 0;
58
- border: 0 solid;
59
- }
60
- html, :host {
61
- line-height: 1.5;
62
- -webkit-text-size-adjust: 100%;
63
- tab-size: 4;
64
- font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
65
- font-feature-settings: var(--default-font-feature-settings, normal);
66
- font-variation-settings: var( --default-font-variation-settings, normal );
67
- -webkit-tap-highlight-color: transparent;
68
- }
69
- body {
70
- line-height: inherit;
71
- }
72
- hr {
73
- height: 0;
74
- color: inherit;
75
- border-top-width: 1px;
76
- }
77
- abbr:where([title]) {
78
- -webkit-text-decoration: underline dotted;
79
- text-decoration: underline dotted;
80
- }
81
- h1, h2, h3, h4, h5, h6 {
82
- font-size: inherit;
83
- font-weight: inherit;
84
- }
85
- a {
86
- color: inherit;
87
- -webkit-text-decoration: inherit;
88
- text-decoration: inherit;
89
- }
90
- b, strong {
91
- font-weight: bolder;
92
- }
93
- code, kbd, samp, pre {
94
- font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
95
- font-feature-settings: var( --default-mono-font-feature-settings, normal );
96
- font-variation-settings: var( --default-mono-font-variation-settings, normal );
97
- font-size: 1em;
98
- }
99
- small {
100
- font-size: 80%;
101
- }
102
- sub, sup {
103
- font-size: 75%;
104
- line-height: 0;
105
- position: relative;
106
- vertical-align: baseline;
107
- }
108
- sub {
109
- bottom: -0.25em;
110
- }
111
- sup {
112
- top: -0.5em;
113
- }
114
- table {
115
- text-indent: 0;
116
- border-color: inherit;
117
- border-collapse: collapse;
118
- }
119
- :-moz-focusring {
120
- outline: auto;
121
- }
122
- progress {
123
- vertical-align: baseline;
124
- }
125
- summary {
126
- display: list-item;
127
- }
128
- ol, ul, menu {
129
- list-style: none;
130
- }
131
- img, svg, video, canvas, audio, iframe, embed, object {
132
- display: block;
133
- vertical-align: middle;
134
- }
135
- img, video {
136
- max-width: 100%;
137
- height: auto;
138
- }
139
- button, input, select, optgroup, textarea, ::file-selector-button {
140
- font: inherit;
141
- font-feature-settings: inherit;
142
- font-variation-settings: inherit;
143
- letter-spacing: inherit;
144
- color: inherit;
145
- border-radius: 0;
146
- background-color: transparent;
147
- opacity: 1;
148
- }
149
- :where(select:is([multiple], [size])) optgroup {
150
- font-weight: bolder;
151
- }
152
- :where(select:is([multiple], [size])) optgroup option {
153
- padding-inline-start: 20px;
154
- }
155
- ::file-selector-button {
156
- margin-inline-end: 4px;
157
- }
158
- ::placeholder {
159
- opacity: 1;
160
- color: color-mix(in oklab, currentColor 50%, transparent);
161
- }
162
- textarea {
163
- resize: vertical;
164
- }
165
- ::-webkit-search-decoration {
166
- -webkit-appearance: none;
167
- }
168
- ::-webkit-date-and-time-value {
169
- min-height: 1lh;
170
- text-align: inherit;
171
- }
172
- ::-webkit-datetime-edit {
173
- display: inline-flex;
174
- }
175
- ::-webkit-datetime-edit-fields-wrapper {
176
- padding: 0;
177
- }
178
- ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
179
- padding-block: 0;
180
- }
181
- :-moz-ui-invalid {
182
- box-shadow: none;
183
- }
184
- button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
185
- appearance: button;
186
- }
187
- ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
188
- height: auto;
189
- }
190
- [hidden]:where(:not([hidden="until-found"])) {
191
- display: none !important;
192
- }
193
- }
194
- @layer utilities {
195
- .absolute {
196
- position: absolute;
197
- }
198
- .fixed {
199
- position: fixed;
200
- }
201
- .relative {
202
- position: relative;
203
- }
204
- .top-1 {
205
- top: calc(var(--spacing) * 1);
206
- }
207
- .top-8 {
208
- top: calc(var(--spacing) * 8);
209
- }
210
- .right-1 {
211
- right: calc(var(--spacing) * 1);
212
- }
213
- .col-span-1 {
214
- grid-column: span 1 / span 1;
215
- }
216
- .col-span-2 {
217
- grid-column: span 2 / span 2;
218
- }
219
- .mx-auto {
220
- margin-inline: auto;
221
- }
222
- .my-2 {
223
- margin-block: calc(var(--spacing) * 2);
224
- }
225
- .my-4 {
226
- margin-block: calc(var(--spacing) * 4);
227
- }
228
- .my-6 {
229
- margin-block: calc(var(--spacing) * 6);
230
- }
231
- .my-8 {
232
- margin-block: calc(var(--spacing) * 8);
233
- }
234
- .mt-1 {
235
- margin-top: calc(var(--spacing) * 1);
236
- }
237
- .mt-4 {
238
- margin-top: calc(var(--spacing) * 4);
239
- }
240
- .mt-6 {
241
- margin-top: calc(var(--spacing) * 6);
242
- }
243
- .mb-2 {
244
- margin-bottom: calc(var(--spacing) * 2);
245
- }
246
- .mb-6 {
247
- margin-bottom: calc(var(--spacing) * 6);
248
- }
249
- .ml-4 {
250
- margin-left: calc(var(--spacing) * 4);
251
- }
252
- .block {
253
- display: block;
254
- }
255
- .flex {
256
- display: flex;
257
- }
258
- .grid {
259
- display: grid;
260
- }
261
- .hidden {
262
- display: none;
263
- }
264
- .inline-block {
265
- display: inline-block;
266
- }
267
- .table {
268
- display: table;
269
- }
270
- .size-0 {
271
- width: calc(var(--spacing) * 0);
272
- height: calc(var(--spacing) * 0);
273
- }
274
- .size-6 {
275
- width: calc(var(--spacing) * 6);
276
- height: calc(var(--spacing) * 6);
277
- }
278
- .h-1 {
279
- height: calc(var(--spacing) * 1);
280
- }
281
- .h-1\.5 {
282
- height: calc(var(--spacing) * 1.5);
283
- }
284
- .h-9 {
285
- height: calc(var(--spacing) * 9);
286
- }
287
- .h-10 {
288
- height: calc(var(--spacing) * 10);
289
- }
290
- .h-full {
291
- height: 100%;
292
- }
293
- .h-px {
294
- height: 1px;
295
- }
296
- .min-h-0 {
297
- min-height: calc(var(--spacing) * 0);
298
- }
299
- .min-h-10 {
300
- min-height: calc(var(--spacing) * 10);
301
- }
302
- .min-h-dvh {
303
- min-height: 100dvh;
304
- }
305
- .w-1\/2 {
306
- width: calc(1/2 * 100%);
307
- }
308
- .w-fit {
309
- width: fit-content;
310
- }
311
- .w-full {
312
- width: 100%;
313
- }
314
- .max-w-6xl {
315
- max-width: var(--container-6xl);
316
- }
317
- .max-w-sm {
318
- max-width: var(--container-sm);
319
- }
320
- .flex-1 {
321
- flex: 1;
322
- }
323
- .shrink-0 {
324
- flex-shrink: 0;
325
- }
326
- .rotate-0 {
327
- rotate: 0deg;
328
- }
329
- .rotate-180 {
330
- rotate: 180deg;
331
- }
332
- .transform {
333
- transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
334
- }
335
- .resize {
336
- resize: both;
337
- }
338
- .resize-none {
339
- resize: none;
340
- }
341
- .list-disc {
342
- list-style-type: disc;
343
- }
344
- .grid-cols-2 {
345
- grid-template-columns: repeat(2, minmax(0, 1fr));
346
- }
347
- .grid-cols-3 {
348
- grid-template-columns: repeat(3, minmax(0, 1fr));
349
- }
350
- .grid-rows-\[auto\,1fr\] {
351
- grid-template-rows: auto,1fr;
352
- }
353
- .flex-col {
354
- flex-direction: column;
355
- }
356
- .items-center {
357
- align-items: center;
358
- }
359
- .items-end {
360
- align-items: flex-end;
361
- }
362
- .items-start {
363
- align-items: flex-start;
364
- }
365
- .justify-center {
366
- justify-content: center;
367
- }
368
- .gap-2 {
369
- gap: calc(var(--spacing) * 2);
370
- }
371
- .gap-4 {
372
- gap: calc(var(--spacing) * 4);
373
- }
374
- .gap-x-12 {
375
- column-gap: calc(var(--spacing) * 12);
376
- }
377
- .overflow-hidden {
378
- overflow: hidden;
379
- }
380
- .overflow-visible {
381
- overflow: visible;
382
- }
383
- .rounded-3xl {
384
- border-radius: var(--radius-3xl);
385
- }
386
- .rounded-lg {
387
- border-radius: var(--radius-lg);
388
- }
389
- .rounded-md {
390
- border-radius: var(--radius-md);
391
- }
392
- .rounded-xl {
393
- border-radius: var(--radius-xl);
394
- }
395
- .border {
396
- border-style: var(--tw-border-style);
397
- border-width: 1px;
398
- }
399
- .border-none {
400
- --tw-border-style: none;
401
- border-style: none;
402
- }
403
- .border-gray-200 {
404
- border-color: var(--color-gray-200);
405
- }
406
- .border-gray-400 {
407
- border-color: var(--color-gray-400);
408
- }
409
- .bg-gray-50 {
410
- background-color: var(--color-gray-50);
411
- }
412
- .bg-gray-100 {
413
- background-color: var(--color-gray-100);
414
- }
415
- .bg-gray-200 {
416
- background-color: var(--color-gray-200);
417
- }
418
- .bg-slate-50 {
419
- background-color: var(--color-slate-50);
420
- }
421
- .bg-transparent {
422
- background-color: transparent;
423
- }
424
- .p-1 {
425
- padding: calc(var(--spacing) * 1);
426
- }
427
- .p-2 {
428
- padding: calc(var(--spacing) * 2);
429
- }
430
- .p-6 {
431
- padding: calc(var(--spacing) * 6);
432
- }
433
- .px-3 {
434
- padding-inline: calc(var(--spacing) * 3);
435
- }
436
- .px-4 {
437
- padding-inline: calc(var(--spacing) * 4);
438
- }
439
- .py-1 {
440
- padding-block: calc(var(--spacing) * 1);
441
- }
442
- .py-2 {
443
- padding-block: calc(var(--spacing) * 2);
444
- }
445
- .pt-8 {
446
- padding-top: calc(var(--spacing) * 8);
447
- }
448
- .pr-6 {
449
- padding-right: calc(var(--spacing) * 6);
450
- }
451
- .pb-8 {
452
- padding-bottom: calc(var(--spacing) * 8);
453
- }
454
- .pl-0 {
455
- padding-left: calc(var(--spacing) * 0);
456
- }
457
- .text-right {
458
- text-align: right;
459
- }
460
- .text-lg {
461
- font-size: var(--text-lg);
462
- line-height: var(--tw-leading, var(--text-lg--line-height));
463
- }
464
- .text-sm {
465
- font-size: var(--text-sm);
466
- line-height: var(--tw-leading, var(--text-sm--line-height));
467
- }
468
- .text-xl {
469
- font-size: var(--text-xl);
470
- line-height: var(--tw-leading, var(--text-xl--line-height));
471
- }
472
- .text-\[0\.8rem\] {
473
- font-size: 0.8rem;
474
- }
475
- .leading-none {
476
- --tw-leading: 1;
477
- line-height: 1;
478
- }
479
- .font-bold {
480
- --tw-font-weight: var(--font-weight-bold);
481
- font-weight: var(--font-weight-bold);
482
- }
483
- .font-medium {
484
- --tw-font-weight: var(--font-weight-medium);
485
- font-weight: var(--font-weight-medium);
486
- }
487
- .font-semibold {
488
- --tw-font-weight: var(--font-weight-semibold);
489
- font-weight: var(--font-weight-semibold);
490
- }
491
- .whitespace-nowrap {
492
- white-space: nowrap;
493
- }
494
- .text-gray-500 {
495
- color: var(--color-gray-500);
496
- }
497
- .text-gray-600 {
498
- color: var(--color-gray-600);
499
- }
500
- .text-gray-700 {
501
- color: var(--color-gray-700);
502
- }
503
- .text-gray-800 {
504
- color: var(--color-gray-800);
505
- }
506
- .text-gray-900 {
507
- color: var(--color-gray-900);
508
- }
509
- .text-red-800 {
510
- color: var(--color-red-800);
511
- }
512
- .text-red-900 {
513
- color: var(--color-red-900);
514
- }
515
- .capitalize {
516
- text-transform: capitalize;
517
- }
518
- .lowercase {
519
- text-transform: lowercase;
520
- }
521
- .uppercase {
522
- text-transform: uppercase;
523
- }
524
- .shadow {
525
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
526
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
527
- }
528
- .shadow-\[inset_0px_0px_2px_rgba\(255\,255\,255\,0\.50\)\] {
529
- --tw-shadow: inset 0px 0px 2px var(--tw-shadow-color, rgba(255,255,255,0.50));
530
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
531
- }
532
- .outline {
533
- outline-style: var(--tw-outline-style);
534
- outline-width: 1px;
535
- }
536
- .blur {
537
- --tw-blur: blur(8px);
538
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
539
- }
540
- .filter {
541
- filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
542
- }
543
- .transition-all {
544
- transition-property: all;
545
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
546
- transition-duration: var(--tw-duration, var(--default-transition-duration));
547
- }
548
- .transition-colors {
549
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
550
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
551
- transition-duration: var(--tw-duration, var(--default-transition-duration));
552
- }
553
- .transition-transform {
554
- transition-property: transform, translate, scale, rotate;
555
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
556
- transition-duration: var(--tw-duration, var(--default-transition-duration));
557
- }
558
- .peer-disabled\:cursor-not-allowed {
559
- &:is(:where(.peer):disabled ~ *) {
560
- cursor: not-allowed;
561
- }
562
- }
563
- .peer-disabled\:opacity-70 {
564
- &:is(:where(.peer):disabled ~ *) {
565
- opacity: 70%;
566
- }
567
- }
568
- .placeholder\:text-gray-600 {
569
- &::placeholder {
570
- color: var(--color-gray-600);
571
- }
572
- }
573
- .hover\:bg-gray-100 {
574
- &:hover {
575
- @media (hover: hover) {
576
- background-color: var(--color-gray-100);
577
- }
578
- }
579
- }
580
- .hover\:text-gray-500 {
581
- &:hover {
582
- @media (hover: hover) {
583
- color: var(--color-gray-500);
584
- }
585
- }
586
- }
587
- .hover\:text-gray-900 {
588
- &:hover {
589
- @media (hover: hover) {
590
- color: var(--color-gray-900);
591
- }
592
- }
593
- }
594
- .focus-visible\:bg-gray-200 {
595
- &:focus-visible {
596
- background-color: var(--color-gray-200);
597
- }
598
- }
599
- .focus-visible\:ring-2 {
600
- &:focus-visible {
601
- --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
602
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
603
- }
604
- }
605
- .focus-visible\:ring-offset-2 {
606
- &:focus-visible {
607
- --tw-ring-offset-width: 2px;
608
- --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
609
- }
610
- }
611
- .focus-visible\:outline-none {
612
- &:focus-visible {
613
- --tw-outline-style: none;
614
- outline-style: none;
615
- }
616
- }
617
- .disabled\:pointer-events-none {
618
- &:disabled {
619
- pointer-events: none;
620
- }
621
- }
622
- .disabled\:cursor-not-allowed {
623
- &:disabled {
624
- cursor: not-allowed;
625
- }
626
- }
627
- .disabled\:opacity-50 {
628
- &:disabled {
629
- opacity: 50%;
630
- }
631
- }
632
- .data-\[state\=active\]\:bg-gray-50 {
633
- &[data-state="active"] {
634
- background-color: var(--color-gray-50);
635
- }
636
- }
637
- .data-\[state\=active\]\:text-gray-800 {
638
- &[data-state="active"] {
639
- color: var(--color-gray-800);
640
- }
641
- }
642
- .data-\[state\=active\]\:shadow-\[0px_16px_16px_-4px_rgba\(0\,0\,0\,0\.10\)\] {
643
- &[data-state="active"] {
644
- --tw-shadow: 0px 16px 16px -4px var(--tw-shadow-color, rgba(0,0,0,0.10));
645
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
646
- }
647
- }
648
- }
649
- @property --tw-rotate-x {
650
- syntax: "*";
651
- inherits: false;
652
- initial-value: rotateX(0);
653
- }
654
- @property --tw-rotate-y {
655
- syntax: "*";
656
- inherits: false;
657
- initial-value: rotateY(0);
658
- }
659
- @property --tw-rotate-z {
660
- syntax: "*";
661
- inherits: false;
662
- initial-value: rotateZ(0);
663
- }
664
- @property --tw-skew-x {
665
- syntax: "*";
666
- inherits: false;
667
- initial-value: skewX(0);
668
- }
669
- @property --tw-skew-y {
670
- syntax: "*";
671
- inherits: false;
672
- initial-value: skewY(0);
673
- }
674
- @property --tw-border-style {
675
- syntax: "*";
676
- inherits: false;
677
- initial-value: solid;
678
- }
679
- @property --tw-leading {
680
- syntax: "*";
681
- inherits: false;
682
- }
683
- @property --tw-font-weight {
684
- syntax: "*";
685
- inherits: false;
686
- }
687
- @property --tw-shadow {
688
- syntax: "*";
689
- inherits: false;
690
- initial-value: 0 0 #0000;
691
- }
692
- @property --tw-shadow-color {
693
- syntax: "*";
694
- inherits: false;
695
- }
696
- @property --tw-inset-shadow {
697
- syntax: "*";
698
- inherits: false;
699
- initial-value: 0 0 #0000;
700
- }
701
- @property --tw-inset-shadow-color {
702
- syntax: "*";
703
- inherits: false;
704
- }
705
- @property --tw-ring-color {
706
- syntax: "*";
707
- inherits: false;
708
- }
709
- @property --tw-ring-shadow {
710
- syntax: "*";
711
- inherits: false;
712
- initial-value: 0 0 #0000;
713
- }
714
- @property --tw-inset-ring-color {
715
- syntax: "*";
716
- inherits: false;
717
- }
718
- @property --tw-inset-ring-shadow {
719
- syntax: "*";
720
- inherits: false;
721
- initial-value: 0 0 #0000;
722
- }
723
- @property --tw-ring-inset {
724
- syntax: "*";
725
- inherits: false;
726
- }
727
- @property --tw-ring-offset-width {
728
- syntax: "<length>";
729
- inherits: false;
730
- initial-value: 0px;
731
- }
732
- @property --tw-ring-offset-color {
733
- syntax: "*";
734
- inherits: false;
735
- initial-value: #fff;
736
- }
737
- @property --tw-ring-offset-shadow {
738
- syntax: "*";
739
- inherits: false;
740
- initial-value: 0 0 #0000;
741
- }
742
- @property --tw-outline-style {
743
- syntax: "*";
744
- inherits: false;
745
- initial-value: solid;
746
- }
747
- @property --tw-blur {
748
- syntax: "*";
749
- inherits: false;
750
- }
751
- @property --tw-brightness {
752
- syntax: "*";
753
- inherits: false;
754
- }
755
- @property --tw-contrast {
756
- syntax: "*";
757
- inherits: false;
758
- }
759
- @property --tw-grayscale {
760
- syntax: "*";
761
- inherits: false;
762
- }
763
- @property --tw-hue-rotate {
764
- syntax: "*";
765
- inherits: false;
766
- }
767
- @property --tw-invert {
768
- syntax: "*";
769
- inherits: false;
770
- }
771
- @property --tw-opacity {
772
- syntax: "*";
773
- inherits: false;
774
- }
775
- @property --tw-saturate {
776
- syntax: "*";
777
- inherits: false;
778
- }
779
- @property --tw-sepia {
780
- syntax: "*";
781
- inherits: false;
782
- }
783
- @property --tw-drop-shadow {
784
- syntax: "*";
785
- inherits: false;
786
- }