@umami/react-zen 0.13.0 → 0.15.0

package/dist/index.css

@@ -1215,10 +1215,6 @@
 }
 
 /* src/components/TextField.module.css */
-.TextField_textarea {
-  font-family: inherit;
-  min-height: 60px;
-}
 .TextField_allowCopy {
   padding-right: 32px;
 }

package/dist/index.d.ts

@@ -684,8 +684,8 @@ declare module '@umami/react-zen/TextField' {
     interface TextFieldProps extends AriaTextFieldProps {
         label?: string;
         placeholder?: string;
-        asTextArea?: boolean;
         allowCopy?: boolean;
+        asChild?: boolean;
         onChange?: (e: any) => void;
     }
     const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -696,7 +696,10 @@ declare module '@umami/react-zen/TextField' {
 declare module '@umami/react-zen/TextArea' {
     import { TextFieldProps } from '@umami/react-zen/TextField';
     interface TextAreaProps extends TextFieldProps {
+        rows?: number;
+        cols?: number;
         resize?: 'none' | 'vertical' | 'horizontal';
+        children?: React.ReactNode;
     }
     const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<any>>;
     export { TextArea };

package/dist/index.js

@@ -26732,7 +26732,6 @@ var Input_default = {
 
 // src/components/TextField.module.css
 var TextField_default = {
-  textarea: "TextField_textarea",
   allowCopy: "TextField_allowCopy",
   icon: "TextField_icon"
 };
@@ -26745,14 +26744,15 @@ var TextField = (0, import_react161.forwardRef)(
     defaultValue,
     label,
     placeholder,
-    asTextArea,
     allowCopy,
+    asChild,
     className,
     onChange,
+    children,
     ...props
   }, ref) => {
     const [inputValue, setInputValue] = (0, import_react161.useState)(defaultValue || value);
-    const Component = asTextArea ? $216918bed6669f72$export$f5c9f3c2c4054eec : $3985021b0ad6602f$export$f5b8910cec6cf069;
+    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : $3985021b0ad6602f$export$f5b8910cec6cf069;
     const handleChange = (e) => {
       setInputValue(e.target.value);
       return onChange?.(e);
@@ -26760,6 +26760,7 @@ var TextField = (0, import_react161.forwardRef)(
     (0, import_react161.useEffect)(() => {
       setInputValue(value);
     }, [value]);
+    console.log(asChild && { Component, asChild });
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       $bcdf0525bf22703d$export$2c73285ae9390cec,
       {
@@ -26773,13 +26774,10 @@ var TextField = (0, import_react161.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Component,
               {
-                className: (0, import_classnames22.default)(
-                  TextField_default.input,
-                  Input_default.input,
-                  asTextArea && TextField_default.textarea,
-                  allowCopy && TextField_default.allowCopy
-                ),
-                onChange: handleChange
+                className: (0, import_classnames22.default)(TextField_default.input, Input_default.input, allowCopy && TextField_default.allowCopy),
+                placeholder,
+                onChange: handleChange,
+                children
               }
             ),
             allowCopy && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CopyButton, { className: (0, import_classnames22.default)(TextField_default.icon, Input_default.icon), value: inputValue })
@@ -27627,17 +27625,20 @@ var TextArea_default = {
 
 // src/components/TextArea.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var TextArea = (0, import_react173.forwardRef)(({ resize, className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-    TextField,
-    {
-      ...props,
-      ref,
-      className: (0, import_classnames45.default)(resize && TextArea_default[`resize-${resize}`]),
-      asTextArea: true
-    }
-  );
-});
+var TextArea = (0, import_react173.forwardRef)(
+  ({ rows, cols, resize, className, style, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      TextField,
+      {
+        ...props,
+        ref,
+        className: (0, import_classnames45.default)(resize && TextArea_default[`resize-${resize}`]),
+        asChild: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
+      }
+    );
+  }
+);
 
 // src/components/Toast.tsx
 var import_classnames46 = __toESM(require_classnames());

package/dist/index.mjs

@@ -26748,7 +26748,6 @@ var Input_default = {
 
 // src/components/TextField.module.css
 var TextField_default = {
-  textarea: "TextField_textarea",
   allowCopy: "TextField_allowCopy",
   icon: "TextField_icon"
 };
@@ -26761,14 +26760,15 @@ var TextField = forwardRef4(
     defaultValue,
     label,
     placeholder,
-    asTextArea,
     allowCopy,
+    asChild,
     className,
     onChange,
+    children,
     ...props
   }, ref) => {
     const [inputValue, setInputValue] = useState4(defaultValue || value);
-    const Component = asTextArea ? $216918bed6669f72$export$f5c9f3c2c4054eec : $3985021b0ad6602f$export$f5b8910cec6cf069;
+    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : $3985021b0ad6602f$export$f5b8910cec6cf069;
     const handleChange = (e) => {
       setInputValue(e.target.value);
       return onChange?.(e);
@@ -26776,6 +26776,7 @@ var TextField = forwardRef4(
     useEffect3(() => {
       setInputValue(value);
     }, [value]);
+    console.log(asChild && { Component, asChild });
     return /* @__PURE__ */ jsxs14(
       $bcdf0525bf22703d$export$2c73285ae9390cec,
       {
@@ -26789,13 +26790,10 @@ var TextField = forwardRef4(
             /* @__PURE__ */ jsx27(
               Component,
               {
-                className: (0, import_classnames22.default)(
-                  TextField_default.input,
-                  Input_default.input,
-                  asTextArea && TextField_default.textarea,
-                  allowCopy && TextField_default.allowCopy
-                ),
-                onChange: handleChange
+                className: (0, import_classnames22.default)(TextField_default.input, Input_default.input, allowCopy && TextField_default.allowCopy),
+                placeholder,
+                onChange: handleChange,
+                children
               }
             ),
             allowCopy && /* @__PURE__ */ jsx27(CopyButton, { className: (0, import_classnames22.default)(TextField_default.icon, Input_default.icon), value: inputValue })
@@ -27643,17 +27641,20 @@ var TextArea_default = {
 
 // src/components/TextArea.tsx
 import { jsx as jsx52 } from "react/jsx-runtime";
-var TextArea = forwardRef11(({ resize, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx52(
-    TextField,
-    {
-      ...props,
-      ref,
-      className: (0, import_classnames45.default)(resize && TextArea_default[`resize-${resize}`]),
-      asTextArea: true
-    }
-  );
-});
+var TextArea = forwardRef11(
+  ({ rows, cols, resize, className, style, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx52(
+      TextField,
+      {
+        ...props,
+        ref,
+        className: (0, import_classnames45.default)(resize && TextArea_default[`resize-${resize}`]),
+        asChild: true,
+        children: /* @__PURE__ */ jsx52($216918bed6669f72$export$f5c9f3c2c4054eec, { rows, cols, style: { ...style }, children })
+      }
+    );
+  }
+);
 
 // src/components/Toast.tsx
 var import_classnames46 = __toESM(require_classnames());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "description": "React components built by Umami",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",
@@ -132,7 +132,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "stylelint": "^16.7.0",
     "stylelint-config-prettier": "^9.0.5",
-    "tsup": "^8.3.0",
+    "stylelint-config-recommended": "^14.0.1",
     "typescript": "^5.6.3"
   }
 }