@nayhoo/ui 0.17.0 → 0.19.0

package/dist/components/dialog.mjs

@@ -5,16 +5,18 @@ import {
   dialogHeader,
   dialogOverlayRecipe,
   dialogTitle
-} from "../chunk-Z6RQ453R.mjs";
+} from "../chunk-VMWZ4AUH.mjs";
+import "../chunk-Y6BNWBLR.mjs";
 import "../chunk-O62XWWJU.mjs";
+import "../chunk-P3OUEGR4.mjs";
 import "../chunk-KH7OG63I.mjs";
 import "../chunk-C4NLMHMQ.mjs";
+import "../chunk-P3KR7WP5.mjs";
 import "../chunk-DXKT5AFF.mjs";
-import "../chunk-Y6BNWBLR.mjs";
+import "../chunk-DOHVBMXO.mjs";
 import "../chunk-NOIOHUNH.mjs";
 import "../chunk-JGZLOTH3.mjs";
-import "../chunk-HGLO5LDS.mjs";
-import "../chunk-P3OUEGR4.mjs";
+import "../chunk-PUW3KNR3.mjs";
 import "../chunk-5WJ4KGIE.mjs";
 import "../chunk-WUVNL3DI.mjs";
 import {
@@ -25,7 +27,8 @@ import "../chunk-AXOHCT5Q.mjs";
 import "../chunk-KE7EIF6L.mjs";
 import "../chunk-JZBPCPSP.mjs";
 import "../chunk-HNVVD3WS.mjs";
-import "../chunk-DOHVBMXO.mjs";
+import "../chunk-TCGR6PEH.mjs";
+import "../chunk-HGLO5LDS.mjs";
 import "../chunk-P2VEMZGS.mjs";
 import "../chunk-EXKRRQYL.mjs";
 import {
@@ -41,7 +44,6 @@ import "../chunk-47YGQSLM.mjs";
 import "../chunk-6RSPMV3B.mjs";
 import "../chunk-IFN22XIN.mjs";
 import "../chunk-5ZOT2LOO.mjs";
-import "../chunk-PUW3KNR3.mjs";
 import {
   extractVariantsFromProps
 } from "../chunk-UPZYS6TE.mjs";

package/dist/components/dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport { theme } from \"@/theme\";\nimport {\n  DialogContentVariants,\n  dialogContentRecipe,\n  dialogOverlayRecipe,\n} from \"@/theme/recipes/dialog.css\";\nimport {\n  dialogDescription,\n  dialogFooter,\n  dialogHeader,\n  dialogTitle,\n} from \"@/theme/styles/dialog.css\";\nimport { extractVariantsFromProps, mergeClasses } from \"@/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\nexport type DialogProps = DialogPrimitive.DialogProps;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/dialog.fixture.tsx\n */\nexport const Dialog = DialogPrimitive.Root;\n\nexport type DialogCloseProps = DialogPrimitive.DialogCloseProps;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport type DialogContentProps = DialogPrimitive.DialogContentProps &\n  DialogContentVariants & {\n    components?: { Footer?: React.ReactNode; Header?: React.ReactNode };\n    disableOverlayBlur?: boolean;\n  };\n\nexport const DialogContent = ({\n  children,\n  components,\n  disableOverlayBlur = false,\n  ...props\n}: DialogContentProps) => {\n  const dialogOverlay = dialogOverlayRecipe({ disableOverlayBlur });\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...dialogContentRecipe.variants(),\n  );\n  const dialogContent = dialogContentRecipe(variants);\n\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className={dialogOverlay} />\n      <DialogPrimitive.Content\n        {...rest}\n        className={mergeClasses(dialogContent, rest.className)}\n      >\n        {components?.Header}\n\n        <Box style={{ padding: theme.space[5] }}>{children}</Box>\n\n        {components?.Footer}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n};\n\nexport type DialogDescriptionProps = DialogPrimitive.DialogDescriptionProps;\n\nexport const DialogDescription = ({ ...props }: DialogDescriptionProps) => {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={mergeClasses(dialogDescription, props.className)}\n    />\n  );\n};\n\nexport type DialogFooterProps = { children: React.ReactNode };\n\nexport const DialogFooter = ({ children }: DialogFooterProps) => {\n  return (\n    <Flex\n      className={dialogFooter}\n      direction={{ initial: \"column\", sm: \"row\" }}\n      gap=\"2\"\n      justify=\"end\"\n    >\n      {children}\n    </Flex>\n  );\n};\n\nexport type DialogHeaderProps = { children: React.ReactNode };\n\nexport const DialogHeader = ({ children }: DialogHeaderProps) => {\n  return <Flex className={dialogHeader}>{children}</Flex>;\n};\n\nexport type DialogTitleProps = DialogPrimitive.DialogTitleProps;\n\nexport const DialogTitle = ({ ...props }: DialogTitleProps) => {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      className={mergeClasses(dialogTitle, props.className)}\n    />\n  );\n};\n\nexport type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,YAAY,qBAAqB;AAkC3B,cACA,YADA;AA3BC,IAAM,SAAyB;AAI/B,IAAM,cAA8B;AAQpC,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA0B;AACxB,QAAM,gBAAgB,oBAAoB,EAAE,mBAAmB,CAAC;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,oBAAoB,SAAS;AAAA,EAClC;AACA,QAAM,gBAAgB,oBAAoB,QAAQ;AAElD,SACE,qBAAiB,wBAAhB,EACC;AAAA,wBAAiB,yBAAhB,EAAwB,WAAW,eAAe;AAAA,IACnD;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,aAAa,eAAe,KAAK,SAAS;AAAA,QAEpD;AAAA,sBAAY;AAAA,UAEb,oBAAC,OAAI,OAAO,EAAE,SAAS,MAAM,MAAM,CAAC,EAAE,GAAI,UAAS;AAAA,UAElD,YAAY;AAAA;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;AAIO,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,mBAAmB,MAAM,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,KAAI;AAAA,MACJ,SAAQ;AAAA,MAEP;AAAA;AAAA,EACH;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SAAO,oBAAC,QAAK,WAAW,cAAe,UAAS;AAClD;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,gBAAgC;","names":[]}
+{"version":3,"sources":["../../src/components/dialog.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Flex } from \"@/components/flex\";\nimport { theme } from \"@/theme\";\nimport {\n  DialogContentVariants,\n  dialogContentRecipe,\n  dialogOverlayRecipe,\n} from \"@/theme/recipes/dialog.css\";\nimport {\n  dialogDescription,\n  dialogFooter,\n  dialogHeader,\n  dialogTitle,\n} from \"@/theme/styles/dialog.css\";\nimport { extractVariantsFromProps, mergeClasses } from \"@/utils\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\n\nexport type DialogProps = DialogPrimitive.DialogProps;\n\n/**\n * @see https://github.com/nayhoo/ui/blob/main/apps/react-cosmos/src/dialog.fixture.tsx\n */\nexport const Dialog = DialogPrimitive.Root;\n\nexport type DialogCloseProps = DialogPrimitive.DialogCloseProps;\n\nexport const DialogClose = DialogPrimitive.Close;\n\nexport type DialogContentProps = DialogPrimitive.DialogContentProps &\n  DialogContentVariants & {\n    components?: { Footer?: React.ReactNode; Header?: React.ReactNode };\n    disableOverlayBlur?: boolean;\n  };\n\nexport const DialogContent = ({\n  children,\n  components,\n  disableOverlayBlur = false,\n  ...props\n}: DialogContentProps) => {\n  const dialogOverlay = dialogOverlayRecipe({ disableOverlayBlur });\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...dialogContentRecipe.variants(),\n  );\n  const dialogContent = dialogContentRecipe(variants);\n\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay className={dialogOverlay} />\n      <DialogPrimitive.Content\n        {...rest}\n        className={mergeClasses(dialogContent, rest.className)}\n      >\n        {components?.Header}\n\n        <Box style={{ padding: theme.space[5] }}>{children}</Box>\n\n        {components?.Footer}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n};\n\nexport type DialogDescriptionProps = DialogPrimitive.DialogDescriptionProps;\n\nexport const DialogDescription = ({ ...props }: DialogDescriptionProps) => {\n  return (\n    <DialogPrimitive.Description\n      {...props}\n      className={mergeClasses(dialogDescription, props.className)}\n    />\n  );\n};\n\nexport type DialogFooterProps = { children: React.ReactNode };\n\nexport const DialogFooter = ({ children }: DialogFooterProps) => {\n  return (\n    <Flex\n      className={dialogFooter}\n      direction={{ initial: \"column\", sm: \"row\" }}\n      gap=\"2\"\n      justify=\"end\"\n    >\n      {children}\n    </Flex>\n  );\n};\n\nexport type DialogHeaderProps = { children: React.ReactNode };\n\nexport const DialogHeader = ({ children }: DialogHeaderProps) => {\n  return <Flex className={dialogHeader}>{children}</Flex>;\n};\n\nexport type DialogTitleProps = DialogPrimitive.DialogTitleProps;\n\nexport const DialogTitle = ({ ...props }: DialogTitleProps) => {\n  return (\n    <DialogPrimitive.Title\n      {...props}\n      className={mergeClasses(dialogTitle, props.className)}\n    />\n  );\n};\n\nexport type DialogTriggerProps = DialogPrimitive.DialogTriggerProps;\n\nexport const DialogTrigger = DialogPrimitive.Trigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,YAAY,qBAAqB;AAkC3B,cACA,YADA;AA3BC,IAAM,SAAyB;AAI/B,IAAM,cAA8B;AAQpC,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,GAAG;AACL,MAA0B;AACxB,QAAM,gBAAgB,oBAAoB,EAAE,mBAAmB,CAAC;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,oBAAoB,SAAS;AAAA,EAClC;AACA,QAAM,gBAAgB,oBAAoB,QAAQ;AAElD,SACE,qBAAiB,wBAAhB,EACC;AAAA,wBAAiB,yBAAhB,EAAwB,WAAW,eAAe;AAAA,IACnD;AAAA,MAAiB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,aAAa,eAAe,KAAK,SAAS;AAAA,QAEpD;AAAA,sBAAY;AAAA,UAEb,oBAAC,OAAI,OAAO,EAAE,SAAS,MAAM,MAAM,CAAC,EAAE,GAAI,UAAS;AAAA,UAElD,YAAY;AAAA;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;AAIO,IAAM,oBAAoB,CAAC,EAAE,GAAG,MAAM,MAA8B;AACzE,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,mBAAmB,MAAM,SAAS;AAAA;AAAA,EAC5D;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,WAAW,EAAE,SAAS,UAAU,IAAI,MAAM;AAAA,MAC1C,KAAI;AAAA,MACJ,SAAQ;AAAA,MAEP;AAAA;AAAA,EACH;AAEJ;AAIO,IAAM,eAAe,CAAC,EAAE,SAAS,MAAyB;AAC/D,SAAO,oBAAC,QAAK,WAAW,cAAe,UAAS;AAClD;AAIO,IAAM,cAAc,CAAC,EAAE,GAAG,MAAM,MAAwB;AAC7D,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,aAAa,MAAM,SAAS;AAAA;AAAA,EACtD;AAEJ;AAIO,IAAM,gBAAgC;","names":[]}

package/dist/components/popover.mjs

@@ -1,10 +1,10 @@
-import "../chunk-HGLO5LDS.mjs";
 import {
   menu
 } from "../chunk-5WJ4KGIE.mjs";
 import {
   panel
 } from "../chunk-WUVNL3DI.mjs";
+import "../chunk-HGLO5LDS.mjs";
 import "../chunk-IFN22XIN.mjs";
 import "../chunk-UPZYS6TE.mjs";
 import {

package/dist/components/text-area.css

@@ -0,0 +1,96 @@
+/* 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== */
+.text-area_textAreaRecipe__1vg71n60 {
+  appearance: none;
+  border-width: 0;
+  box-sizing: border-box;
+  font-family: inherit;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  width: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: transparent;
+  color: inherit;
+  font-variant-numeric: tabular-nums;
+  resize: vertical;
+}
+.text-area_textAreaRecipe__1vg71n60:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+.text-area_textAreaRecipe__1vg71n60::after {
+  box-sizing: border-box;
+}
+.text-area_textAreaRecipe__1vg71n60::before {
+  box-sizing: border-box;
+}
+.text-area_textAreaRecipe__1vg71n60:disabled {
+  background-color: var(--colors-slate-slate2__19nbe8d1yj);
+  box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
+  color: var(--colors-slate-slate8__19nbe8d1yp);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.text-area_textAreaRecipe__1vg71n60:focus {
+  outline: 1px solid #000000;
+}
+.text-area_textAreaRecipe__1vg71n60:read-only {
+  background-color: var(--colors-slate-slate2__19nbe8d1yj);
+}
+.text-area_textAreaRecipe__1vg71n60[data-invalid] {
+  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);
+}
+.text-area_textAreaRecipe__1vg71n60[data-placeholder] {
+  color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
+}
+.text-area_textAreaRecipe_size_1__1vg71n61 {
+  border-radius: var(--radii-1__19nbe8d2gh);
+  height: var(--sizes-5__19nbe8d2gc);
+  font-size: var(--fontSizes-1__19nbe8d9);
+  padding-left: var(--space-2__19nbe8d1);
+  padding-right: var(--space-2__19nbe8d1);
+  line-height: var(--sizes-5__19nbe8d2gc);
+}
+.text-area_textAreaRecipe_size_1__1vg71n61:-webkit-autofill::first-line {
+  font-size: var(--fontSizes-1__19nbe8d9);
+}
+.text-area_textAreaRecipe_size_2__1vg71n62 {
+  border-radius: var(--radii-2__19nbe8d2gi);
+  font-size: var(--fontSizes-3__19nbe8db);
+  line-height: var(--lineHeights-6__19nbe8d2fv);
+  height: var(--sizes-6__19nbe8d2gd);
+  padding-left: var(--space-3__19nbe8d2);
+  padding-right: var(--space-3__19nbe8d2);
+}
+.text-area_textAreaRecipe_size_2__1vg71n62:-webkit-autofill::first-line {
+  font-size: var(--fontSizes-3__19nbe8db);
+}
+.text-area_textAreaRecipe_size_3__1vg71n63 {
+  border-radius: var(--radii-2__19nbe8d2gi);
+  font-size: var(--fontSizes-4__19nbe8dc);
+  line-height: var(--sizes-7__19nbe8d2ge);
+  height: var(--sizes-7__19nbe8d2ge);
+  padding-left: var(--space-4__19nbe8d3);
+  padding-right: var(--space-4__19nbe8d3);
+}
+.text-area_textAreaRecipe_size_3__1vg71n63:-webkit-autofill::first-line {
+  font-size: var(--fontSizes-4__19nbe8dc);
+}
+.text-area_textAreaRecipe_error_true__1vg71n64 {
+  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;
+}
+.text-area_textAreaRecipe_cursor_default__1vg71n65 {
+  cursor: default;
+}
+.text-area_textAreaRecipe_cursor_default__1vg71n65:focus {
+  cursor: text;
+}
+.text-area_textAreaRecipe_cursor_text__1vg71n66 {
+  cursor: text;
+}
+.text-area_textAreaRecipe_variant_outline__1vg71n67 {
+  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);
+}
+.text-area_textAreaRecipe_variant_ghost__1vg71n68 {
+  box-shadow: none;
+}
+/*# sourceMappingURL=text-area.css.map */

package/dist/components/text-area.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["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=="],"sourcesContent":[".text-area_textAreaRecipe__1vg71n60 {\n  appearance: none;\n  border-width: 0;\n  box-sizing: border-box;\n  font-family: inherit;\n  margin: 0;\n  outline: none;\n  padding: 0;\n  width: 100%;\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\n  background-color: transparent;\n  color: inherit;\n  font-variant-numeric: tabular-nums;\n  resize: vertical;\n}\n.text-area_textAreaRecipe__1vg71n60:hover {\n  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}\n.text-area_textAreaRecipe__1vg71n60::after {\n  box-sizing: border-box;\n}\n.text-area_textAreaRecipe__1vg71n60::before {\n  box-sizing: border-box;\n}\n.text-area_textAreaRecipe__1vg71n60:disabled {\n  background-color: var(--colors-slate-slate2__19nbe8d1yj);\n  box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);\n  color: var(--colors-slate-slate8__19nbe8d1yp);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.text-area_textAreaRecipe__1vg71n60:focus {\n  outline: 1px solid #000000;\n}\n.text-area_textAreaRecipe__1vg71n60:read-only {\n  background-color: var(--colors-slate-slate2__19nbe8d1yj);\n}\n.text-area_textAreaRecipe__1vg71n60[data-invalid] {\n  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);\n}\n.text-area_textAreaRecipe__1vg71n60[data-placeholder] {\n  color: var(--semanticColors-textPlaceholder__19nbe8d2fd);\n}\n.text-area_textAreaRecipe_size_1__1vg71n61 {\n  border-radius: var(--radii-1__19nbe8d2gh);\n  height: var(--sizes-5__19nbe8d2gc);\n  font-size: var(--fontSizes-1__19nbe8d9);\n  padding-left: var(--space-2__19nbe8d1);\n  padding-right: var(--space-2__19nbe8d1);\n  line-height: var(--sizes-5__19nbe8d2gc);\n}\n.text-area_textAreaRecipe_size_1__1vg71n61:-webkit-autofill::first-line {\n  font-size: var(--fontSizes-1__19nbe8d9);\n}\n.text-area_textAreaRecipe_size_2__1vg71n62 {\n  border-radius: var(--radii-2__19nbe8d2gi);\n  font-size: var(--fontSizes-3__19nbe8db);\n  line-height: var(--lineHeights-6__19nbe8d2fv);\n  height: var(--sizes-6__19nbe8d2gd);\n  padding-left: var(--space-3__19nbe8d2);\n  padding-right: var(--space-3__19nbe8d2);\n}\n.text-area_textAreaRecipe_size_2__1vg71n62:-webkit-autofill::first-line {\n  font-size: var(--fontSizes-3__19nbe8db);\n}\n.text-area_textAreaRecipe_size_3__1vg71n63 {\n  border-radius: var(--radii-2__19nbe8d2gi);\n  font-size: var(--fontSizes-4__19nbe8dc);\n  line-height: var(--sizes-7__19nbe8d2ge);\n  height: var(--sizes-7__19nbe8d2ge);\n  padding-left: var(--space-4__19nbe8d3);\n  padding-right: var(--space-4__19nbe8d3);\n}\n.text-area_textAreaRecipe_size_3__1vg71n63:-webkit-autofill::first-line {\n  font-size: var(--fontSizes-4__19nbe8dc);\n}\n.text-area_textAreaRecipe_error_true__1vg71n64 {\n  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;\n}\n.text-area_textAreaRecipe_cursor_default__1vg71n65 {\n  cursor: default;\n}\n.text-area_textAreaRecipe_cursor_default__1vg71n65:focus {\n  cursor: text;\n}\n.text-area_textAreaRecipe_cursor_text__1vg71n66 {\n  cursor: text;\n}\n.text-area_textAreaRecipe_variant_outline__1vg71n67 {\n  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);\n}\n.text-area_textAreaRecipe_variant_ghost__1vg71n68 {\n  box-shadow: none;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,gBAAc;AACd,cAAY;AACZ,eAAa;AACb,UAAQ;AACR,WAAS;AACT,WAAS;AACT,SAAO;AACP,+BAA6B,KAAK,CAAC,EAAC,CAAC,EAAC,CAAC,EAAC;AACxC,oBAAkB;AAClB,SAAO;AACP,wBAAsB;AACtB,UAAQ;AACV;AACA,CAfC,kCAekC;AACjC,oBAAkB,IAAI;AACxB;AACA,CAlBC,kCAkBkC;AACjC,cAAY;AACd;AACA,CArBC,kCAqBkC;AACjC,cAAY;AACd;AACA,CAxBC,kCAwBkC;AACjC,oBAAkB,IAAI;AACtB,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI;AAChC,SAAO,IAAI;AACX,UAAQ;AACR,kBAAgB;AAClB;AACA,CA/BC,kCA+BkC;AACjC,WAAS,IAAI,MAAM;AACrB;AACA,CAlCC,kCAkCkC;AACjC,oBAAkB,IAAI;AACxB;AACA,CArCC,kCAqCkC,CAAC;AAClC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAxCC,kCAwCkC,CAAC;AAClC,SAAO,IAAI;AACb;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,UAAQ,IAAI;AACZ,aAAW,IAAI;AACf,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACnB,eAAa,IAAI;AACnB;AACA,CARC,yCAQyC,iBAAiB;AACzD,aAAW,IAAI;AACjB;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CARC,yCAQyC,iBAAiB;AACzD,aAAW,IAAI;AACjB;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,UAAQ,IAAI;AACZ,gBAAc,IAAI;AAClB,iBAAe,IAAI;AACrB;AACA,CARC,yCAQyC,iBAAiB;AACzD,aAAW,IAAI;AACjB;AACA,CAAC;AACC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAHC,iDAGiD;AAChD,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,cAAY,MAAM,IAAI,IAAI,IAAI,IAAI,IAAI;AACxC;AACA,CAAC;AACC,cAAY;AACd;","names":[]}

package/dist/components/text-area.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as TextAreaVariants } from '../text-area.css-cTlj2yii.mjs';
+import { C as ComponentProps } from '../component-props-BHzinuRX.mjs';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "textarea";
+type TextAreaProps = ComponentProps<typeof defaultElement, TextAreaVariants>;
+declare const TextArea: ({ asChild, ...props }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea, type TextAreaProps };

package/dist/components/text-area.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { T as TextAreaVariants } from '../text-area.css-cTlj2yii.js';
+import { C as ComponentProps } from '../component-props-BHzinuRX.js';
+import '@vanilla-extract/recipes';
+
+declare const defaultElement = "textarea";
+type TextAreaProps = ComponentProps<typeof defaultElement, TextAreaVariants>;
+declare const TextArea: ({ asChild, ...props }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea, type TextAreaProps };

package/dist/components/text-area.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/text-area.tsx
+var text_area_exports = {};
+__export(text_area_exports, {
+  TextArea: () => TextArea
+});
+module.exports = __toCommonJS(text_area_exports);
+
+// src/theme/recipes/text-area.css.ts
+var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var textAreaRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ 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: [] });
+
+// src/utils/omit.ts
+function omit(obj, ...keys) {
+  const ret = { ...obj };
+  keys.forEach((key) => {
+    delete ret[key];
+  });
+  return ret;
+}
+
+// src/utils/pick.ts
+function pick(obj, ...keys) {
+  const ret = {};
+  keys.forEach((key) => {
+    ret[key] = obj[key];
+  });
+  return ret;
+}
+
+// src/utils/extract-variants.ts
+function extractVariantsFromProps(obj, ...keys) {
+  const variants = pick(obj, ...keys);
+  const rest = omit(obj, ...keys);
+  return [variants, rest];
+}
+
+// src/utils/merge-classes.ts
+function mergeClasses(...classes) {
+  return classes.filter((cls) => Boolean(cls)).join(" ");
+}
+
+// src/components/text-area.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultElement = "textarea";
+var TextArea = ({ asChild, ...props }) => {
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textAreaRecipe.variants()
+  );
+  const textArea = textAreaRecipe(variants);
+  const Comp = asChild ? import_react_slot.Slot : defaultElement;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp, { ...rest, className: mergeClasses(textArea, rest.className), children: rest.children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextArea
+});
+//# sourceMappingURL=text-area.js.map

