@rinzai/zen 0.1.9 → 0.1.10

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './icons';
 export { default as Input } from './input';
 export { default as Popover } from './popover';
 export { default as Toggle } from './toggle';
+export { default as TextArea } from './textarea';
 export { cva, type VariantProps } from './utils/cva';
 export { cx } from './utils/cx';
 declare module 'react' {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,OAAO,CAAC;AAEf,OAAO,QAAQ,OAAO,CAAC;IACnB,UAAU,aAAa;QACnB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;KACzC;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAChC,OAAO,OAAO,CAAC;AAEf,OAAO,QAAQ,OAAO,CAAC;IACnB,UAAU,aAAa;QACnB,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;KACzC;CACJ"}

package/dist/textarea/index.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+export default function Input(props: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export type TextAreaProps = ComponentProps<'textarea'>;
+//# sourceMappingURL=index.d.ts.map

package/dist/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAK,EAAE,aAAa,2CAejD;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC"}

package/dist/zen.js

@@ -1,4 +1,4 @@
-import { jsx as b, jsxs as W, Fragment as Ve } from "react/jsx-runtime";
+import { jsx as y, jsxs as W, Fragment as Ve } from "react/jsx-runtime";
 import * as C from "react";
 import { useLayoutEffect as ot, useEffect as re, useState as de, useId as it, useMemo as ve, useRef as Ee } from "react";
 import * as st from "react-dom";
@@ -31,7 +31,7 @@ const M = (...e) => e.reduce((o, t) => t == null || t === !1 ? o : typeof t == "
   return M(e, s, l, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
 };
 function Be({ variant: e, className: o, ...t }) {
-  return /* @__PURE__ */ b("span", { ...t, className: ct({ variant: e, className: o }) });
+  return /* @__PURE__ */ y("span", { ...t, className: ct({ variant: e, className: o }) });
 }
 const ct = We(
   "zen__badge inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors whitespace-nowrap",
@@ -50,7 +50,7 @@ const ct = We(
   }
 );
 function at({ className: e, variant: o, size: t, ...n }) {
-  return /* @__PURE__ */ b("button", { className: ut({ variant: o, size: t, className: e }), ...n });
+  return /* @__PURE__ */ y("button", { className: ut({ variant: o, size: t, className: e }), ...n });
 }
 const ut = We(
   "zen__button inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
@@ -230,7 +230,7 @@ function ze(e, o, t) {
   }
   return f;
 }
-const yt = async (e, o, t) => {
+const bt = async (e, o, t) => {
   const {
     placement: n = "bottom",
     strategy: i = "absolute",
@@ -253,7 +253,7 @@ const yt = async (e, o, t) => {
       x: p,
       y: v,
       data: E,
-      reset: y
+      reset: b
     } = await m({
       x: u,
       y: d,
@@ -274,11 +274,11 @@ const yt = async (e, o, t) => {
         ...f[w],
         ...E
       }
-    }, y && g <= 50 && (g++, typeof y == "object" && (y.placement && (h = y.placement), y.rects && (c = y.rects === !0 ? await r.getElementRects({
+    }, b && g <= 50 && (g++, typeof b == "object" && (b.placement && (h = b.placement), b.rects && (c = b.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: o,
       strategy: i
-    }) : y.rects), {
+    }) : b.rects), {
       x: u,
       y: d
     } = ze(c, h, a)), x = -1);
@@ -323,20 +323,20 @@ async function Ue(e, o) {
   } : {
     x: 1,
     y: 1
-  }, y = ue(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, b = ue(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
     rect: p,
     offsetParent: v,
     strategy: a
   }) : p);
   return {
-    top: (m.top - y.top + g.top) / E.y,
-    bottom: (y.bottom - m.bottom + g.bottom) / E.y,
-    left: (m.left - y.left + g.left) / E.x,
-    right: (y.right - m.right + g.right) / E.x
+    top: (m.top - b.top + g.top) / E.y,
+    bottom: (b.bottom - m.bottom + g.bottom) / E.y,
+    left: (m.left - b.left + g.left) / E.x,
+    right: (b.right - m.right + g.right) / E.x
   };
 }
-const bt = function(e) {
+const yt = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -360,9 +360,9 @@ const bt = function(e) {
       } = he(e, o);
       if ((t = s.arrow) != null && t.alignmentOffset)
         return {};
-      const m = U(i), p = G(l), v = U(l) === l, E = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (v || !x ? [ae(l)] : mt(l)), R = g !== "none";
-      !h && R && y.push(...pt(l, x, g, E));
-      const O = [l, ...y], z = await Ue(o, w), K = [];
+      const m = U(i), p = G(l), v = U(l) === l, E = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), b = h || (v || !x ? [ae(l)] : mt(l)), R = g !== "none";
+      !h && R && b.push(...pt(l, x, g, E));
+      const O = [l, ...b], z = await Ue(o, w), K = [];
       let P = ((n = s.flip) == null ? void 0 : n.overflows) || [];
       if (u && K.push(z[m]), d) {
         const N = ht(i, r, E);
@@ -937,7 +937,7 @@ function Wt(e, o) {
       threshold: H(0, le(1, a)) || 1
     };
     let E = !0;
-    function y(R) {
+    function b(R) {
       const O = R[0].intersectionRatio;
       if (O !== a) {
         if (!E)
@@ -949,13 +949,13 @@ function Wt(e, o) {
       O === 1 && !Qe(c, e.getBoundingClientRect()) && r(), E = !1;
     }
     try {
-      t = new IntersectionObserver(y, {
+      t = new IntersectionObserver(b, {
         ...v,
         // Handle <iframe>s
         root: i.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(y, v);
+      t = new IntersectionObserver(b, v);
     }
     t.observe(e);
   }
@@ -997,7 +997,7 @@ function Bt(e, o, t, n) {
     }), d == null || d(), (m = f) == null || m.disconnect(), f = null, a && cancelAnimationFrame(g);
   };
 }
-const jt = Et, $t = St, Ht = bt, Ut = (e, o, t) => {
+const jt = Et, $t = St, Ht = yt, Ut = (e, o, t) => {
   const n = /* @__PURE__ */ new Map(), i = {
     platform: Vt,
     ...t
@@ -1005,7 +1005,7 @@ const jt = Et, $t = St, Ht = bt, Ut = (e, o, t) => {
     ...i.platform,
     _c: n
   };
-  return yt(e, o, {
+  return bt(e, o, {
     ...i,
     platform: s
   });
@@ -1048,7 +1048,7 @@ function _e(e, o) {
   const t = et(e);
   return Math.round(o * t) / t;
 }
-function ye(e) {
+function be(e) {
   const o = C.useRef(e);
   return se(() => {
     o.current = e;
@@ -1081,7 +1081,7 @@ function qt(e) {
     S !== R.current && (R.current = S, x(S));
   }, []), v = C.useCallback((S) => {
     S !== O.current && (O.current = S, m(S));
-  }, []), E = s || g, y = r || w, R = C.useRef(null), O = C.useRef(null), z = C.useRef(u), K = a != null, P = ye(a), Y = ye(i), ee = ye(c), B = C.useCallback(() => {
+  }, []), E = s || g, b = r || w, R = C.useRef(null), O = C.useRef(null), z = C.useRef(u), K = a != null, P = be(a), Y = be(i), ee = be(c), B = C.useCallback(() => {
     if (!R.current || !O.current)
       return;
     const S = {
@@ -1113,12 +1113,12 @@ function qt(e) {
   se(() => (N.current = !0, () => {
     N.current = !1;
   }), []), se(() => {
-    if (E && (R.current = E), y && (O.current = y), E && y) {
+    if (E && (R.current = E), b && (O.current = b), E && b) {
       if (P.current)
-        return P.current(E, y, B);
+        return P.current(E, b, B);
       B();
     }
-  }, [E, y, B, P, K]);
+  }, [E, b, B, P, K]);
   const te = C.useMemo(() => ({
     reference: R,
     floating: O,
@@ -1126,8 +1126,8 @@ function qt(e) {
     setFloating: v
   }), [p, v]), k = C.useMemo(() => ({
     reference: E,
-    floating: y
-  }), [E, y]), V = C.useMemo(() => {
+    floating: b
+  }), [E, b]), V = C.useMemo(() => {
     const S = {
       position: t,
       left: 0,
@@ -1193,24 +1193,24 @@ function tt(e) {
     role: d = "tooltip",
     style: h,
     ...f
-  } = e, [g, x] = de(c), w = () => u !== void 0 && c !== void 0 ? c : g, m = () => u !== void 0 && c !== void 0 ? u : x, { x: p, y: v, strategy: E, refs: y } = qt({
+  } = e, [g, x] = de(c), w = () => u !== void 0 && c !== void 0 ? c : g, m = () => u !== void 0 && c !== void 0 ? u : x, { x: p, y: v, strategy: E, refs: b } = qt({
     open: w(),
     middleware: [Kt(4), Xt(), Yt()],
     whileElementsMounted: Bt,
     placement: t
   }), R = it();
   return re(
-    Zt(y.floating, (O) => {
+    Zt(b.floating, (O) => {
       O && m()(!1);
     }),
     []
   ), /* @__PURE__ */ W(Ve, { children: [
-    /* @__PURE__ */ b(
+    /* @__PURE__ */ y(
       "div",
       {
         className: "z-auto min-w-fit max-w-fit",
         id: `zen__popover-${R}`,
-        ref: y.setReference,
+        ref: b.setReference,
         onClick: (O) => {
           if (n === "click") {
             if (a)
@@ -1224,7 +1224,7 @@ function tt(e) {
       }
     ),
     w() && rt(
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ y(
         "div",
         {
           ...f,
@@ -1234,7 +1234,7 @@ function tt(e) {
             "zen__popover z-50 w-fit rounded border border-border bg-background shadow-secondary",
             o
           ),
-          ref: y.setFloating,
+          ref: b.setFloating,
           style: {
             ...h,
             position: E,
@@ -1272,11 +1272,11 @@ function Gt(e) {
     const m = i == null ? void 0 : i.current;
     if (!m)
       return;
-    const p = m.offsetWidth, v = [], E = [], y = r(
+    const p = m.offsetWidth, v = [], E = [], b = r(
       n,
       ((h == null ? void 0 : h.measureText(n).width) ?? 0) + 10
     );
-    g == null || g.reduce((R, O, z) => (R + O + y > p - 20 ? E.push(o[z]) : v.push(o[z]), R + O), 0), d({
+    g == null || g.reduce((R, O, z) => (R + O + b > p - 20 ? E.push(o[z]) : v.push(o[z]), R + O), 0), d({
       visible: v,
       hidden: E
     });
@@ -1296,18 +1296,18 @@ function Gt(e) {
     };
   }, [o]), /* @__PURE__ */ W(Ve, { children: [
     (x = u.visible) == null ? void 0 : x.map((m, p) => t(m, p, s == null ? void 0 : s[p])),
-    ((w = u.hidden) == null ? void 0 : w.length) > 0 && /* @__PURE__ */ b(
+    ((w = u.hidden) == null ? void 0 : w.length) > 0 && /* @__PURE__ */ y(
       tt,
       {
         trigger: "click",
-        content: /* @__PURE__ */ b("div", { className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2", children: u.hidden.map(
+        content: /* @__PURE__ */ y("div", { className: "grid max-h-60 grid-flow-row grid-cols-2 gap-3 overflow-auto p-2", children: u.hidden.map(
           (m, p) => t(
             m,
             u.visible.length + p,
             s == null ? void 0 : s[u.visible.length + p]
           )
         ) }),
-        children: /* @__PURE__ */ b(Be, { className: c, variant: a, children: /* @__PURE__ */ b("p", { children: `+${u.hidden.length} ${n}` }) }, "more_items_button")
+        children: /* @__PURE__ */ y(Be, { className: c, variant: a, children: /* @__PURE__ */ y("p", { children: `+${u.hidden.length} ${n}` }) }, "more_items_button")
       }
     )
   ] });
@@ -1344,7 +1344,7 @@ function X(e, o, t) {
     return (a = t == null ? void 0 : t.onChange) == null || a.call(t, i), i;
   };
 }
-function be(e, o) {
+function ye(e, o) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
@@ -1685,11 +1685,11 @@ class ln {
     ), this.getVirtualItemForOffset = (t) => {
       const n = this.getMeasurements();
       if (n.length !== 0)
-        return be(
+        return ye(
           n[nt(
             0,
             n.length - 1,
-            (i) => be(n[i]).start,
+            (i) => ye(n[i]).start,
             t
           )]
         );
@@ -1736,7 +1736,7 @@ class ln {
         if (this.scrollToIndexTimeoutId = null, this.elementsCache.has(
           this.options.getItemKey(t)
         )) {
-          const [c] = be(
+          const [c] = ye(
             this.getOffsetForIndex(t, l)
           );
           Jt(c, this.getScrollOffset()) || this.scrollToIndex(t, { align: l, behavior: i });
@@ -1821,7 +1821,7 @@ function un(e) {
   });
 }
 function fn(e) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1831,12 +1831,12 @@ function fn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })
+      children: /* @__PURE__ */ y("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })
     }
   );
 }
 function dn(e) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1846,7 +1846,7 @@ function dn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b(
+      children: /* @__PURE__ */ y(
         "path",
         {
           strokeLinecap: "round",
@@ -1858,7 +1858,7 @@ function dn(e) {
   );
 }
 function hn(e) {
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1868,7 +1868,7 @@ function hn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
+      children: /* @__PURE__ */ y("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" })
     }
   );
 }
@@ -1885,7 +1885,7 @@ function wn(e) {
     mutable: a,
     onAdd: c
   } = e, u = Ee(null), [d, h] = de(!1), f = Ee(null);
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ y(
     tt,
     {
       placement: "bottom",
@@ -1897,7 +1897,7 @@ function wn(e) {
       style: {
         "--input-width": `${(g = f.current) == null ? void 0 : g.offsetWidth}px`
       },
-      content: /* @__PURE__ */ b(
+      content: /* @__PURE__ */ y(
         mn,
         {
           ...a ? { mutable: a, onAdd: c } : { mutable: a },
@@ -1915,7 +1915,7 @@ function wn(e) {
           ),
           ref: f,
           children: [
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ y(
               "div",
               {
                 className: M(
@@ -1923,7 +1923,7 @@ function wn(e) {
                   s ? "text-muted-foreground" : "text-foreground"
                 ),
                 ref: u,
-                children: l ? /* @__PURE__ */ b(
+                children: l ? /* @__PURE__ */ y(
                   Gt,
                   {
                     items: t.map((x) => x.text),
@@ -1939,7 +1939,7 @@ function wn(e) {
                         variant: "secondary",
                         children: [
                           x,
-                          /* @__PURE__ */ b(
+                          /* @__PURE__ */ y(
                             at,
                             {
                               onClick: () => {
@@ -1948,7 +1948,7 @@ function wn(e) {
                               variant: "icon",
                               size: "icon",
                               className: "group bg-muted p-0.5 hover:bg-muted-foreground",
-                              children: /* @__PURE__ */ b(hn, { className: "size-3 transition duration-300 group-hover:rotate-90 group-hover:text-muted" })
+                              children: /* @__PURE__ */ y(hn, { className: "size-3 transition duration-300 group-hover:rotate-90 group-hover:text-muted" })
                             }
                           )
                         ]
@@ -1959,7 +1959,7 @@ function wn(e) {
                 ) : t.text ?? r
               }
             ),
-            /* @__PURE__ */ b(
+            /* @__PURE__ */ y(
               fn,
               {
                 className: M(
@@ -1986,8 +1986,8 @@ function mn(e) {
   }), h = n instanceof Array ? n.map((f) => f.key) : [n.key];
   return /* @__PURE__ */ W("div", { className: "flex min-w-[var(--input-width)] flex-col divide-y-2 divide-border overflow-hidden rounded border border-input bg-background", children: [
     /* @__PURE__ */ W("div", { className: M("inline-flex grow items-center rounded px-3 py-2"), children: [
-      /* @__PURE__ */ b(dn, { className: "left-3 top-3 mr-2 size-4 text-muted-foreground" }),
-      /* @__PURE__ */ b(
+      /* @__PURE__ */ y(dn, { className: "left-3 top-3 mr-2 size-4 text-muted-foreground" }),
+      /* @__PURE__ */ y(
         "input",
         {
           className: "inline-flex grow bg-transparent text-sm text-foreground outline-hidden",
@@ -2003,7 +2003,7 @@ function mn(e) {
         className: M("max-h-60 grow overflow-auto shadow-sm", "focus:outline-hidden focus:ring-0"),
         ref: c,
         children: [
-          /* @__PURE__ */ b(
+          /* @__PURE__ */ y(
             "div",
             {
               style: {
@@ -2011,7 +2011,7 @@ function mn(e) {
                 width: "100%",
                 position: "relative"
               },
-              children: d.getVirtualItems().map((f) => /* @__PURE__ */ b(
+              children: d.getVirtualItems().map((f) => /* @__PURE__ */ y(
                 "li",
                 {
                   style: {
@@ -2049,14 +2049,14 @@ function mn(e) {
                 l
               ]
             }
-          ) : /* @__PURE__ */ b("li", { className: M("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
+          ) : /* @__PURE__ */ y("li", { className: M("cursor-not-allowed px-3 py-2 text-sm text-foreground"), children: "No results found" }))
         ]
       }
     )
   ] });
 }
-function yn(e) {
-  return /* @__PURE__ */ b(
+function bn(e) {
+  return /* @__PURE__ */ y(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -2066,13 +2066,13 @@ function yn(e) {
       stroke: "currentColor",
       className: "h-6 w-6",
       ...e,
-      children: /* @__PURE__ */ b("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })
+      children: /* @__PURE__ */ y("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })
     }
   );
 }
-function bn(e) {
+function yn(e) {
   const { className: o, ...t } = e;
-  return /* @__PURE__ */ b(
+  return /* @__PURE__ */ y(
     "input",
     {
       className: M(
@@ -2101,8 +2101,8 @@ function vn(e) {
       ),
       onClick: () => n == null ? void 0 : n(!t),
       children: [
-        /* @__PURE__ */ b("input", { type: "hidden", readOnly: !0, ...s, defaultChecked: i, checked: t }),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ y("input", { type: "hidden", readOnly: !0, ...s, defaultChecked: i, checked: t }),
+        /* @__PURE__ */ y(
           "div",
           {
             className: M(
@@ -2115,16 +2115,34 @@ function vn(e) {
     }
   );
 }
+function En(e) {
+  const { className: o, ...t } = e;
+  return /* @__PURE__ */ y(
+    "textarea",
+    {
+      className: M(
+        "border-input bg-background text-foreground h-10 w-full rounded border-2 px-3 py-2 text-sm transition",
+        "focus-visible:border-primary focus-visible:shadow-ring focus-visible:shadow-xs focus-visible:outline-hidden",
+        "read-only:text-foreground read-only:cursor-pointer read-only:border-none! read-only:bg-transparent read-only:shadow-none! read-only:outline-hidden!",
+        "disabled:bg-muted disabled:text-muted disabled:cursor-not-allowed",
+        "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+        o
+      ),
+      ...t
+    }
+  );
+}
 export {
   Be as Badge,
   at as Button,
-  yn as ChevronDown,
+  bn as ChevronDown,
   fn as ChevronUp,
   Gt as Collapse,
   wn as Dropdown,
-  bn as Input,
+  yn as Input,
   tt as Popover,
   dn as Search,
+  En as TextArea,
   vn as Toggle,
   We as cva,
   M as cx

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rinzai/zen",
-    "version": "0.1.9",
+    "version": "0.1.10",
     "type": "module",
     "types": "./dist/index.d.ts",
     "module": "./dist/zen.js",