@nayhoo/ui 0.17.0 → 0.19.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 (45) hide show
  1. package/dist/chunk-P3KR7WP5.mjs +8 -0
  2. package/dist/chunk-P3KR7WP5.mjs.map +1 -0
  3. package/dist/chunk-TCGR6PEH.mjs +19 -0
  4. package/dist/chunk-TCGR6PEH.mjs.map +1 -0
  5. package/dist/{chunk-Z6RQ453R.mjs → chunk-VMWZ4AUH.mjs} +1 -1
  6. package/dist/components/accordion.css +79 -0
  7. package/dist/components/accordion.css.map +1 -0
  8. package/dist/components/accordion.d.mts +10 -0
  9. package/dist/components/accordion.d.ts +10 -0
  10. package/dist/components/accordion.js +111 -0
  11. package/dist/components/accordion.js.map +1 -0
  12. package/dist/components/accordion.mjs +72 -0
  13. package/dist/components/accordion.mjs.map +1 -0
  14. package/dist/components/dialog.css +175 -0
  15. package/dist/components/dialog.css.map +1 -1
  16. package/dist/components/dialog.js +10 -6
  17. package/dist/components/dialog.js.map +1 -1
  18. package/dist/components/dialog.mjs +8 -6
  19. package/dist/components/dialog.mjs.map +1 -1
  20. package/dist/components/popover.mjs +1 -1
  21. package/dist/components/text-area.css +96 -0
  22. package/dist/components/text-area.css.map +1 -0
  23. package/dist/components/text-area.d.mts +10 -0
  24. package/dist/components/text-area.d.ts +10 -0
  25. package/dist/components/text-area.js +78 -0
  26. package/dist/components/text-area.js.map +1 -0
  27. package/dist/components/text-area.mjs +27 -0
  28. package/dist/components/text-area.mjs.map +1 -0
  29. package/dist/patterns/index.css +175 -0
  30. package/dist/patterns/index.css.map +1 -1
  31. package/dist/patterns/index.js +10 -6
  32. package/dist/patterns/index.js.map +1 -1
  33. package/dist/patterns/index.mjs +10 -8
  34. package/dist/patterns/index.mjs.map +1 -1
  35. package/dist/text-area.css-cTlj2yii.d.mts +75 -0
  36. package/dist/text-area.css-cTlj2yii.d.ts +75 -0
  37. package/dist/theme/index.css +175 -0
  38. package/dist/theme/index.css.map +1 -1
  39. package/dist/theme/index.d.mts +10 -1
  40. package/dist/theme/index.d.ts +10 -1
  41. package/dist/theme/index.js +35 -6
  42. package/dist/theme/index.js.map +1 -1
  43. package/dist/theme/index.mjs +30 -10
  44. package/package.json +12 -1
  45. /package/dist/{chunk-Z6RQ453R.mjs.map → chunk-VMWZ4AUH.mjs.map} +0 -0
