@telegraph/textarea 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @telegraph/textarea
+
+## 0.0.1
+
+### Patch Changes
+
+- [#292](https://github.com/knocklabs/telegraph/pull/292) [`9600829`](https://github.com/knocklabs/telegraph/commit/960082989f7bc953fc68ae5a254c4a267d3d75aa) Thanks [@kylemcd](https://github.com/kylemcd)! - first iteration of TextArea component

package/README.md

@@ -0,0 +1,17 @@
+![Telegraph by Knock](https://github.com/knocklabs/telegraph/assets/29106675/9b5022e3-b02c-4582-ba57-3d6171e45e44)
+
+[![npm version](https://img.shields.io/npm/v/@telegraph/button.svg)](https://www.npmjs.com/package/@telegraph/textarea)
+
+# @telegraph/textarea
+> A multi-line user input.
+
+## Installation Instructions
+
+```
+npm install @telegraph/textarea
+```
+
+### Add stylesheet
+```
+@import "@telegraph/textarea"
+```

package/dist/cjs/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),g=require("@telegraph/layout"),m=require("clsx"),h={1:{p:"1"},2:{px:"2",py:"1"},3:{px:"3",py:"2"}},y={outline:{border:"px"},ghost:{border:"px",borderColor:"transparent"}},O={default:{},disabled:{bg:"gray-2",borderColor:"gray-2"},error:{borderColor:"red-6"}};function j(r,e){if(typeof r!="object"||!r)return r;var a=r[Symbol.toPrimitive];if(a!==void 0){var t=a.call(r,e||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(r)}function z(r){var e=j(r,"string");return typeof e=="symbol"?e:String(e)}function P(r,e,a){return e=z(e),e in r?Object.defineProperty(r,e,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[e]=a,r}function p(r,e){var a=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(r,s).enumerable})),a.push.apply(a,t)}return a}function v(r){for(var e=1;e<arguments.length;e++){var a=arguments[e]!=null?arguments[e]:{};e%2?p(Object(a),!0).forEach(function(t){P(r,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(a,t))})}return r}function f(r,e){var a={};for(var t in r)a[t]=e(r[t],t);return a}var x=(r,e,a)=>{for(var t of Object.keys(r)){var s;if(r[t]!==((s=e[t])!==null&&s!==void 0?s:a[t]))return!1}return!0},w=r=>{var e=a=>{var t=r.defaultClassName,s=v(v({},r.defaultVariants),a);for(var i in s){var o,u=(o=s[i])!==null&&o!==void 0?o:r.defaultVariants[i];if(u!=null){var n=u;typeof n=="boolean"&&(n=n===!0?"true":"false");var l=r.variantClassNames[i][n];l&&(t+=" "+l)}}for(var[b,d]of r.compoundVariants)x(b,s,r.defaultVariants)&&(t+=" "+d);return t};return e.variants=()=>Object.keys(r.variantClassNames),e.classNames={get base(){return r.defaultClassName.split(" ")[0]},get variants(){return f(r.variantClassNames,a=>f(a,t=>t.split(" ")[0]))}},e},S="tgph-1izsev00",C=w({defaultClassName:"tgph-1izsev01",variantClassNames:{size:{1:"tgph-1izsev02",2:"tgph-1izsev03",3:"tgph-1izsev04"},state:{default:"tgph-1izsev05",disabled:"tgph-1izsev06",error:"tgph-1izsev07"},resize:{both:"tgph-1izsev08",vertical:"tgph-1izsev09",horizontal:"tgph-1izsev0a",none:"tgph-1izsev0b"},variant:{outline:"tgph-1izsev0c",ghost:"tgph-1izsev0d"}},defaultVariants:{},compoundVariants:[]});const V=({disabled:r,errored:e})=>r?"disabled":e?"error":"default",N=({size:r="2",variant:e="outline",rounded:a="2",resize:t="both",disabled:s,errored:i,className:o,...u})=>{const n=V({disabled:s,errored:i});return c.jsx(g.Box,{as:"textarea",className:m.clsx(S,C({variant:e,size:r,resize:t,state:n}),o),rounded:a,disabled:s,...h[r],...y[e],...O[n],...u})};exports.TextArea=N;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/TextArea/TextArea.constants.ts","../../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js","../../src/TextArea/TextArea.tsx"],"sourcesContent":["import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Box } from \"@telegraph/layout\";\n\nexport type Size = \"1\" | \"2\" | \"3\";\nexport type Variant = \"outline\" | \"ghost\";\nexport type State = \"default\" | \"disabled\" | \"error\";\n\ntype SizeMap = {\n  [key in Size]: TgphComponentProps<typeof Box>;\n};\n\ntype VariantMap = {\n  [key in Variant]: TgphComponentProps<typeof Box>;\n};\n\ntype StateMap = {\n  [key in State]: TgphComponentProps<typeof Box>;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {},\n  disabled: {\n    bg: \"gray-2\",\n    borderColor: \"gray-2\",\n  },\n  error: {\n    borderColor: \"red-6\",\n  },\n};\n","function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n","import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport { Box } from \"@telegraph/layout\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport {\n  type Size,\n  type State,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\nimport { baseStyles, variants } from \"./TextArea.css\";\n\nconst deriveState = ({ disabled, errored }: TextAreaBaseProps): State => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Box> &\n  React.ComponentPropsWithoutRef<\"textarea\">;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  rounded = \"2\",\n  resize = \"both\",\n  disabled,\n  errored,\n  className,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Box\n      as=\"textarea\"\n      className={clsx(\n        baseStyles,\n        variants({ variant, size, resize, state: derivedState }),\n        className,\n      )}\n      rounded={rounded}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState]}\n      {...props}\n    />\n  );\n};\n\ntype TextAreaExportedProps = TgphComponentProps<typeof TextArea>;\n\nexport { TextArea, type TextAreaExportedProps as TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","toPrimitive","t","r","e","i","toPropertyKey","_defineProperty","obj","key","value","ownKeys","o","_objectSpread2","mapValues","input","fn","result","_key","shouldApplyCompound","compoundCheck","selections","defaultVariants","_selections$key","createRuntimeFn","config","runtimeFn","options","className","variantName","_selections$variantNa","variantSelection","selection","selectionClassName","compoundClassName","classNames","deriveState","disabled","errored","TextArea","size","variant","rounded","resize","props","derivedState","jsx","Box","clsx","baseStyles","variants"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/css/default.css

@@ -0,0 +1 @@
+.tgph-1izsev00{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--tgph-gray-12);font-family:var(--tgph-font-sans);transition:border-color .15s cubic-bezier(.4,0,.2,1)}.tgph-1izsev00:hover{border-color:var(--tgph-gray-7)}.tgph-1izsev00:focus{border-color:var(--tgph-blue-8);outline:none}.tgph-1izsev00::-moz-placeholder{color:var(--tgph-gray-10)}.tgph-1izsev00::placeholder{color:var(--tgph-gray-10)}.tgph-1izsev02{font-size:var(--tgph-text-1);line-height:var(--tgph-leading-1);letter-spacing:var(--tgph-tracking-1)}.tgph-1izsev03{font-size:var(--tgph-text-2);line-height:var(--tgph-leading-2);letter-spacing:var(--tgph-tracking-2)}.tgph-1izsev04{font-size:var(--tgph-text-3);line-height:var(--tgph-leading-3);letter-spacing:var(--tgph-tracking-3)}.tgph-1izsev06{cursor:not-allowed}.tgph-1izsev06:hover{border-color:var(--tgph-gray-2)}.tgph-1izsev06:focus{border-color:var(--tgph-gray-2)}.tgph-1izsev07:hover{border-color:var(--tgph-red-6)}.tgph-1izsev07:focus{border-color:var(--tgph-red-8)}.tgph-1izsev08{resize:both}.tgph-1izsev09{resize:vertical}.tgph-1izsev0a{resize:horizontal}.tgph-1izsev0b,.tgph-1izsev0d{resize:none}