package/dist/components/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/text-area.tsx","../../src/theme/recipes/text-area.css.ts","../../src/utils/omit.ts","../../src/utils/pick.ts","../../src/utils/extract-variants.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n  TextAreaVariants,\n  textAreaRecipe,\n} from \"@/theme/recipes/text-area.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"textarea\";\n\nexport type TextAreaProps = ComponentProps<\n  typeof defaultElement,\n  TextAreaVariants\n>;\n\nexport const TextArea = ({ asChild, ...props }: TextAreaProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textAreaRecipe.variants(),\n  );\n  const textArea = textAreaRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(textArea, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n","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:[]});","export function omit<T, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K> {\n  const ret = { ...obj };\n  keys.forEach((key) => {\n    delete ret[key];\n  });\n\n  return ret;\n}\n","/**\n * https://stackoverflow.com/a/47232883\n */\nexport function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ret: any = {};\n  keys.forEach((key) => {\n    ret[key] = obj[key];\n  });\n\n  return ret;\n}\n","import { omit } from \"./omit\";\nimport { pick } from \"./pick\";\n\n/**\n * TODO\n * @param obj\n * @param keys\n * @returns [variants, props]\n */\nexport function extractVariantsFromProps<T, K extends keyof T>(\n  obj: T,\n  ...keys: K[]\n): [Pick<T, K>, Omit<T, K>] {\n  const variants = pick(obj, ...keys);\n  const rest = omit(obj, ...keys);\n\n  return [variants, rest];\n}\n","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;;;ACCA,6BAA0C;AACnC,IAAI,qBAAiB,uBAAAA,iBAAO,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;;;ACFznB,SAAS,KAA2B,QAAW,MAAuB;AAC3E,QAAM,MAAM,EAAE,GAAG,IAAI;AACrB,OAAK,QAAQ,CAAC,QAAQ;AACpB,WAAO,IAAI,GAAG;AAAA,EAChB,CAAC;AAED,SAAO;AACT;;;ACJO,SAAS,KAA2B,QAAW,MAAuB;AAE3E,QAAM,MAAW,CAAC;AAClB,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EACpB,CAAC;AAED,SAAO;AACT;;;ACFO,SAAS,yBACd,QACG,MACuB;AAC1B,QAAM,WAAW,KAAK,KAAK,GAAG,IAAI;AAClC,QAAM,OAAO,KAAK,KAAK,GAAG,IAAI;AAE9B,SAAO,CAAC,UAAU,IAAI;AACxB;;;ACjBO,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;ALKA,wBAAqB;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,MAAqB;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AACA,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,OAAO,UAAU,yBAAO;AAE9B,SACE,4CAAC,QAAM,GAAG,MAAM,WAAW,aAAa,UAAU,KAAK,SAAS,GAC7D,eAAK,UACR;AAEJ;","names":["_7a468"]}