@@ -0,0 +1,8 @@
1
+ // src/theme/recipes/text-area.css.ts
2
+ import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
3
+ var textAreaRecipe = _7a468({ defaultClassName: "text-area_textAreaRecipe__1vg71n60", variantClassNames: { size: { "1": "text-area_textAreaRecipe_size_1__1vg71n61", "2": "text-area_textAreaRecipe_size_2__1vg71n62", "3": "text-area_textAreaRecipe_size_3__1vg71n63" }, error: { true: "text-area_textAreaRecipe_error_true__1vg71n64" }, cursor: { "default": "text-area_textAreaRecipe_cursor_default__1vg71n65", text: "text-area_textAreaRecipe_cursor_text__1vg71n66" }, variant: { outline: "text-area_textAreaRecipe_variant_outline__1vg71n67", ghost: "text-area_textAreaRecipe_variant_ghost__1vg71n68" } }, defaultVariants: { size: "2", variant: "outline" }, compoundVariants: [] });
4
+
5
+ export {
6
+ textAreaRecipe
7
+ };
8
+ //# sourceMappingURL=chunk-P3KR7WP5.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/theme/recipes/text-area.css.ts"],"sourcesContent":["import 'src/theme/recipes/text-area.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWTW/bMAy951d4GAY0wFTE6dq07qnYpcdhOw6DQVu0rVWRDEpO0gz774Pkz6xNnCxdjDgxRb1HPVK0Li1uLANCiN2/B0L4iqkoMY7DVb4I1c0s+DUJAihLBAKVYhQorfB+EgSJJo7E1oLbIgpmtWnDjNgKlUftcKI3biTTyrIMlkI+R4FQBZKwzr4EyoVqpuvKSqEGFCVw7sH8cMMUzmYf3CNbY/IkLLNQskLkhRR5YVmqpaYooDyBi9lHf019aJA+5aQrxVsXS6BMCYTKR9JYB7H5mFdAApRlqloiiTQKLCSVBHIG47wIjdhiFKyQrEhB3k9+Ty7HZY0KvULy4r4MbQV0wZjBJSgr0s/OaNgg3kc3N47DO5XgLZ9n2fRY1ggy29LuSdaRQAlmmvANkLgwkEjkB7VIaw2MBIv1fd6tP3z+Oe2qrwCu1y6NBm0w81dYbl5BeWh+Fj3Oti6VEeLbAXFZT6jIuBlKWwZS6jVyX71aKIvEcIXKmraqjxMl02llvCLdpnDLMFoKHryf+c+xWITAmVby+UyFj2L7zsECE2oFUvAffXns5qXcdN8+O3/VOxJpqu93fa3j/LRISgkpFlpypDqag1sMN/ZLP2Gww/gIq+sBcdiRh83C/V4g4KIyLaV7EizssfPCF1GBrn91gYktGnY98EqnXU9qGo53dIZv3rmHvJsOmieTmPWwJaTIBond8aSdCF51daXIjgn1FLGitpVDZXUmpIyiTJCxzLF5JY9e9ijtvKOdj+VoPliSGFP/qnNO9gnlTI/eYtjNoLZWe/M/8Mr5SFL7AOZjSd11PUWyszK1K9Eo7VVHe/WmmfrUOaeHS3oxQMW9OXrptT9HPfXVWI52XU8R66wc7YpziNY35thS1bfcT/+l3QfvxLLUZMGd0w5FVL+GY44ZVNJ2UV3Xbb95Rzej/4Y0eC23eG7mUWDO2iHdnIjRnELj5jDQ4SzOUbxBatsQjiS8jSEvtOlXcvsiguaY8wcYbtOsWwwAAA==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var textAreaRecipe = _7a468({defaultClassName:'text-area_textAreaRecipe__1vg71n60',variantClassNames:{size:{'1':'text-area_textAreaRecipe_size_1__1vg71n61','2':'text-area_textAreaRecipe_size_2__1vg71n62','3':'text-area_textAreaRecipe_size_3__1vg71n63'},error:{true:'text-area_textAreaRecipe_error_true__1vg71n64'},cursor:{'default':'text-area_textAreaRecipe_cursor_default__1vg71n65',text:'text-area_textAreaRecipe_cursor_text__1vg71n66'},variant:{outline:'text-area_textAreaRecipe_variant_outline__1vg71n67',ghost:'text-area_textAreaRecipe_variant_ghost__1vg71n68'}},defaultVariants:{size:'2',variant:'outline'},compoundVariants:[]});"],"mappings":";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,sCAAqC,mBAAkB,EAAC,MAAK,EAAC,KAAI,6CAA4C,KAAI,6CAA4C,KAAI,4CAA2C,GAAE,OAAM,EAAC,MAAK,gDAA+C,GAAE,QAAO,EAAC,WAAU,qDAAoD,MAAK,iDAAgD,GAAE,SAAQ,EAAC,SAAQ,sDAAqD,OAAM,mDAAkD,EAAC,GAAE,iBAAgB,EAAC,MAAK,KAAI,SAAQ,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;","names":[]}
@@ -0,0 +1,19 @@
1
+ // src/theme/styles/accordion.css.ts
2
+ var accordion = "accordion_accordion__17vdyva0";
3
+ var accordionContent = "accordion_accordionContent__17vdyva5";
4
+ var accordionContentText = "accordion_accordionContentText__17vdyva6";
5
+ var accordionHeader = "accordion_accordionHeader__17vdyva7";
6
+ var accordionItem = "accordion_accordionItem__17vdyva1";
7
+ var accordionTrigger = "accordion_accordionTrigger__17vdyva8";
8
+ var chevron = "accordion_chevron__17vdyva2";
9
+
10
+ export {
11
+ accordion,
12
+ accordionContent,
13
+ accordionContentText,
14
+ accordionHeader,
15
+ accordionItem,
16
+ accordionTrigger,
17
+ chevron
18
+ };
19
+ //# sourceMappingURL=chunk-TCGR6PEH.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/theme/styles/accordion.css.ts"],"sourcesContent":["import 'src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA==';\nexport var accordion = 'accordion_accordion__17vdyva0';\nexport var accordionContent = 'accordion_accordionContent__17vdyva5';\nexport var accordionContentText = 'accordion_accordionContentText__17vdyva6';\nexport var accordionHeader = 'accordion_accordionHeader__17vdyva7';\nexport var accordionItem = 'accordion_accordionItem__17vdyva1';\nexport var accordionTrigger = 'accordion_accordionTrigger__17vdyva8';\nexport var chevron = 'accordion_chevron__17vdyva2';"],"mappings":";AACO,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,UAAU;","names":[]}
@@ -34,4 +34,4 @@ export {
34
34
  dialogHeader,
35
35
  dialogTitle
36
36
  };