package/dist/esm/index.mjs

@@ -0,0 +1,150 @@
+import { jsx as m } from "react/jsx-runtime";
+import { Box as c } from "@telegraph/layout";
+import { clsx as g } from "clsx";
+const h = {
+  1: {
+    p: "1"
+  },
+  2: {
+    px: "2",
+    py: "1"
+  },
+  3: {
+    px: "3",
+    py: "2"
+  }
+}, y = {
+  outline: {
+    border: "px"
+  },
+  ghost: {
+    border: "px",
+    borderColor: "transparent"
+  }
+}, O = {
+  default: {},
+  disabled: {
+    bg: "gray-2",
+    borderColor: "gray-2"
+  },
+  error: {
+    borderColor: "red-6"
+  }
+};
+function z(r, t) {
+  if (typeof r != "object" || !r) return r;
+  var a = r[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var e = a.call(r, t || "default");
+    if (typeof e != "object") return e;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(r);
+}
+function j(r) {
+  var t = z(r, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+function P(r, t, a) {
+  return t = j(t), t in r ? Object.defineProperty(r, t, {
+    value: a,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : r[t] = a, r;
+}
+function l(r, t) {
+  var a = Object.keys(r);
+  if (Object.getOwnPropertySymbols) {
+    var e = Object.getOwnPropertySymbols(r);
+    t && (e = e.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(r, s).enumerable;
+    })), a.push.apply(a, e);
+  }
+  return a;
+}
+function v(r) {
+  for (var t = 1; t < arguments.length; t++) {
+    var a = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? l(Object(a), !0).forEach(function(e) {
+      P(r, e, a[e]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(a)) : l(Object(a)).forEach(function(e) {
+      Object.defineProperty(r, e, Object.getOwnPropertyDescriptor(a, e));
+    });
+  }
+  return r;
+}
+function f(r, t) {
+  var a = {};
+  for (var e in r)
+    a[e] = t(r[e], e);
+  return a;
+}
+var w = (r, t, a) => {
+  for (var e of Object.keys(r)) {
+    var s;
+    if (r[e] !== ((s = t[e]) !== null && s !== void 0 ? s : a[e]))
+      return !1;
+  }
+  return !0;
+}, x = (r) => {
+  var t = (a) => {
+    var e = r.defaultClassName, s = v(v({}, r.defaultVariants), a);
+    for (var i in s) {
+      var o, u = (o = s[i]) !== null && o !== void 0 ? o : r.defaultVariants[i];
+      if (u != null) {
+        var n = u;
+        typeof n == "boolean" && (n = n === !0 ? "true" : "false");
+        var p = (
+          // @ts-expect-error
+          r.variantClassNames[i][n]
+        );
+        p && (e += " " + p);
+      }
+    }
+    for (var [b, d] of r.compoundVariants)
+      w(b, s, r.defaultVariants) && (e += " " + d);
+    return e;
+  };
+  return t.variants = () => Object.keys(r.variantClassNames), t.classNames = {
+    get base() {
+      return r.defaultClassName.split(" ")[0];
+    },
+    get variants() {
+      return f(r.variantClassNames, (a) => f(a, (e) => e.split(" ")[0]));
+    }
+  }, t;
+}, C = "tgph-1izsev00", S = x({ defaultClassName: "tgph-1izsev01", variantClassNames: { size: { 1: "tgph-1izsev02", 2: "tgph-1izsev03", 3: "tgph-1izsev04" }, state: { default: "tgph-1izsev05", disabled: "tgph-1izsev06", error: "tgph-1izsev07" }, resize: { both: "tgph-1izsev08", vertical: "tgph-1izsev09", horizontal: "tgph-1izsev0a", none: "tgph-1izsev0b" }, variant: { outline: "tgph-1izsev0c", ghost: "tgph-1izsev0d" } }, defaultVariants: {}, compoundVariants: [] });
+const V = ({ disabled: r, errored: t }) => r ? "disabled" : t ? "error" : "default", M = ({
+  size: r = "2",
+  variant: t = "outline",
+  rounded: a = "2",
+  resize: e = "both",
+  disabled: s,
+  errored: i,
+  className: o,
+  ...u
+}) => {
+  const n = V({ disabled: s, errored: i });
+  return /* @__PURE__ */ m(
+    c,
+    {
+      as: "textarea",
+      className: g(
+        C,
+        S({ variant: t, size: r, resize: e, state: n }),
+        o
+      ),
+      rounded: a,
+      disabled: s,
+      ...h[r],
+      ...y[t],
+      ...O[n],
+      ...u
+    }
+  );
+};
+export {
+  M as TextArea
+};
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/TextArea/TextArea.constants.ts","../../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js","../../src/TextArea/TextArea.tsx"],"sourcesContent":["import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport type { Box } from \"@telegraph/layout\";\n\nexport type Size = \"1\" | \"2\" | \"3\";\nexport type Variant = \"outline\" | \"ghost\";\nexport type State = \"default\" | \"disabled\" | \"error\";\n\ntype SizeMap = {\n  [key in Size]: TgphComponentProps<typeof Box>;\n};\n\ntype VariantMap = {\n  [key in Variant]: TgphComponentProps<typeof Box>;\n};\n\ntype StateMap = {\n  [key in State]: TgphComponentProps<typeof Box>;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {},\n  disabled: {\n    bg: \"gray-2\",\n    borderColor: \"gray-2\",\n  },\n  error: {\n    borderColor: \"red-6\",\n  },\n};\n","function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n","import type { TgphComponentProps } from \"@telegraph/helpers\";\nimport { Box } from \"@telegraph/layout\";\nimport { clsx } from \"clsx\";\nimport React from \"react\";\n\nimport {\n  type Size,\n  type State,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\nimport { baseStyles, variants } from \"./TextArea.css\";\n\nconst deriveState = ({ disabled, errored }: TextAreaBaseProps): State => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Box> &\n  React.ComponentPropsWithoutRef<\"textarea\">;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  rounded = \"2\",\n  resize = \"both\",\n  disabled,\n  errored,\n  className,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Box\n      as=\"textarea\"\n      className={clsx(\n        baseStyles,\n        variants({ variant, size, resize, state: derivedState }),\n        className,\n      )}\n      rounded={rounded}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState]}\n      {...props}\n    />\n  );\n};\n\ntype TextAreaExportedProps = TgphComponentProps<typeof TextArea>;\n\nexport { TextArea, type TextAreaExportedProps as TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","toPrimitive","t","r","e","i","toPropertyKey","_defineProperty","obj","key","value","ownKeys","o","_objectSpread2","mapValues","input","fn","result","_key","shouldApplyCompound","compoundCheck","selections","defaultVariants","_selections$key","createRuntimeFn","config","runtimeFn","options","className","variantName","_selections$variantNa","variantSelection","selection","selectionClassName","compoundClassName","classNames","deriveState","disabled","errored","TextArea","size","variant","rounded","resize","props","derivedState","jsx","Box","clsx","baseStyles","variants"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/types/TextArea/TextArea.constants.d.ts

@@ -0,0 +1,20 @@
+import { TgphComponentProps } from '@telegraph/helpers';
+import { Box } from '@telegraph/layout';
+
+export type Size = "1" | "2" | "3";
+export type Variant = "outline" | "ghost";
+export type State = "default" | "disabled" | "error";
+type SizeMap = {
+    [key in Size]: TgphComponentProps<typeof Box>;
+};
+type VariantMap = {
+    [key in Variant]: TgphComponentProps<typeof Box>;
+};
+type StateMap = {
+    [key in State]: TgphComponentProps<typeof Box>;
+};
+export declare const sizeMap: SizeMap;
+export declare const variantMap: VariantMap;
+export declare const stateMap: StateMap;
+export {};
+//# sourceMappingURL=TextArea.constants.d.ts.map

package/dist/types/TextArea/TextArea.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.constants.d.ts","sourceRoot":"","sources":["../../../src/TextArea/TextArea.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1C,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAErD,KAAK,OAAO,GAAG;KACZ,GAAG,IAAI,IAAI,GAAG,kBAAkB,CAAC,OAAO,GAAG,CAAC;CAC9C,CAAC;AAEF,KAAK,UAAU,GAAG;KACf,GAAG,IAAI,OAAO,GAAG,kBAAkB,CAAC,OAAO,GAAG,CAAC;CACjD,CAAC;AAEF,KAAK,QAAQ,GAAG;KACb,GAAG,IAAI,KAAK,GAAG,kBAAkB,CAAC,OAAO,GAAG,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAStB,CAAC"}

package/dist/types/TextArea/TextArea.css.d.ts

@@ -0,0 +1,61 @@
+export declare const baseStyles: string;
+export declare const variants: import('@vanilla-extract/recipes').RuntimeFn<{
+    size: {
+        "1": {
+            fontSize: "var(--tgph-text-1)";
+            lineHeight: "var(--tgph-leading-1)";
+            letterSpacing: "var(--tgph-tracking-1)";
+        };
+        "2": {
+            fontSize: "var(--tgph-text-2)";
+            lineHeight: "var(--tgph-leading-2)";
+            letterSpacing: "var(--tgph-tracking-2)";
+        };
+        "3": {
+            fontSize: "var(--tgph-text-3)";
+            lineHeight: "var(--tgph-leading-3)";
+            letterSpacing: "var(--tgph-tracking-3)";
+        };
+    };
+    state: {
+        default: {};
+        disabled: {
+            cursor: "not-allowed";
+            ":hover": {
+                borderColor: "var(--tgph-gray-2)";
+            };
+            ":focus": {
+                borderColor: "var(--tgph-gray-2)";
+            };
+        };
+        error: {
+            ":hover": {
+                borderColor: "var(--tgph-red-6)";
+            };
+            ":focus": {
+                borderColor: "var(--tgph-red-8)";
+            };
+        };
+    };
+    resize: {
+        both: {
+            resize: "both";
+        };
+        vertical: {
+            resize: "vertical";
+        };
+        horizontal: {
+            resize: "horizontal";
+        };
+        none: {
+            resize: "none";
+        };
+    };
+    variant: {
+        outline: {};
+        ghost: {
+            resize: "none";
+        };
+    };
+}>;
+//# sourceMappingURL=TextArea.css.d.ts.map

package/dist/types/TextArea/TextArea.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.css.d.ts","sourceRoot":"","sources":["../../../src/TextArea/TextArea.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAerB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DnB,CAAC"}

package/dist/types/TextArea/TextArea.d.ts

@@ -0,0 +1,17 @@
+import { TgphComponentProps } from '@telegraph/helpers';
+import { Box } from '@telegraph/layout';
+import { default as React } from 'react';
+import { Size, Variant } from './TextArea.constants';
+
+type TextAreaBaseProps = {
+    size?: Size;
+    variant?: Variant;
+    errored?: boolean;
+    disabled?: boolean;
+    resize?: "both" | "vertical" | "horizontal" | "none";
+};
+type TextAreaProps = TextAreaBaseProps & TgphComponentProps<typeof Box> & React.ComponentPropsWithoutRef<"textarea">;
+declare const TextArea: ({ size, variant, rounded, resize, disabled, errored, className, ...props }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+type TextAreaExportedProps = TgphComponentProps<typeof TextArea>;
+export { TextArea, type TextAreaExportedProps as TextAreaProps };
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/types/TextArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,KAAK,IAAI,EAET,KAAK,OAAO,EAIb,MAAM,sBAAsB,CAAC;AAS9B,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACtD,CAAC;AAEF,KAAK,aAAa,GAAG,iBAAiB,GACpC,kBAAkB,CAAC,OAAO,GAAG,CAAC,GAC9B,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,QAAQ,+EASX,aAAa,4CAmBf,CAAC;AAEF,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,KAAK,qBAAqB,IAAI,aAAa,EAAE,CAAC"}

package/dist/types/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea, type TextAreaProps } from './TextArea';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/TextArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea, type TextAreaProps } from './TextArea';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@telegraph/textarea",
+  "version": "0.0.1",
+  "description": "A multi-line user input.",
+  "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/textarea",
+  "author": "@knocklabs",
+  "license": "MIT",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.mjs",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts",
+      "default": "./dist/css/default.css"
+    },
+    "./default.css": "./dist/css/default.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "prettier": "@telegraph/prettier-config",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "dev": "vite build --watch --emptyOutDir false",
+    "build": "yarn clean && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier \"src/**/*.{js,ts,tsx}\" --write",
+    "format:check": "prettier \"src/**/*.{js,ts,tsx}\" --check",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@telegraph/helpers": "^0.0.7",
+    "@telegraph/layout": "^0.0.30",
+    "@telegraph/style-engine": "^0.0.5",
+    "clsx": "^2.1.1"
+  },
+  "devDependencies": {
+    "@knocklabs/eslint-config": "^0.0.3",
+    "@knocklabs/typescript-config": "^0.0.2",
+    "@telegraph/postcss-config": "^0.0.20",
+    "@telegraph/prettier-config": "^0.0.6",
+    "@telegraph/vite-config": "^0.0.11",
+    "@types/react": "^18.2.48",
+    "eslint": "^8.56.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.5.4",
+    "vite": "^5.3.6"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.3.1"
+  }
+}