@telegraph/textarea 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @telegraph/textarea
 
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`094cb1c`](https://github.com/knocklabs/telegraph/commit/094cb1cb32ab65f5c985cf5497997ec955ff3b89)]:
+  - @telegraph/style-engine@0.1.2
+  - @telegraph/typography@0.1.4
+
 ## 0.0.6
 
 ### 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/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;
+"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(e,r){if(typeof e!="object"||!e)return e;var a=e[Symbol.toPrimitive];if(a!==void 0){var t=a.call(e,r||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function j(e){var r=z(e,"string");return typeof r=="symbol"?r:String(r)}function P(e,r,a){return r=j(r),r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function p(e,r){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),a.push.apply(a,t)}return a}function v(e){for(var r=1;r<arguments.length;r++){var a=arguments[r]!=null?arguments[r]:{};r%2?p(Object(a),!0).forEach(function(t){P(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function f(e,r){var a={};for(var t in e)a[t]=r(e[t],t);return a}var x=(e,r,a)=>{for(var t of Object.keys(e)){var s;if(e[t]!==((s=r[t])!==null&&s!==void 0?s:a[t]))return!1}return!0},w=e=>{var r=a=>{var t=e.defaultClassName,s=v(v({},e.defaultVariants),a);for(var i in s){var u,l=(u=s[i])!==null&&u!==void 0?u:e.defaultVariants[i];if(l!=null){var n=l;typeof n=="boolean"&&(n=n===!0?"true":"false");var o=e.variantClassNames[i][n];o&&(t+=" "+o)}}for(var[d,b]of e.compoundVariants)x(d,s,e.defaultVariants)&&(t+=" "+b);return t};return r.variants=()=>Object.keys(e.variantClassNames),r.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return f(e.variantClassNames,a=>f(a,t=>t.split(" ")[0]))}},r},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:e,errored:r})=>e?"disabled":r?"error":"default",N=({size:e="2",variant:r="outline",rounded:a="2",resize:t="both",disabled:s,errored:i,className:u,textProps:l,...n})=>{const o=V({disabled:s,errored:i});return c.jsx(g.Text,{as:"textarea",className:m.clsx(S,C({variant:r,size:e,resize:t,state:o}),u),rounded:a,disabled:s,...h[e],...y[r],...O[o],...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 { 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]}
+{"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","e","i","toPropertyKey","_defineProperty","obj","key","value","ownKeys","o","r","_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

@@ -66,7 +66,7 @@ function l(r, e) {
   }
   return a;
 }
-function v(r) {
+function f(r) {
   for (var e = 1; e < arguments.length; e++) {
     var a = arguments[e] != null ? arguments[e] : {};
     e % 2 ? l(Object(a), !0).forEach(function(t) {
@@ -77,7 +77,7 @@ function v(r) {
   }
   return r;
 }
-function f(r, e) {
+function v(r, e) {
   var a = {};
   for (var t in r)
     a[t] = e(r[t], t);
@@ -92,21 +92,21 @@ var w = (r, e, a) => {
   return !0;
 }, x = (r) => {
   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];
+    var t = r.defaultClassName, s = f(f({}, r.defaultVariants), a);
+    for (var i in s) {
+      var o, p = (o = s[i]) !== null && o !== void 0 ? o : r.defaultVariants[i];
       if (p != null) {
-        var i = p;
-        typeof i == "boolean" && (i = i === !0 ? "true" : "false");
+        var n = p;
+        typeof n == "boolean" && (n = n === !0 ? "true" : "false");
         var u = (
           // @ts-expect-error
-          r.variantClassNames[n][i]
+          r.variantClassNames[i][n]
         );
         u && (t += " " + u);
       }
     }
-    for (var [b, d] of r.compoundVariants)
-      w(b, s, r.defaultVariants) && (t += " " + d);
+    for (var [d, b] of r.compoundVariants)
+      w(d, s, r.defaultVariants) && (t += " " + b);
     return t;
   };
   return e.variants = () => Object.keys(r.variantClassNames), e.classNames = {
@@ -114,7 +114,7 @@ var w = (r, e, a) => {
       return r.defaultClassName.split(" ")[0];
     },
     get variants() {
-      return f(r.variantClassNames, (a) => f(a, (t) => t.split(" ")[0]));
+      return v(r.variantClassNames, (a) => v(a, (t) => t.split(" ")[0]));
     }
   }, 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: [] });
@@ -124,12 +124,12 @@ const V = ({ disabled: r, errored: e }) => r ? "disabled" : e ? "error" : "defau
   rounded: a = "2",
   resize: t = "both",
   disabled: s,
-  errored: n,
+  errored: i,
   className: o,
   textProps: p,
-  ...i
+  ...n
 }) => {
-  const u = V({ disabled: s, errored: n });
+  const u = V({ disabled: s, errored: i });
   return /* @__PURE__ */ m(
     c,
     {
@@ -145,7 +145,7 @@ const V = ({ disabled: r, errored: e }) => r ? "disabled" : e ? "error" : "defau
       ...y[e],
       ...z[u],
       ...p,
-      ...i
+      ...n
     }
   );
 };

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 { 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]}
+{"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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/textarea",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "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/style-engine": "^0.1.1",
-    "@telegraph/typography": "^0.1.3",
+    "@telegraph/style-engine": "^0.1.2",
+    "@telegraph/typography": "^0.1.4",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
@@ -48,7 +48,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.3.1",
     "typescript": "^5.5.4",
-    "vite": "^5.4.7"
+    "vite": "^6.0.11"
   },
   "peerDependencies": {
     "react": "^18.2.0",