37
- //# sourceMappingURL=chunk-Z6RQ453R.mjs.map
37
+ //# sourceMappingURL=chunk-VMWZ4AUH.mjs.map
@@ -0,0 +1,79 @@
1
+ /* vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA== */
2
+ @keyframes accordion_slideDown__17vdyva3 {
3
+ from {
4
+ height: 0;
5
+ }
6
+ to {
7
+ height: var(--radix-accordion-content-height);
8
+ }
9
+ }
10
+ @keyframes accordion_slideUp__17vdyva4 {
11
+ from {
12
+ height: var(--radix-accordion-content-height);
13
+ }
14
+ to {
15
+ height: 0;
16
+ }
17
+ }
18
+ .accordion_accordion__17vdyva0 {
19
+ border-radius: var(--radii-2__19nbe8d2gi);
20
+ width: 300px;
21
+ }
22
+ .accordion_accordionItem__17vdyva1 {
23
+ margin-top: 1px;
24
+ overflow: hidden;
25
+ }
26
+ .accordion_accordionItem__17vdyva1:first-child {
27
+ border-top-left-radius: var(--radii-1__19nbe8d2gh);
28
+ border-top-right-radius: var(--radii-1__19nbe8d2gh);
29
+ margin-top: 0;
30
+ }
31
+ .accordion_accordionItem__17vdyva1:last-child {
32
+ border-bottom-left-radius: var(--radii-1__19nbe8d2gh);
33
+ border-bottom-right-radius: var(--radii-1__19nbe8d2gh);
34
+ }
35
+ .accordion_accordionItem__17vdyva1:focus-within {
36
+ position: relative;
37
+ z-index: 1;
38
+ }
39
+ .accordion_chevron__17vdyva2 {
40
+ transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
41
+ }
42
+ [data-state=open] .accordion_chevron__17vdyva2 {
43
+ transform: rotate(180deg);
44
+ }
45
+ .accordion_accordionContent__17vdyva5 {
46
+ font-size: var(--fontSizes-3__19nbe8db);
47
+ overflow: hidden;
48
+ }
49
+ .accordion_accordionContent__17vdyva5[data-state=open] {
50
+ animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);
51
+ }
52
+ .accordion_accordionContent__17vdyva5[data-state=closed] {
53
+ animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);
54
+ }
55
+ .accordion_accordionContentText__17vdyva6 {
56
+ padding: 15px 20px;
57
+ }
58
+ .accordion_accordionHeader__17vdyva7 {
59
+ all: unset;
60
+ display: flex;
61
+ }
62
+ .accordion_accordionTrigger__17vdyva8 {
63
+ all: unset;
64
+ align-items: center;
65
+ background-color: transparent;
66
+ box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);
67
+ display: flex;
68
+ flex: 1;
69
+ font-family: inherit;
70
+ font-size: var(--fontSizes-3__19nbe8db);
71
+ height: 45px;
72
+ justify-content: space-between;
73
+ line-height: 1;
74
+ padding: 0 20px;
75
+ }
76
+ .accordion_accordionTrigger__17vdyva8:hover {
77
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
78
+ }
79
+ /*# sourceMappingURL=accordion.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA=="],"sourcesContent":["@keyframes accordion_slideDown__17vdyva3 {\n from {\n height: 0;\n }\n to {\n height: var(--radix-accordion-content-height);\n }\n}\n@keyframes accordion_slideUp__17vdyva4 {\n from {\n height: var(--radix-accordion-content-height);\n }\n to {\n height: 0;\n }\n}\n.accordion_accordion__17vdyva0 {\n border-radius: var(--radii-2__19nbe8d2gi);\n width: 300px;\n}\n.accordion_accordionItem__17vdyva1 {\n margin-top: 1px;\n overflow: hidden;\n}\n.accordion_accordionItem__17vdyva1:first-child {\n border-top-left-radius: var(--radii-1__19nbe8d2gh);\n border-top-right-radius: var(--radii-1__19nbe8d2gh);\n margin-top: 0;\n}\n.accordion_accordionItem__17vdyva1:last-child {\n border-bottom-left-radius: var(--radii-1__19nbe8d2gh);\n border-bottom-right-radius: var(--radii-1__19nbe8d2gh);\n}\n.accordion_accordionItem__17vdyva1:focus-within {\n position: relative;\n z-index: 1;\n}\n.accordion_chevron__17vdyva2 {\n transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);\n}\n[data-state=open] .accordion_chevron__17vdyva2 {\n transform: rotate(180deg);\n}\n.accordion_accordionContent__17vdyva5 {\n font-size: var(--fontSizes-3__19nbe8db);\n overflow: hidden;\n}\n.accordion_accordionContent__17vdyva5[data-state=\"open\"] {\n animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);\n}\n.accordion_accordionContent__17vdyva5[data-state=\"closed\"] {\n animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);\n}\n.accordion_accordionContentText__17vdyva6 {\n padding: 15px 20px;\n}\n.accordion_accordionHeader__17vdyva7 {\n all: unset;\n display: flex;\n}\n.accordion_accordionTrigger__17vdyva8 {\n all: unset;\n align-items: center;\n background-color: transparent;\n box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);\n display: flex;\n flex: 1;\n font-family: inherit;\n font-size: var(--fontSizes-3__19nbe8db);\n height: 45px;\n justify-content: space-between;\n line-height: 1;\n padding: 0 20px;\n}\n.accordion_accordionTrigger__17vdyva8:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,YAAQ;AACV;AACA;AACE,YAAQ,IAAI;AACd;AACF;AACA,WAAW;AACT;AACE,YAAQ,IAAI;AACd;AACA;AACE,YAAQ;AACV;AACF;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,SAAO;AACT;AACA,CAAC;AACC,cAAY;AACZ,YAAU;AACZ;AACA,CAJC,iCAIiC;AAChC,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,cAAY;AACd;AACA,CATC,iCASiC;AAChC,6BAA2B,IAAI;AAC/B,8BAA4B,IAAI;AAClC;AACA,CAbC,iCAaiC;AAChC,YAAU;AACV,WAAS;AACX;AACA,CAAC;AACC,cAAY,UAAU,MAAM,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;AAC1D;AACA,CAAC,iBAAiB,CAHjB;AAIC,aAAW,OAAO;AACpB;AACA,CAAC;AACC,aAAW,IAAI;AACf,YAAU;AACZ;AACA,CAJC,oCAIoC,CAAC;AACpC,aAAW,8BAA8B,MAAM,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;AAC7E;AACA,CAPC,oCAOoC,CAAC;AACpC,aAAW,4BAA4B,MAAM,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;AAC3E;AACA,CAAC;AACC,WAAS,KAAK;AAChB;AACA,CAAC;AACC,OAAK;AACL,WAAS;AACX;AACA,CAAC;AACC,OAAK;AACL,eAAa;AACb,oBAAkB;AAClB,cAAY,EAAE,IAAI,EAAE,IAAI;AACxB,WAAS;AACT,QAAM;AACN,eAAa;AACb,aAAW,IAAI;AACf,UAAQ;AACR,mBAAiB;AACjB,eAAa;AACb,WAAS,EAAE;AACb;AACA,CAdC,oCAcoC;AACnC,oBAAkB,IAAI;AACxB;","names":[]}
@@ -0,0 +1,10 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
+
4
+ type AccordionProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
5
+ declare const Accordion: ({ children, ...props }: AccordionProps) => react_jsx_runtime.JSX.Element;
6
+ declare const AccordionContent: ({ children, ...props }: AccordionPrimitive.AccordionContentProps) => react_jsx_runtime.JSX.Element;
7
+ declare const AccordionItem: ({ children, ...props }: AccordionPrimitive.AccordionItemProps) => react_jsx_runtime.JSX.Element;
8
+ declare const AccordionTrigger: ({ children, ...props }: AccordionPrimitive.AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
9
+
10
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
@@ -0,0 +1,10 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
+
4
+ type AccordionProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
5
+ declare const Accordion: ({ children, ...props }: AccordionProps) => react_jsx_runtime.JSX.Element;
6
+ declare const AccordionContent: ({ children, ...props }: AccordionPrimitive.AccordionContentProps) => react_jsx_runtime.JSX.Element;
7
+ declare const AccordionItem: ({ children, ...props }: AccordionPrimitive.AccordionItemProps) => react_jsx_runtime.JSX.Element;
8
+ declare const AccordionTrigger: ({ children, ...props }: AccordionPrimitive.AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
9
+
10
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
@@ -0,0 +1,111 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // src/components/accordion.tsx
31
+ var accordion_exports = {};
32
+ __export(accordion_exports, {
33
+ Accordion: () => Accordion,
34
+ AccordionContent: () => AccordionContent,
35
+ AccordionItem: () => AccordionItem,
36
+ AccordionTrigger: () => AccordionTrigger
37
+ });
38
+ module.exports = __toCommonJS(accordion_exports);
39
+
40
+ // src/theme/styles/accordion.css.ts
41
+ var accordion = "accordion_accordion__17vdyva0";
42
+ var accordionContent = "accordion_accordionContent__17vdyva5";
43
+ var accordionContentText = "accordion_accordionContentText__17vdyva6";
44
+ var accordionHeader = "accordion_accordionHeader__17vdyva7";
45
+ var accordionItem = "accordion_accordionItem__17vdyva1";
46
+ var accordionTrigger = "accordion_accordionTrigger__17vdyva8";
47
+ var chevron = "accordion_chevron__17vdyva2";
48
+
49
+ // src/utils/merge-classes.ts
50
+ function mergeClasses(...classes) {
51
+ return classes.filter((cls) => Boolean(cls)).join(" ");
52
+ }
53
+
54
+ // src/components/accordion.tsx
55
+ var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
56
+ var import_react_icons = require("@radix-ui/react-icons");
57
+ var import_jsx_runtime = require("react/jsx-runtime");
58
+ var Accordion = ({ children, ...props }) => {
59
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
60
+ AccordionPrimitive.Root,
61
+ {
62
+ ...props,
63
+ className: mergeClasses(accordion, props.className),
64
+ children
65
+ }
66
+ );
67
+ };
68
+ var AccordionContent = ({
69
+ children,
70
+ ...props
71
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
72
+ AccordionPrimitive.Content,
73
+ {
74
+ ...props,
75
+ className: mergeClasses(accordionContent, props.className),
76
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: accordionContentText, children })
77
+ }
78
+ );
79
+ var AccordionItem = ({
80
+ children,
81
+ ...props
82
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
83
+ AccordionPrimitive.Item,
84
+ {
85
+ ...props,
86
+ className: mergeClasses(accordionItem, props.className),
87
+ children
88
+ }
89
+ );
90
+ var AccordionTrigger = ({
91
+ children,
92
+ ...props
93
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionPrimitive.Header, { className: accordionHeader, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
94
+ AccordionPrimitive.Trigger,
95
+ {
96
+ ...props,
97
+ className: mergeClasses(accordionTrigger, props.className),
98
+ children: [
99
+ children,
100
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronDownIcon, { "aria-hidden": true, className: chevron })
101
+ ]
102
+ }
103
+ ) });
104
+ // Annotate the CommonJS export names for ESM import in node:
105
+ 0 && (module.exports = {
106
+ Accordion,
107
+ AccordionContent,
108
+ AccordionItem,
109
+ AccordionTrigger
110
+ });
111
+ //# sourceMappingURL=accordion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/accordion.tsx","../../src/theme/styles/accordion.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n accordion,\n accordionContent,\n accordionContentText,\n accordionHeader,\n accordionItem,\n accordionTrigger,\n chevron,\n} from \"@/theme/styles/accordion.css\";\nimport { mergeClasses } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\n\ntype AccordionProps =\n | AccordionPrimitive.AccordionSingleProps\n | AccordionPrimitive.AccordionMultipleProps;\n\nexport const Accordion = ({ children, ...props }: AccordionProps) => {\n return (\n <AccordionPrimitive.Root\n {...props}\n className={mergeClasses(accordion, props.className)}\n >\n {children}\n </AccordionPrimitive.Root>\n );\n};\n\nexport const AccordionContent = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionContentProps) => (\n <AccordionPrimitive.Content\n {...props}\n className={mergeClasses(accordionContent, props.className)}\n >\n <div className={accordionContentText}>{children}</div>\n </AccordionPrimitive.Content>\n);\n\nexport const AccordionItem = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionItemProps) => (\n <AccordionPrimitive.Item\n {...props}\n className={mergeClasses(accordionItem, props.className)}\n >\n {children}\n </AccordionPrimitive.Item>\n);\n\nexport const AccordionTrigger = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionTriggerProps) => (\n <AccordionPrimitive.Header className={accordionHeader}>\n <AccordionPrimitive.Trigger\n {...props}\n className={mergeClasses(accordionTrigger, props.className)}\n >\n {children}\n\n <ChevronDownIcon aria-hidden className={chevron} />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n);\n","import 'src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA==';\nexport var accordion = 'accordion_accordion__17vdyva0';\nexport var accordionContent = 'accordion_accordionContent__17vdyva5';\nexport var accordionContentText = 'accordion_accordionContentText__17vdyva6';\nexport var accordionHeader = 'accordion_accordionHeader__17vdyva7';\nexport var accordionItem = 'accordion_accordionItem__17vdyva1';\nexport var accordionTrigger = 'accordion_accordionTrigger__17vdyva8';\nexport var chevron = 'accordion_chevron__17vdyva2';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,UAAU;;;ACPd,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFQA,yBAAoC;AACpC,yBAAgC;AAQ5B;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAAsB;AACnE,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAEzD,sDAAC,SAAI,WAAW,sBAAuB,UAAS;AAAA;AAClD;AAGK,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,IAErD;AAAA;AACH;AAGK,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE,4CAAoB,2BAAnB,EAA0B,WAAW,iBACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAExD;AAAA;AAAA,MAED,4CAAC,sCAAgB,eAAW,MAAC,WAAW,SAAS;AAAA;AAAA;AACnD,GACF;","names":[]}
@@ -0,0 +1,72 @@
1
+ import {
2
+ accordion,
3
+ accordionContent,
4
+ accordionContentText,
5
+ accordionHeader,
6
+ accordionItem,
7
+ accordionTrigger,
8
+ chevron
9
+ } from "../chunk-TCGR6PEH.mjs";
10
+ import "../chunk-HGLO5LDS.mjs";
11
+ import "../chunk-UPZYS6TE.mjs";
12
+ import {
13
+ mergeClasses
14
+ } from "../chunk-7EGQM3ZL.mjs";
15
+
16
+ // src/components/accordion.tsx
17
+ import * as AccordionPrimitive from "@radix-ui/react-accordion";
18
+ import { ChevronDownIcon } from "@radix-ui/react-icons";
19
+ import { jsx, jsxs } from "react/jsx-runtime";
20
+ var Accordion = ({ children, ...props }) => {
21
+ return /* @__PURE__ */ jsx(
22
+ AccordionPrimitive.Root,
23
+ {
24
+ ...props,
25
+ className: mergeClasses(accordion, props.className),
26
+ children
27
+ }
28
+ );
29
+ };
30
+ var AccordionContent = ({
31
+ children,
32
+ ...props
33
+ }) => /* @__PURE__ */ jsx(
34
+ AccordionPrimitive.Content,
35
+ {
36
+ ...props,
37
+ className: mergeClasses(accordionContent, props.className),
38
+ children: /* @__PURE__ */ jsx("div", { className: accordionContentText, children })
39
+ }
40
+ );
41
+ var AccordionItem = ({
42
+ children,
43
+ ...props
44
+ }) => /* @__PURE__ */ jsx(
45
+ AccordionPrimitive.Item,
46
+ {
47
+ ...props,
48
+ className: mergeClasses(accordionItem, props.className),
49
+ children
50
+ }
51
+ );
52
+ var AccordionTrigger = ({
53
+ children,
54
+ ...props
55
+ }) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: accordionHeader, children: /* @__PURE__ */ jsxs(
56
+ AccordionPrimitive.Trigger,
57
+ {
58
+ ...props,
59
+ className: mergeClasses(accordionTrigger, props.className),
60
+ children: [
61
+ children,
62
+ /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": true, className: chevron })
63
+ ]
64
+ }
65
+ ) });
66
+ export {
67
+ Accordion,
68
+ AccordionContent,
69
+ AccordionItem,
70
+ AccordionTrigger
71
+ };
72
+ //# sourceMappingURL=accordion.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import {\n accordion,\n accordionContent,\n accordionContentText,\n accordionHeader,\n accordionItem,\n accordionTrigger,\n chevron,\n} from \"@/theme/styles/accordion.css\";\nimport { mergeClasses } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\n\ntype AccordionProps =\n | AccordionPrimitive.AccordionSingleProps\n | AccordionPrimitive.AccordionMultipleProps;\n\nexport const Accordion = ({ children, ...props }: AccordionProps) => {\n return (\n <AccordionPrimitive.Root\n {...props}\n className={mergeClasses(accordion, props.className)}\n >\n {children}\n </AccordionPrimitive.Root>\n );\n};\n\nexport const AccordionContent = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionContentProps) => (\n <AccordionPrimitive.Content\n {...props}\n className={mergeClasses(accordionContent, props.className)}\n >\n <div className={accordionContentText}>{children}</div>\n </AccordionPrimitive.Content>\n);\n\nexport const AccordionItem = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionItemProps) => (\n <AccordionPrimitive.Item\n {...props}\n className={mergeClasses(accordionItem, props.className)}\n >\n {children}\n </AccordionPrimitive.Item>\n);\n\nexport const AccordionTrigger = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionTriggerProps) => (\n <AccordionPrimitive.Header className={accordionHeader}>\n <AccordionPrimitive.Trigger\n {...props}\n className={mergeClasses(accordionTrigger, props.className)}\n >\n {children}\n\n <ChevronDownIcon aria-hidden className={chevron} />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAQ5B,cAsCA,YAtCA;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAAsB;AACnE,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAEzD,8BAAC,SAAI,WAAW,sBAAuB,UAAS;AAAA;AAClD;AAGK,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,IAErD;AAAA;AACH;AAGK,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE,oBAAoB,2BAAnB,EAA0B,WAAW,iBACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAExD;AAAA;AAAA,MAED,oBAAC,mBAAgB,eAAW,MAAC,WAAW,SAAS;AAAA;AAAA;AACnD,GACF;","names":[]}
@@ -2420,6 +2420,102 @@
2420
2420
  transform: translateX(18px);