package/dist/components/text-area.mjs

@@ -0,0 +1,27 @@
+import {
+  textAreaRecipe
+} from "../chunk-P3KR7WP5.mjs";
+import {
+  extractVariantsFromProps
+} from "../chunk-UPZYS6TE.mjs";
+import {
+  mergeClasses
+} from "../chunk-7EGQM3ZL.mjs";
+
+// src/components/text-area.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var defaultElement = "textarea";
+var TextArea = ({ asChild, ...props }) => {
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...textAreaRecipe.variants()
+  );
+  const textArea = textAreaRecipe(variants);
+  const Comp = asChild ? Slot : defaultElement;
+  return /* @__PURE__ */ jsx(Comp, { ...rest, className: mergeClasses(textArea, rest.className), children: rest.children });
+};
+export {
+  TextArea
+};
+//# sourceMappingURL=text-area.mjs.map

package/dist/components/text-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/text-area.tsx"],"sourcesContent":["import {\n  TextAreaVariants,\n  textAreaRecipe,\n} from \"@/theme/recipes/text-area.css\";\nimport { ComponentProps } from \"@/types/component-props\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nconst defaultElement = \"textarea\";\n\nexport type TextAreaProps = ComponentProps<\n  typeof defaultElement,\n  TextAreaVariants\n>;\n\nexport const TextArea = ({ asChild, ...props }: TextAreaProps) => {\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...textAreaRecipe.variants(),\n  );\n  const textArea = textAreaRecipe(variants);\n  const Comp = asChild ? Slot : defaultElement;\n\n  return (\n    <Comp {...rest} className={mergeClasses(textArea, rest.className)}>\n      {rest.children}\n    </Comp>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAOA,SAAS,YAAY;AAkBjB;AAhBJ,IAAM,iBAAiB;AAOhB,IAAM,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,MAAqB;AAChE,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,eAAe,SAAS;AAAA,EAC7B;AACA,QAAM,WAAW,eAAe,QAAQ;AACxC,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE,oBAAC,QAAM,GAAG,MAAM,WAAW,aAAa,UAAU,KAAK,SAAS,GAC7D,eAAK,UACR;AAEJ;","names":[]}

