@telegraph/textarea 0.0.1 → 0.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @telegraph/textarea
 
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`7ef8fe2`](https://github.com/knocklabs/telegraph/commit/7ef8fe2df51b1f632163918095a5496322277cad), [`8f5a797`](https://github.com/knocklabs/telegraph/commit/8f5a797d9d4a02b7477ae8851057d92d09ff0fa3)]:
+  - @telegraph/style-engine@0.1.0
+  - @telegraph/typography@0.1.0
+
+## 0.0.2
+
+### Patch Changes
+
+- [#300](https://github.com/knocklabs/telegraph/pull/300) [`852f777`](https://github.com/knocklabs/telegraph/commit/852f777b0f5a0cb40ce4111ff918cc5c243b108d) Thanks [@kylemcd](https://github.com/kylemcd)! - add support for text props on input and textarea
+
 ## 0.0.1
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),g=require("@telegraph/typography"),m=require("clsx"),h={1:{p:"1",size:"1"},2:{px:"2",py:"1",size:"2"},3:{px:"3",py:"2",size:"3"}},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,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 j(r){var e=z(r,"string");return typeof e=="symbol"?e:String(e)}function P(r,e,a){return e=j(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,l=(o=s[i])!==null&&o!==void 0?o:r.defaultVariants[i];if(l!=null){var n=l;typeof n=="boolean"&&(n=n===!0?"true":"false");var u=r.variantClassNames[i][n];u&&(t+=" "+u)}}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,textProps:l,...n})=>{const u=V({disabled:s,errored:i});return c.jsx(g.Text,{as:"textarea",className:m.clsx(S,C({variant:e,size:r,resize:t,state:u}),o),rounded:a,disabled:s,...h[r],...y[e],...O[u],...l,...n})};exports.TextArea=N;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +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]}
+{"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 { Text } from \"@telegraph/typography\";\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]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"p\" | \"size\" | \"px\" | \"py\">\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"border\" | \"borderColor\">\n  >;\n};\n\ntype StateMap = {\n  [key in State]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"bg\" | \"borderColor\">\n  >;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n    size: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n    size: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\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 { Text } from \"@telegraph/typography\";\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  textProps?: Omit<React.ComponentProps<typeof Text>, \"as\">;\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Text> &\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  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\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      {...textProps}\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","textProps","props","derivedState","jsx","Text","clsx","baseStyles","variants"],"mappings":"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","x_google_ignoreList":[1]}

package/dist/esm/index.mjs

@@ -1,17 +1,20 @@
 import { jsx as m } from "react/jsx-runtime";