2421
2421
  }
2422
2422
 
2423
+ /* vanilla-extract-css-ns:src/theme/recipes/text-area.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWTW/bMAy951d4GAY0wFTE6dq07qnYpcdhOw6DQVu0rVWRDEpO0gz774Pkz6xNnCxdjDgxRb1HPVK0Li1uLANCiN2/B0L4iqkoMY7DVb4I1c0s+DUJAihLBAKVYhQorfB+EgSJJo7E1oLbIgpmtWnDjNgKlUftcKI3biTTyrIMlkI+R4FQBZKwzr4EyoVqpuvKSqEGFCVw7sH8cMMUzmYf3CNbY/IkLLNQskLkhRR5YVmqpaYooDyBi9lHf019aJA+5aQrxVsXS6BMCYTKR9JYB7H5mFdAApRlqloiiTQKLCSVBHIG47wIjdhiFKyQrEhB3k9+Ty7HZY0KvULy4r4MbQV0wZjBJSgr0s/OaNgg3kc3N47DO5XgLZ9n2fRY1ggy29LuSdaRQAlmmvANkLgwkEjkB7VIaw2MBIv1fd6tP3z+Oe2qrwCu1y6NBm0w81dYbl5BeWh+Fj3Oti6VEeLbAXFZT6jIuBlKWwZS6jVyX71aKIvEcIXKmraqjxMl02llvCLdpnDLMFoKHryf+c+xWITAmVby+UyFj2L7zsECE2oFUvAffXns5qXcdN8+O3/VOxJpqu93fa3j/LRISgkpFlpypDqag1sMN/ZLP2Gww/gIq+sBcdiRh83C/V4g4KIyLaV7EizssfPCF1GBrn91gYktGnY98EqnXU9qGo53dIZv3rmHvJsOmieTmPWwJaTIBond8aSdCF51daXIjgn1FLGitpVDZXUmpIyiTJCxzLF5JY9e9ijtvKOdj+VoPliSGFP/qnNO9gnlTI/eYtjNoLZWe/M/8Mr5SFL7AOZjSd11PUWyszK1K9Eo7VVHe/WmmfrUOaeHS3oxQMW9OXrptT9HPfXVWI52XU8R66wc7YpziNY35thS1bfcT/+l3QfvxLLUZMGd0w5FVL+GY44ZVNJ2UV3Xbb95Rzej/4Y0eC23eG7mUWDO2iHdnIjRnELj5jDQ4SzOUbxBatsQjiS8jSEvtOlXcvsiguaY8wcYbtOsWwwAAA== */
2424
+ .text-area_textAreaRecipe__1vg71n60 {
2425
+ appearance: none;
2426
+ border-width: 0;
2427
+ box-sizing: border-box;
2428
+ font-family: inherit;
2429
+ margin: 0;
2430
+ outline: none;
2431
+ padding: 0;
2432
+ width: 100%;
2433
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2434
+ background-color: transparent;
2435
+ color: inherit;
2436
+ font-variant-numeric: tabular-nums;
2437
+ resize: vertical;
2438
+ }
2439
+ .text-area_textAreaRecipe__1vg71n60:hover {
2440
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
2441
+ }
2442
+ .text-area_textAreaRecipe__1vg71n60::after {
2443
+ box-sizing: border-box;
2444
+ }
2445
+ .text-area_textAreaRecipe__1vg71n60::before {
2446
+ box-sizing: border-box;
2447
+ }
2448
+ .text-area_textAreaRecipe__1vg71n60:disabled {
2449
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
2450
+ box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
2451
+ color: var(--colors-slate-slate8__19nbe8d1yp);
2452
+ cursor: not-allowed;
2453
+ pointer-events: none;
2454
+ }
2455
+ .text-area_textAreaRecipe__1vg71n60:focus {
2456
+ outline: 1px solid #000000;
2457
+ }
2458
+ .text-area_textAreaRecipe__1vg71n60:read-only {
2459
+ background-color: var(--colors-slate-slate2__19nbe8d1yj);
2460
+ }
2461
+ .text-area_textAreaRecipe__1vg71n60[data-invalid] {
2462
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);
2463
+ }
2464
+ .text-area_textAreaRecipe__1vg71n60[data-placeholder] {
2465
+ color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
2466
+ }
2467
+ .text-area_textAreaRecipe_size_1__1vg71n61 {
2468
+ border-radius: var(--radii-1__19nbe8d2gh);
2469
+ height: var(--sizes-5__19nbe8d2gc);
2470
+ font-size: var(--fontSizes-1__19nbe8d9);
2471
+ padding-left: var(--space-2__19nbe8d1);
2472
+ padding-right: var(--space-2__19nbe8d1);
2473
+ line-height: var(--sizes-5__19nbe8d2gc);
2474
+ }
2475
+ .text-area_textAreaRecipe_size_1__1vg71n61:-webkit-autofill::first-line {
2476
+ font-size: var(--fontSizes-1__19nbe8d9);
2477
+ }
2478
+ .text-area_textAreaRecipe_size_2__1vg71n62 {
2479
+ border-radius: var(--radii-2__19nbe8d2gi);
2480
+ font-size: var(--fontSizes-3__19nbe8db);
2481
+ line-height: var(--lineHeights-6__19nbe8d2fv);
2482
+ height: var(--sizes-6__19nbe8d2gd);
2483
+ padding-left: var(--space-3__19nbe8d2);
2484
+ padding-right: var(--space-3__19nbe8d2);
2485
+ }
2486
+ .text-area_textAreaRecipe_size_2__1vg71n62:-webkit-autofill::first-line {
2487
+ font-size: var(--fontSizes-3__19nbe8db);
2488
+ }
2489
+ .text-area_textAreaRecipe_size_3__1vg71n63 {
2490
+ border-radius: var(--radii-2__19nbe8d2gi);
2491
+ font-size: var(--fontSizes-4__19nbe8dc);
2492
+ line-height: var(--sizes-7__19nbe8d2ge);
2493
+ height: var(--sizes-7__19nbe8d2ge);
2494
+ padding-left: var(--space-4__19nbe8d3);
2495
+ padding-right: var(--space-4__19nbe8d3);
2496
+ }
2497
+ .text-area_textAreaRecipe_size_3__1vg71n63:-webkit-autofill::first-line {
2498
+ font-size: var(--fontSizes-4__19nbe8dc);
2499
+ }
2500
+ .text-area_textAreaRecipe_error_true__1vg71n64 {
2501
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;
2502
+ }
2503
+ .text-area_textAreaRecipe_cursor_default__1vg71n65 {
2504
+ cursor: default;
2505
+ }
2506
+ .text-area_textAreaRecipe_cursor_default__1vg71n65:focus {
2507
+ cursor: text;
2508
+ }
2509
+ .text-area_textAreaRecipe_cursor_text__1vg71n66 {
2510
+ cursor: text;
2511
+ }
2512
+ .text-area_textAreaRecipe_variant_outline__1vg71n67 {
2513
+ box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);
2514
+ }
2515
+ .text-area_textAreaRecipe_variant_ghost__1vg71n68 {
2516
+ box-shadow: none;
2517
+ }
2518
+
2423
2519
  /* vanilla-extract-css-ns:src/theme/recipes/text-field.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW247TMBB971cEIaSthFdpy96yTwgJ7SOCR4SiSTxJzLp2ZDttt4h/R3biXNhtk9KlUdN0PD5nfGY88aXBnSEZQ05j+/jZPn3FlJUYxyws6BbC4NcsCKAsERSIFKNASIH3syBIpKKoyJZRU0RBWJt2RLM9E3nkhxO5syOZFIZksGb8KQqYKFAxY+1rUDkTzXRZGc5Ej6IESh2YG26YFmH4zv4lW0wemSEGSlKwvOAsLwxJJZcqClSewEX43l1zFxqkj7mSlaDexSgQugSFwkXSWHuxuZg3oBgIQ0S1RsXSKDCQVByUNej72e/Z5QQNo0JuUDkln8exAXVBiMY1CMPST9aoSS+4Bzs3jhd3IsFbusyy+WTaCDLjeQ+kZipSgplU+BpQlGlIONKjcqS1DJqDwfq+bCVYPP2ct9VWAJVbmzaNJgjdtSh3L6B8bH5uOpx9XRojxLc94rKeUCltZwhpCHAut0hdtUomDCqCGxRG+yqeqEom00o7SdpdYNehJWc0eBu6z2QwhUCJFPzpTI2n0X2nYIAwsQHO6I+uRIapKXftt0vQX1WPSklV3++6isfliaGUHFIsJKeo6nCO7jTcmS/dhN5Go6O0mu0xXnj2RbN0tyMUUFZpz2n/MbLowPPCVVKBtmm1kbE9anLV80rnbSOyg97RGr455w7ybt7rmIRj1sGWkCLp5XbgqQYRvOhqy5FMCfUktSLfwKEyMmOcR1HGlDbE0jkpJ697Au/S8y7HsrTsLYqN6b9qnZNDUlnTg7Noct0rr83BCuh55XQkrV0Ay7G0Dl1P0uysXA01msC78ryrV83Vh9Y5PV7WNz1UPJil516Hs9RRr8ayNHQ9Sa2zsjRU5ziv69CxUVXbeT/8l7YfvGHrUioD9oh2PKT6nRxTzKDixod1Vbf/5n3dDP4jVO8V7QHtzIlo1uyhrk8GaU6hcXM28EA356heA7XtCEez7oPIC6nbtdw+C6E59vwBDpIHZFwMAAA= */