package/dist/patterns/index.css

@@ -2420,6 +2420,102 @@
   transform: translateX(18px);
 }
 
+/* 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== */
+.text-area_textAreaRecipe__1vg71n60 {
+  appearance: none;
+  border-width: 0;
+  box-sizing: border-box;
+  font-family: inherit;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  width: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  background-color: transparent;
+  color: inherit;
+  font-variant-numeric: tabular-nums;
+  resize: vertical;
+}
+.text-area_textAreaRecipe__1vg71n60:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+.text-area_textAreaRecipe__1vg71n60::after {
+  box-sizing: border-box;
+}
+.text-area_textAreaRecipe__1vg71n60::before {
+  box-sizing: border-box;
+}
+.text-area_textAreaRecipe__1vg71n60:disabled {
+  background-color: var(--colors-slate-slate2__19nbe8d1yj);
+  box-shadow: inset 0 0 0 1px var(--colors-slateA-slateA7__19nbe8d1z0);
+  color: var(--colors-slate-slate8__19nbe8d1yp);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.text-area_textAreaRecipe__1vg71n60:focus {
+  outline: 1px solid #000000;
+}
+.text-area_textAreaRecipe__1vg71n60:read-only {
+  background-color: var(--colors-slate-slate2__19nbe8d1yj);
+}
+.text-area_textAreaRecipe__1vg71n60[data-invalid] {
+  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2);
+}
+.text-area_textAreaRecipe__1vg71n60[data-placeholder] {
+  color: var(--semanticColors-textPlaceholder__19nbe8d2fd);
+}
+.text-area_textAreaRecipe_size_1__1vg71n61 {
+  border-radius: var(--radii-1__19nbe8d2gh);
+  height: var(--sizes-5__19nbe8d2gc);
+  font-size: var(--fontSizes-1__19nbe8d9);
+  padding-left: var(--space-2__19nbe8d1);
+  padding-right: var(--space-2__19nbe8d1);
+  line-height: var(--sizes-5__19nbe8d2gc);
+}
+.text-area_textAreaRecipe_size_1__1vg71n61:-webkit-autofill::first-line {
+  font-size: var(--fontSizes-1__19nbe8d9);
+}
+.text-area_textAreaRecipe_size_2__1vg71n62 {
+  border-radius: var(--radii-2__19nbe8d2gi);
+  font-size: var(--fontSizes-3__19nbe8db);
+  line-height: var(--lineHeights-6__19nbe8d2fv);
+  height: var(--sizes-6__19nbe8d2gd);
+  padding-left: var(--space-3__19nbe8d2);
+  padding-right: var(--space-3__19nbe8d2);
+}
+.text-area_textAreaRecipe_size_2__1vg71n62:-webkit-autofill::first-line {
+  font-size: var(--fontSizes-3__19nbe8db);
+}
+.text-area_textAreaRecipe_size_3__1vg71n63 {
+  border-radius: var(--radii-2__19nbe8d2gi);
+  font-size: var(--fontSizes-4__19nbe8dc);
+  line-height: var(--sizes-7__19nbe8d2ge);
+  height: var(--sizes-7__19nbe8d2ge);
+  padding-left: var(--space-4__19nbe8d3);
+  padding-right: var(--space-4__19nbe8d3);
+}
+.text-area_textAreaRecipe_size_3__1vg71n63:-webkit-autofill::first-line {
+  font-size: var(--fontSizes-4__19nbe8dc);
+}
+.text-area_textAreaRecipe_error_true__1vg71n64 {
+  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-error-error9__19nbe8d2e2) !important;
+}
+.text-area_textAreaRecipe_cursor_default__1vg71n65 {
+  cursor: default;
+}
+.text-area_textAreaRecipe_cursor_default__1vg71n65:focus {
+  cursor: text;
+}
+.text-area_textAreaRecipe_cursor_text__1vg71n66 {
+  cursor: text;
+}
+.text-area_textAreaRecipe_variant_outline__1vg71n67 {
+  box-shadow: inset 0px 0px 0px 1px var(--semanticColors-line__19nbe8d2fe);
+}
+.text-area_textAreaRecipe_variant_ghost__1vg71n68 {
+  box-shadow: none;
+}
+
 /* 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= */
 .text-field_textFieldRecipe__i0hdwa0 {
   appearance: none;
@@ -4001,6 +4097,85 @@
   }
 }
 