-import { Box as c } from "@telegraph/layout";
+import { Text as c } from "@telegraph/typography";
 import { clsx as g } from "clsx";
 const h = {
   1: {
-    p: "1"
+    p: "1",
+    size: "1"
   },
   2: {
     px: "2",
-    py: "1"
+    py: "1",
+    size: "2"
   },
   3: {
     px: "3",
-    py: "2"
+    py: "2",
+    size: "3"
   }
 }, y = {
   outline: {
@@ -21,7 +24,7 @@ const h = {
     border: "px",
     borderColor: "transparent"
   }
-}, O = {
+}, z = {
   default: {},
   disabled: {
     bg: "gray-2",
@@ -31,116 +34,118 @@ const h = {
     borderColor: "red-6"
   }
 };
-function z(r, t) {
+function O(r, e) {
   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;
+    var t = a.call(r, e || "default");
+    if (typeof t != "object") return t;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(r);
+  return (e === "string" ? String : Number)(r);
 }
 function j(r) {
-  var t = z(r, "string");
-  return typeof t == "symbol" ? t : String(t);
+  var e = O(r, "string");
+  return typeof e == "symbol" ? e : String(e);
 }
-function P(r, t, a) {
-  return t = j(t), t in r ? Object.defineProperty(r, t, {
+function P(r, e, a) {
+  return e = j(e), e in r ? Object.defineProperty(r, e, {
     value: a,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : r[t] = a, r;
+  }) : r[e] = a, r;
 }
-function l(r, t) {
+function l(r, e) {
   var a = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var e = Object.getOwnPropertySymbols(r);
-    t && (e = e.filter(function(s) {
+    var t = Object.getOwnPropertySymbols(r);
+    e && (t = t.filter(function(s) {
       return Object.getOwnPropertyDescriptor(r, s).enumerable;
-    })), a.push.apply(a, e);
+    })), a.push.apply(a, t);
   }
   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));
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? l(Object(a), !0).forEach(function(t) {
+      P(r, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(a)) : l(Object(a)).forEach(function(t) {
+      Object.defineProperty(r, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
   return r;
 }
-function f(r, t) {
+function f(r, e) {
   var a = {};
-  for (var e in r)
-    a[e] = t(r[e], e);
+  for (var t in r)
+    a[t] = e(r[t], t);
   return a;
 }
-var w = (r, t, a) => {
-  for (var e of Object.keys(r)) {
+var w = (r, e, a) => {
+  for (var t of Object.keys(r)) {
     var s;
-    if (r[e] !== ((s = t[e]) !== null && s !== void 0 ? s : a[e]))
+    if (r[t] !== ((s = e[t]) !== null && s !== void 0 ? s : a[t]))
       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 = (
+  var e = (a) => {
+    var t = r.defaultClassName, s = v(v({}, r.defaultVariants), a);
+    for (var n in s) {
+      var o, p = (o = s[n]) !== null && o !== void 0 ? o : r.defaultVariants[n];
+      if (p != null) {
+        var i = p;
+        typeof i == "boolean" && (i = i === !0 ? "true" : "false");
+        var u = (
           // @ts-expect-error
-          r.variantClassNames[i][n]
+          r.variantClassNames[n][i]
         );
-        p && (e += " " + p);
+        u && (t += " " + u);
       }
     }
     for (var [b, d] of r.compoundVariants)
-      w(b, s, r.defaultVariants) && (e += " " + d);
-    return e;
+      w(b, s, r.defaultVariants) && (t += " " + d);
+    return t;
   };
-  return t.variants = () => Object.keys(r.variantClassNames), t.classNames = {
+  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, (e) => e.split(" ")[0]));
+      return f(r.variantClassNames, (a) => f(a, (t) => t.split(" ")[0]));
     }
-  }, t;
+  }, e;
 }, 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 = ({
+const V = ({ disabled: r, errored: e }) => r ? "disabled" : e ? "error" : "default", M = ({
   size: r = "2",
-  variant: t = "outline",
+  variant: e = "outline",
   rounded: a = "2",
-  resize: e = "both",
+  resize: t = "both",
   disabled: s,
-  errored: i,
+  errored: n,
   className: o,
-  ...u
+  textProps: p,
+  ...i
 }) => {
-  const n = V({ disabled: s, errored: i });
+  const u = V({ disabled: s, errored: n });
   return /* @__PURE__ */ m(
     c,
     {
       as: "textarea",
       className: g(
         C,
-        S({ variant: t, size: r, resize: e, state: n }),
+        S({ variant: e, size: r, resize: t, state: u }),
         o
       ),
       rounded: a,
       disabled: s,
       ...h[r],
-      ...y[t],
-      ...O[n],
-      ...u
+      ...y[e],
+      ...z[u],
+      ...p,
+      ...i
     }
   );
 };

package/dist/esm/index.mjs.map

@@ -1 +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]}
+{"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 { Text } from \"@telegraph/typography\";\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]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"p\" | \"size\" | \"px\" | \"py\">\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"border\" | \"borderColor\">\n  >;\n};\n\ntype StateMap = {\n  [key in State]: Partial<\n    Pick<TgphComponentProps<typeof Text>, \"bg\" | \"borderColor\">\n  >;\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    p: \"1\",\n    size: \"1\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1\",\n    size: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\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 { Text } from \"@telegraph/typography\";\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  textProps?: Omit<React.ComponentProps<typeof Text>, \"as\">;\n};\n\ntype TextAreaProps = TextAreaBaseProps &\n  TgphComponentProps<typeof Text> &\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  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\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      {...textProps}\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","textProps","props","derivedState","jsx","Text","clsx","baseStyles","variants"],"mappings":"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","x_google_ignoreList":[1]}

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

@@ -1,17 +1,17 @@
 import { TgphComponentProps } from '@telegraph/helpers';
-import { Box } from '@telegraph/layout';
+import { Text } from '@telegraph/typography';
 
 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>;
+    [key in Size]: Partial<Pick<TgphComponentProps<typeof Text>, "p" | "size" | "px" | "py">>;
 };
 type VariantMap = {
-    [key in Variant]: TgphComponentProps<typeof Box>;
+    [key in Variant]: Partial<Pick<TgphComponentProps<typeof Text>, "border" | "borderColor">>;
 };
 type StateMap = {
-    [key in State]: TgphComponentProps<typeof Box>;
+    [key in State]: Partial<Pick<TgphComponentProps<typeof Text>, "bg" | "borderColor">>;
 };
 export declare const sizeMap: SizeMap;
 export declare const variantMap: VariantMap;

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

@@ -1 +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"}
+{"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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,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,OAAO,CACpB,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC,CAClE;CACF,CAAC;AAEF,KAAK,UAAU,GAAG;KACf,GAAG,IAAI,OAAO,GAAG,OAAO,CACvB,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC,CAChE;CACF,CAAC;AAEF,KAAK,QAAQ,GAAG;KACb,GAAG,IAAI,KAAK,GAAG,OAAO,CACrB,IAAI,CAAC,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,GAAG,aAAa,CAAC,CAC5D;CACF,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAerB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAStB,CAAC"}

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

@@ -1,5 +1,5 @@
 import { TgphComponentProps } from '@telegraph/helpers';
-import { Box } from '@telegraph/layout';
+import { Text } from '@telegraph/typography';
 import { default as React } from 'react';
 import { Size, Variant } from './TextArea.constants';
 
@@ -9,9 +9,10 @@ type TextAreaBaseProps = {
     errored?: boolean;
     disabled?: boolean;
     resize?: "both" | "vertical" | "horizontal" | "none";
+    textProps?: Omit<React.ComponentProps<typeof Text>, "as">;
 };
-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 TextAreaProps = TextAreaBaseProps & TgphComponentProps<typeof Text> & React.ComponentPropsWithoutRef<"textarea">;
+declare const TextArea: ({ size, variant, rounded, resize, disabled, errored, className, textProps, ...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

@@ -1 +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"}
+{"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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,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;IACrD,SAAS,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;CAC3D,CAAC;AAEF,KAAK,aAAa,GAAG,iBAAiB,GACpC,kBAAkB,CAAC,OAAO,IAAI,CAAC,GAC/B,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,QAAQ,0FAUX,aAAa,4CAoBf,CAAC;AAEF,KAAK,qBAAqB,GAAG,kBAAkB,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,KAAK,qBAAqB,IAAI,aAAa,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/textarea",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A multi-line user input.",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/textarea",
   "author": "@knocklabs",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@telegraph/helpers": "^0.0.7",
-    "@telegraph/layout": "^0.0.30",
-    "@telegraph/style-engine": "^0.0.5",
+    "@telegraph/style-engine": "^0.1.0",
+    "@telegraph/typography": "^0.1.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
@@ -48,7 +48,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.3.1",
     "typescript": "^5.5.4",
-    "vite": "^5.3.6"
+    "vite": "^5.4.7"
   },
   "peerDependencies": {
     "react": "^18.2.0",