2424
2520
  .text-field_textFieldRecipe__i0hdwa0 {
2425
2521
  appearance: none;
@@ -4001,6 +4097,85 @@
4001
4097
  }
4002
4098
  }
4003
4099
 
4100
+ /* vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA== */
4101
+ @keyframes accordion_slideDown__17vdyva3 {
4102
+ from {
4103
+ height: 0;
4104
+ }
4105
+ to {
4106
+ height: var(--radix-accordion-content-height);
4107
+ }
4108
+ }
4109
+ @keyframes accordion_slideUp__17vdyva4 {
4110
+ from {
4111
+ height: var(--radix-accordion-content-height);
4112
+ }
4113
+ to {
4114
+ height: 0;
4115
+ }
4116
+ }
4117
+ .accordion_accordion__17vdyva0 {
4118
+ border-radius: var(--radii-2__19nbe8d2gi);
4119
+ width: 300px;
4120
+ }
4121
+ .accordion_accordionItem__17vdyva1 {
4122
+ margin-top: 1px;
4123
+ overflow: hidden;
4124
+ }
4125
+ .accordion_accordionItem__17vdyva1:first-child {
4126
+ border-top-left-radius: var(--radii-1__19nbe8d2gh);
4127
+ border-top-right-radius: var(--radii-1__19nbe8d2gh);
4128
+ margin-top: 0;
4129
+ }
4130
+ .accordion_accordionItem__17vdyva1:last-child {
4131
+ border-bottom-left-radius: var(--radii-1__19nbe8d2gh);
4132
+ border-bottom-right-radius: var(--radii-1__19nbe8d2gh);
4133
+ }
4134
+ .accordion_accordionItem__17vdyva1:focus-within {
4135
+ position: relative;
4136
+ z-index: 1;
4137
+ }
4138
+ .accordion_chevron__17vdyva2 {
4139
+ transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
4140
+ }
4141
+ [data-state=open] .accordion_chevron__17vdyva2 {
4142
+ transform: rotate(180deg);
4143
+ }
4144
+ .accordion_accordionContent__17vdyva5 {
4145
+ font-size: var(--fontSizes-3__19nbe8db);
4146
+ overflow: hidden;
4147
+ }
4148
+ .accordion_accordionContent__17vdyva5[data-state=open] {
4149
+ animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);
4150
+ }
4151
+ .accordion_accordionContent__17vdyva5[data-state=closed] {
4152
+ animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);
4153
+ }
4154
+ .accordion_accordionContentText__17vdyva6 {
4155
+ padding: 15px 20px;
4156
+ }
4157
+ .accordion_accordionHeader__17vdyva7 {
4158
+ all: unset;
4159
+ display: flex;
4160
+ }
4161
+ .accordion_accordionTrigger__17vdyva8 {
4162
+ all: unset;
4163
+ align-items: center;
4164
+ background-color: transparent;
4165
+ box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);
4166
+ display: flex;
4167
+ flex: 1;
4168
+ font-family: inherit;
4169
+ font-size: var(--fontSizes-3__19nbe8db);
4170
+ height: 45px;
4171
+ justify-content: space-between;
4172
+ line-height: 1;
4173
+ padding: 0 20px;
4174
+ }
4175
+ .accordion_accordionTrigger__17vdyva8:hover {
4176
+ background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
4177
+ }
4178
+
4004
4179
  /* vanilla-extract-css-ns:src/theme/styles/avatar.css.ts.vanilla.css?source=LmF2YXRhcl9hdmF0YXJJbWFnZV9fbjljc3VjMCB7CiAgZGlzcGxheTogZmxleDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogMTAwJTsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIHdpZHRoOiAxMDAlOwp9 */
4005
4180
  .avatar_avatarImage__n9csuc0 {
4006
4181
  display: flex;