+/* 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== */
+@keyframes accordion_slideDown__17vdyva3 {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes accordion_slideUp__17vdyva4 {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+.accordion_accordion__17vdyva0 {
+  border-radius: var(--radii-2__19nbe8d2gi);
+  width: 300px;
+}
+.accordion_accordionItem__17vdyva1 {
+  margin-top: 1px;
+  overflow: hidden;
+}
+.accordion_accordionItem__17vdyva1:first-child {
+  border-top-left-radius: var(--radii-1__19nbe8d2gh);
+  border-top-right-radius: var(--radii-1__19nbe8d2gh);
+  margin-top: 0;
+}
+.accordion_accordionItem__17vdyva1:last-child {
+  border-bottom-left-radius: var(--radii-1__19nbe8d2gh);
+  border-bottom-right-radius: var(--radii-1__19nbe8d2gh);
+}
+.accordion_accordionItem__17vdyva1:focus-within {
+  position: relative;
+  z-index: 1;
+}
+.accordion_chevron__17vdyva2 {
+  transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+[data-state=open] .accordion_chevron__17vdyva2 {
+  transform: rotate(180deg);
+}
+.accordion_accordionContent__17vdyva5 {
+  font-size: var(--fontSizes-3__19nbe8db);
+  overflow: hidden;
+}
+.accordion_accordionContent__17vdyva5[data-state=open] {
+  animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.accordion_accordionContent__17vdyva5[data-state=closed] {
+  animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);
+}
+.accordion_accordionContentText__17vdyva6 {
+  padding: 15px 20px;
+}
+.accordion_accordionHeader__17vdyva7 {
+  all: unset;
+  display: flex;
+}
+.accordion_accordionTrigger__17vdyva8 {
+  all: unset;
+  align-items: center;
+  background-color: transparent;
+  box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);
+  display: flex;
+  flex: 1;
+  font-family: inherit;
+  font-size: var(--fontSizes-3__19nbe8db);
+  height: 45px;
+  justify-content: space-between;
+  line-height: 1;
+  padding: 0 20px;
+}
+.accordion_accordionTrigger__17vdyva8:hover {
+  background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
+}
+
 /* vanilla-extract-css-ns:src/theme/styles/avatar.css.ts.vanilla.css?source=LmF2YXRhcl9hdmF0YXJJbWFnZV9fbjljc3VjMCB7CiAgZGlzcGxheTogZmxleDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogMTAwJTsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIHdpZHRoOiAxMDAlOwp9 */
 .avatar_avatarImage__n9csuc0 {
   display: flex;