@remotion/design 4.0.377 → 4.0.378

package/dist/Input.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { cn } from './helpers/cn';
 export const Input = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("input", { ref: ref, className: cn('w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border', className), ...props }));
+    return (_jsx("input", { ref: ref, className: cn('w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border', className), ...props }));
 });
 Input.displayName = 'Input';

package/dist/Textarea.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/Textarea.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from './helpers/cn';
+export const Textarea = React.forwardRef(({ className, style, ...props }, ref) => {
+    return (_jsx("textarea", { ref: ref, className: cn('w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]', className), style: {
+            ...style,
+        }, ...props }));
+});
+Textarea.displayName = 'Textarea';

package/dist/esm/index.mjs

@@ -572,7 +572,7 @@ import { jsx as jsx8 } from "react/jsx-runtime";
 var Input = React5.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx8("input", {
     ref,
-    className: cn("w-full dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none h-14 px-3 fontbrand text-lg box-border", className),
     ...props
   });
 });
@@ -5527,14 +5527,28 @@ var Switch = ({ active, onToggle }) => {
     })
   });
 };
-// src/Triangle.tsx
+// src/Textarea.tsx
+import React36 from "react";
 import { jsx as jsx24 } from "react/jsx-runtime";
+var Textarea = React36.forwardRef(({ className, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx24("textarea", {
+    ref,
+    className: cn("w-full bg-white dark:bg-[#121212] rounded-lg border-2 border-b-4 border-black outline-none px-3 py-3 fontbrand text-lg box-border field-sizing-content min-h-[90px]", className),
+    style: {
+      ...style
+    },
+    ...props
+  });
+});
+Textarea.displayName = "Textarea";
+// src/Triangle.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Triangle2 = (props) => {
-  return /* @__PURE__ */ jsx24("svg", {
+  return /* @__PURE__ */ jsx25("svg", {
     viewBox: "0 0 127 131",
     fill: "none",
     ...props,
-    children: /* @__PURE__ */ jsx24("path", {
+    children: /* @__PURE__ */ jsx25("path", {
       d: "M28.5644 0.011261C25.8196 0.159241 23.6077 0.591782 21.3786 1.43413C20.2669 1.84959 18.4446 2.75455 17.4418 3.38062C13.2472 5.993 10.0496 9.9201 8.38209 14.4903C8.04973 15.3953 7.15007 18.2809 6.5713 20.2672C2.71476 33.5453 0.525761 48.0643 0.0558711 63.4312C-0.0186237 65.8785 -0.0186237 71.7066 0.0558711 74.1141C0.371041 84.3018 1.35093 93.4992 3.12735 102.879C3.84937 106.675 5.00691 111.774 5.67736 114.091C7.04692 118.798 9.84334 122.805 13.8202 125.741C16.4848 127.711 19.5105 129.031 22.8627 129.68C24.4787 129.993 26.6104 130.135 28.1805 130.033C30.3523 129.89 34.6616 129.316 38.1628 128.695C53.9442 125.901 68.5223 120.898 81.7422 113.738C90.1143 109.202 97.2715 104.29 104.177 98.3312C111.059 92.4007 116.927 86.0206 122.09 78.8608C123.287 77.2045 123.889 76.237 124.491 75.019C126.038 71.8773 126.766 68.7527 126.76 65.2582C126.76 62.0027 126.141 59.1114 124.806 56.1518C124.164 54.7233 123.551 53.6988 122.176 51.7523C117.11 44.5868 111.489 38.3433 104.635 32.2762C94.011 22.8739 81.3927 15.1619 67.3017 9.45339C64.2474 8.21835 61.239 7.13128 57.6174 5.95315C49.9502 3.46598 40.4607 1.30891 32.4324 0.233231C31.1718 0.0624847 29.4584 -0.0342712 28.5644 0.011261Z",
       fill: "currentcolor"
     })
@@ -5542,6 +5556,7 @@ var Triangle2 = (props) => {
 };
 export {
   Triangle2 as Triangle,
+  Textarea,
   Switch,
   SelectValue2 as SelectValue,
   SelectTrigger2 as SelectTrigger,

package/dist/index.d.ts

@@ -6,4 +6,5 @@ export { Input } from './Input';
 export { PlanePaperIcon } from './PaperPlaneIcon';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './Select';
 export { Switch } from './Switch';
+export { Textarea } from './Textarea';
 export { Triangle } from './Triangle';

package/dist/index.js

@@ -6,4 +6,5 @@ export { Input } from './Input';
 export { PlanePaperIcon } from './PaperPlaneIcon';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './Select';
 export { Switch } from './Switch';
+export { Textarea } from './Textarea';
 export { Triangle } from './Triangle';

package/dist/tailwind.css

@@ -276,6 +276,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .field-sizing-content {
+    field-sizing: content;
+  }
   .h-\(--radix-select-trigger-height\) {
     height: var(--radix-select-trigger-height);
   }
@@ -306,6 +309,9 @@
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
+  .min-h-\[90px\] {
+    min-height: 90px;
+  }
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
   }
@@ -439,6 +445,9 @@
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
   .py-5 {
     padding-block: calc(var(--spacing) * 5);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/design",
-	"version": "4.0.377",
+	"version": "4.0.378",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -19,11 +19,11 @@
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"dependencies": {
-		"@remotion/paths": "4.0.377",
-		"@remotion/shapes": "4.0.377",
-		"@remotion/svg-3d-engine": "4.0.377",
+		"@remotion/paths": "4.0.378",
+		"@remotion/shapes": "4.0.378",
+		"@remotion/svg-3d-engine": "4.0.378",
 		"clsx": "^2.1.1",
-		"remotion": "4.0.377",
+		"remotion": "4.0.378",
 		"@radix-ui/react-select": "2.1.1",
 		"lucide-react": "0.439.0"
 	},
@@ -32,7 +32,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.377",
+		"@remotion/eslint-config-internal": "4.0.378",
 		"eslint": "9.19.0",
 		"react": "19.0.0",
 		"react-dom": "19.0.0",