@telegraph/textarea 0.1.9 → 0.2.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @telegraph/textarea
 
+## 0.2.0
+
+### Minor Changes
+
+- [#714](https://github.com/knocklabs/telegraph/pull/714) [`627e61c`](https://github.com/knocklabs/telegraph/commit/627e61c3b17ccfc36f5fb835bb5f21a092efca95) Thanks [@kylemcd](https://github.com/kylemcd)! - feat: hover, focus, etc states as component props
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @telegraph/typography@0.2.1
+
 ## 0.1.9
 
 ### 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"),l=require("@telegraph/typography"),s={1:{px:"1_5",py:"1",size:"1",rounded:"2"},2:{px:"2",py:"1_5",size:"2",rounded:"2"},3:{px:"3",py:"2",size:"3",rounded:"2"}},n={outline:{border:"px",borderColor:"gray-6",hover_borderColor:"gray-7",hover_backgroundColor:"surface-2",active_borderColor:"blue-8",active_backgroundColor:"surface-3",focus_borderColor:"blue-8",focus_backgroundColor:"surface-3"},ghost:{border:"px",borderColor:"transparent",hover_borderColor:"gray-7",hover_backgroundColor:"surface-2",active_borderColor:"blue-8",active_backgroundColor:"surface-3",focus_borderColor:"blue-8",focus_backgroundColor:"surface-3"}},i={default:{outline:{bg:"surface-3"},ghost:{bg:"transparent"}},disabled:{outline:{bg:"gray-2",borderColor:"transparent",hover_borderColor:void 0,hover_backgroundColor:void 0,active_borderColor:void 0,active_backgroundColor:void 0,focus_borderColor:void 0,focus_backgroundColor:void 0},ghost:{bg:"transparent",borderColor:"transparent",hover_borderColor:void 0,hover_backgroundColor:void 0,active_borderColor:void 0,active_backgroundColor:void 0,focus_borderColor:void 0,focus_backgroundColor:void 0}},error:{outline:{bg:"surface-3",borderColor:"red-6",hover_borderColor:"red-7"},ghost:{bg:"surface-3",borderColor:"red-6",hover_borderColor:"red-7"}}},g=({disabled:o,errored:r})=>o?"disabled":r?"error":"default",v=({size:o="2",variant:r="outline",resize:a="both",disabled:e,errored:d,textProps:u,...b})=>{const t=g({disabled:e,errored:d});return c.jsx(l.Text,{as:"textarea","data-tgph-textarea":!0,"data-tgph-textarea-state":t,"data-tgph-textarea-variant":r,"data-tgph-textarea-size":o,"data-tgph-textarea-resize":a,disabled:e,...s[o],...n[r],...i[t][r],...u,...b})};exports.TextArea=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("@telegraph/typography"),l={1:{px:"1_5",py:"1",size:"1",rounded:"2"},2:{px:"2",py:"1_5",size:"2",rounded:"2"},3:{px:"3",py:"2",size:"3",rounded:"2"}},c={outline:{border:"px",borderColor:"gray-6",_hover:{borderColor:"gray-7",backgroundColor:"surface-2"},_active:{borderColor:"blue-8",backgroundColor:"surface-3"},_focus:{borderColor:"blue-8",backgroundColor:"surface-3"}},ghost:{border:"px",borderColor:"transparent",_hover:{borderColor:"gray-7",backgroundColor:"surface-2"},_active:{borderColor:"blue-8",backgroundColor:"surface-3"},_focus:{borderColor:"blue-8",backgroundColor:"surface-3"}}},i={default:{outline:{bg:"surface-3"},ghost:{bg:"transparent"}},disabled:{outline:{bg:"gray-2",borderColor:"transparent",_hover:void 0,_active:void 0,_focus:void 0},ghost:{bg:"transparent",borderColor:"transparent",_hover:void 0,_active:void 0,_focus:void 0}},error:{outline:{bg:"surface-3",borderColor:"red-6",_hover:{borderColor:"red-7"}},ghost:{bg:"surface-3",borderColor:"red-6",_hover:{borderColor:"red-7"}}}},g=({disabled:e,errored:r})=>e?"disabled":r?"error":"default",p=({size:e="2",variant:r="outline",resize:a="both",disabled:o,errored:d,textProps:u,...s})=>{const t=g({disabled:o,errored:d});return n.jsx(b.Text,{as:"textarea","data-tgph-textarea":!0,"data-tgph-textarea-state":t,"data-tgph-textarea-variant":r,"data-tgph-textarea-size":e,"data-tgph-textarea-resize":a,disabled:o,...l[e],...c[r],...i[t][r],...u,...s})};exports.TextArea=p;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/TextArea/TextArea.constants.ts","../../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<\n      TgphComponentProps<typeof Text>,\n      \"p\" | \"size\" | \"px\" | \"py\" | \"rounded\"\n    >\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<\n      TgphComponentProps<typeof Text>,\n      | \"border\"\n      | \"borderColor\"\n      | \"hover_borderColor\"\n      | \"hover_backgroundColor\"\n      | \"active_borderColor\"\n      | \"active_backgroundColor\"\n      | \"focus_borderColor\"\n      | \"focus_backgroundColor\"\n    >\n  >;\n};\n\ntype StateMap = {\n  [key in State]: {\n    [key in Variant]: Partial<\n      Pick<\n        TgphComponentProps<typeof Text>,\n        | \"bg\"\n        | \"borderColor\"\n        | \"hover_borderColor\"\n        | \"hover_backgroundColor\"\n        | \"active_borderColor\"\n        | \"active_backgroundColor\"\n        | \"focus_borderColor\"\n        | \"focus_backgroundColor\"\n      >\n    >;\n  };\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    px: \"1_5\",\n    py: \"1\",\n    size: \"1\",\n    rounded: \"2\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1_5\",\n    size: \"2\",\n    rounded: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n    rounded: \"2\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n    borderColor: \"gray-6\",\n    hover_borderColor: \"gray-7\",\n    hover_backgroundColor: \"surface-2\",\n    active_borderColor: \"blue-8\",\n    active_backgroundColor: \"surface-3\",\n    focus_borderColor: \"blue-8\",\n    focus_backgroundColor: \"surface-3\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n    hover_borderColor: \"gray-7\",\n    hover_backgroundColor: \"surface-2\",\n    active_borderColor: \"blue-8\",\n    active_backgroundColor: \"surface-3\",\n    focus_borderColor: \"blue-8\",\n    focus_backgroundColor: \"surface-3\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {\n    outline: {\n      bg: \"surface-3\",\n    },\n    ghost: {\n      bg: \"transparent\",\n    },\n  },\n  disabled: {\n    outline: {\n      bg: \"gray-2\",\n      borderColor: \"transparent\",\n      hover_borderColor: undefined,\n      hover_backgroundColor: undefined,\n      active_borderColor: undefined,\n      active_backgroundColor: undefined,\n      focus_borderColor: undefined,\n      focus_backgroundColor: undefined,\n    },\n    ghost: {\n      bg: \"transparent\",\n      borderColor: \"transparent\",\n      hover_borderColor: undefined,\n      hover_backgroundColor: undefined,\n      active_borderColor: undefined,\n      active_backgroundColor: undefined,\n      focus_borderColor: undefined,\n      focus_backgroundColor: undefined,\n    },\n  },\n  error: {\n    outline: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      hover_borderColor: \"red-7\",\n    },\n    ghost: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      hover_borderColor: \"red-7\",\n    },\n  },\n};\n","import { Text, type TextProps } from \"@telegraph/typography\";\n\nimport {\n  type Size,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\n\nconst deriveState = ({\n  disabled,\n  errored,\n}: Pick<TextAreaBaseProps, \"disabled\" | \"errored\">) => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaTextProps = Omit<TextProps<\"textarea\">, \"as\">;\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: TextAreaTextProps;\n};\n\ntype TextAreaProps = TextAreaBaseProps & TextAreaTextProps;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  resize = \"both\",\n  disabled,\n  errored,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      data-tgph-textarea\n      data-tgph-textarea-state={derivedState}\n      data-tgph-textarea-variant={variant}\n      data-tgph-textarea-size={size}\n      data-tgph-textarea-resize={resize}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState][variant]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\nexport { TextArea, type TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","deriveState","disabled","errored","TextArea","size","variant","resize","textProps","props","derivedState","jsx","Text"],"mappings":"wJAkDaA,EAAmB,CAC9B,EAAK,CACH,GAAI,MACJ,GAAI,IACJ,KAAM,IACN,QAAS,GAAA,EAEX,EAAK,CACH,GAAI,IACJ,GAAI,MACJ,KAAM,IACN,QAAS,GAAA,EAEX,EAAK,CACH,GAAI,IACJ,GAAI,IACJ,KAAM,IACN,QAAS,GAAA,CAEb,EAEaC,EAAyB,CACpC,QAAS,CACP,OAAQ,KACR,YAAa,SACb,kBAAmB,SACnB,sBAAuB,YACvB,mBAAoB,SACpB,uBAAwB,YACxB,kBAAmB,SACnB,sBAAuB,WAAA,EAEzB,MAAO,CACL,OAAQ,KACR,YAAa,cACb,kBAAmB,SACnB,sBAAuB,YACvB,mBAAoB,SACpB,uBAAwB,YACxB,kBAAmB,SACnB,sBAAuB,WAAA,CAE3B,EAEaC,EAAqB,CAChC,QAAS,CACP,QAAS,CACP,GAAI,WAAA,EAEN,MAAO,CACL,GAAI,aAAA,CACN,EAEF,SAAU,CACR,QAAS,CACP,GAAI,SACJ,YAAa,cACb,kBAAmB,OACnB,sBAAuB,OACvB,mBAAoB,OACpB,uBAAwB,OACxB,kBAAmB,OACnB,sBAAuB,MAAA,EAEzB,MAAO,CACL,GAAI,cACJ,YAAa,cACb,kBAAmB,OACnB,sBAAuB,OACvB,mBAAoB,OACpB,uBAAwB,OACxB,kBAAmB,OACnB,sBAAuB,MAAA,CACzB,EAEF,MAAO,CACL,QAAS,CACP,GAAI,YACJ,YAAa,QACb,kBAAmB,OAAA,EAErB,MAAO,CACL,GAAI,YACJ,YAAa,QACb,kBAAmB,OAAA,CACrB,CAEJ,EC/HMC,EAAc,CAAC,CACnB,SAAAC,EACA,QAAAC,CACF,IACMD,EAAiB,WACjBC,EAAgB,QACb,UAgBHC,EAAW,CAAC,CAChB,KAAAC,EAAO,IACP,QAAAC,EAAU,UACV,OAAAC,EAAS,OACT,SAAAL,EACA,QAAAC,EACA,UAAAK,EACA,GAAGC,CACL,IAAqB,CACnB,MAAMC,EAAeT,EAAY,CAAE,SAAAC,EAAU,QAAAC,EAAS,EAEtD,OACEQ,EAAAA,IAACC,EAAAA,KAAA,CACC,GAAG,WACH,qBAAkB,GAClB,2BAA0BF,EAC1B,6BAA4BJ,EAC5B,0BAAyBD,EACzB,4BAA2BE,EAC3B,SAAAL,EACC,GAAGJ,EAAQO,CAAI,EACf,GAAGN,EAAWO,CAAO,EACrB,GAAGN,EAASU,CAAY,EAAEJ,CAAO,EACjC,GAAGE,EACH,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index.js","sources":["../../src/TextArea/TextArea.constants.ts","../../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<\n      TgphComponentProps<typeof Text>,\n      \"p\" | \"size\" | \"px\" | \"py\" | \"rounded\"\n    >\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<\n      TgphComponentProps<typeof Text>,\n      \"border\" | \"borderColor\" | \"_hover\" | \"_active\" | \"_focus\"\n    >\n  >;\n};\n\ntype StateMap = {\n  [key in State]: {\n    [key in Variant]: Partial<\n      Pick<\n        TgphComponentProps<typeof Text>,\n        \"bg\" | \"borderColor\" | \"_hover\" | \"_active\" | \"_focus\"\n      >\n    >;\n  };\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    px: \"1_5\",\n    py: \"1\",\n    size: \"1\",\n    rounded: \"2\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1_5\",\n    size: \"2\",\n    rounded: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n    rounded: \"2\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n    borderColor: \"gray-6\",\n    _hover: {\n      borderColor: \"gray-7\",\n      backgroundColor: \"surface-2\",\n    },\n    _active: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n    _focus: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n    _hover: {\n      borderColor: \"gray-7\",\n      backgroundColor: \"surface-2\",\n    },\n    _active: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n    _focus: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {\n    outline: {\n      bg: \"surface-3\",\n    },\n    ghost: {\n      bg: \"transparent\",\n    },\n  },\n  disabled: {\n    outline: {\n      bg: \"gray-2\",\n      borderColor: \"transparent\",\n      _hover: undefined,\n      _active: undefined,\n      _focus: undefined,\n    },\n    ghost: {\n      bg: \"transparent\",\n      borderColor: \"transparent\",\n      _hover: undefined,\n      _active: undefined,\n      _focus: undefined,\n    },\n  },\n  error: {\n    outline: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      _hover: {\n        borderColor: \"red-7\",\n      },\n    },\n    ghost: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      _hover: {\n        borderColor: \"red-7\",\n      },\n    },\n  },\n};\n","import { Text, type TextProps } from \"@telegraph/typography\";\n\nimport {\n  type Size,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\n\nconst deriveState = ({\n  disabled,\n  errored,\n}: Pick<TextAreaBaseProps, \"disabled\" | \"errored\">) => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaTextProps = Omit<TextProps<\"textarea\">, \"as\">;\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: TextAreaTextProps;\n};\n\ntype TextAreaProps = TextAreaBaseProps & TextAreaTextProps;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  resize = \"both\",\n  disabled,\n  errored,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      data-tgph-textarea\n      data-tgph-textarea-state={derivedState}\n      data-tgph-textarea-variant={variant}\n      data-tgph-textarea-size={size}\n      data-tgph-textarea-resize={resize}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState][variant]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\nexport { TextArea, type TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","deriveState","disabled","errored","TextArea","size","variant","resize","textProps","props","derivedState","jsx","Text"],"mappings":"wJAoCaA,EAAmB,CAC9B,EAAK,CACH,GAAI,MACJ,GAAI,IACJ,KAAM,IACN,QAAS,GAAA,EAEX,EAAK,CACH,GAAI,IACJ,GAAI,MACJ,KAAM,IACN,QAAS,GAAA,EAEX,EAAK,CACH,GAAI,IACJ,GAAI,IACJ,KAAM,IACN,QAAS,GAAA,CAEb,EAEaC,EAAyB,CACpC,QAAS,CACP,OAAQ,KACR,YAAa,SACb,OAAQ,CACN,YAAa,SACb,gBAAiB,WAAA,EAEnB,QAAS,CACP,YAAa,SACb,gBAAiB,WAAA,EAEnB,OAAQ,CACN,YAAa,SACb,gBAAiB,WAAA,CACnB,EAEF,MAAO,CACL,OAAQ,KACR,YAAa,cACb,OAAQ,CACN,YAAa,SACb,gBAAiB,WAAA,EAEnB,QAAS,CACP,YAAa,SACb,gBAAiB,WAAA,EAEnB,OAAQ,CACN,YAAa,SACb,gBAAiB,WAAA,CACnB,CAEJ,EAEaC,EAAqB,CAChC,QAAS,CACP,QAAS,CACP,GAAI,WAAA,EAEN,MAAO,CACL,GAAI,aAAA,CACN,EAEF,SAAU,CACR,QAAS,CACP,GAAI,SACJ,YAAa,cACb,OAAQ,OACR,QAAS,OACT,OAAQ,MAAA,EAEV,MAAO,CACL,GAAI,cACJ,YAAa,cACb,OAAQ,OACR,QAAS,OACT,OAAQ,MAAA,CACV,EAEF,MAAO,CACL,QAAS,CACP,GAAI,YACJ,YAAa,QACb,OAAQ,CACN,YAAa,OAAA,CACf,EAEF,MAAO,CACL,GAAI,YACJ,YAAa,QACb,OAAQ,CACN,YAAa,OAAA,CACf,CACF,CAEJ,EC3HMC,EAAc,CAAC,CACnB,SAAAC,EACA,QAAAC,CACF,IACMD,EAAiB,WACjBC,EAAgB,QACb,UAgBHC,EAAW,CAAC,CAChB,KAAAC,EAAO,IACP,QAAAC,EAAU,UACV,OAAAC,EAAS,OACT,SAAAL,EACA,QAAAC,EACA,UAAAK,EACA,GAAGC,CACL,IAAqB,CACnB,MAAMC,EAAeT,EAAY,CAAE,SAAAC,EAAU,QAAAC,EAAS,EAEtD,OACEQ,EAAAA,IAACC,EAAAA,KAAA,CACC,GAAG,WACH,qBAAkB,GAClB,2BAA0BF,EAC1B,6BAA4BJ,EAC5B,0BAAyBD,EACzB,4BAA2BE,EAC3B,SAAAL,EACC,GAAGJ,EAAQO,CAAI,EACf,GAAGN,EAAWO,CAAO,EACrB,GAAGN,EAASU,CAAY,EAAEJ,CAAO,EACjC,GAAGE,EACH,GAAGC,CAAA,CAAA,CAGV"}

package/dist/esm/index.mjs

@@ -1,6 +1,6 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Text as c } from "@telegraph/typography";
-const s = {
+import { jsx as b } from "react/jsx-runtime";
+import { Text as n } from "@telegraph/typography";
+const l = {
   1: {
     px: "1_5",
     py: "1",
@@ -19,26 +19,38 @@ const s = {
     size: "3",
     rounded: "2"
   }
-}, n = {
+}, c = {
   outline: {
     border: "px",
     borderColor: "gray-6",
-    hover_borderColor: "gray-7",
-    hover_backgroundColor: "surface-2",
-    active_borderColor: "blue-8",
-    active_backgroundColor: "surface-3",
-    focus_borderColor: "blue-8",
-    focus_backgroundColor: "surface-3"
+    _hover: {
+      borderColor: "gray-7",
+      backgroundColor: "surface-2"
+    },
+    _active: {
+      borderColor: "blue-8",
+      backgroundColor: "surface-3"
+    },
+    _focus: {
+      borderColor: "blue-8",
+      backgroundColor: "surface-3"
+    }
   },
   ghost: {
     border: "px",
     borderColor: "transparent",
-    hover_borderColor: "gray-7",
-    hover_backgroundColor: "surface-2",
-    active_borderColor: "blue-8",
-    active_backgroundColor: "surface-3",
-    focus_borderColor: "blue-8",
-    focus_backgroundColor: "surface-3"
+    _hover: {
+      borderColor: "gray-7",
+      backgroundColor: "surface-2"
+    },
+    _active: {
+      borderColor: "blue-8",
+      backgroundColor: "surface-3"
+    },
+    _focus: {
+      borderColor: "blue-8",
+      backgroundColor: "surface-3"
+    }
   }
 }, i = {
   default: {
@@ -53,68 +65,66 @@ const s = {
     outline: {
       bg: "gray-2",
       borderColor: "transparent",
-      hover_borderColor: void 0,
-      hover_backgroundColor: void 0,
-      active_borderColor: void 0,
-      active_backgroundColor: void 0,
-      focus_borderColor: void 0,
-      focus_backgroundColor: void 0
+      _hover: void 0,
+      _active: void 0,
+      _focus: void 0
     },
     ghost: {
       bg: "transparent",
       borderColor: "transparent",
-      hover_borderColor: void 0,
-      hover_backgroundColor: void 0,
-      active_borderColor: void 0,
-      active_backgroundColor: void 0,
-      focus_borderColor: void 0,
-      focus_backgroundColor: void 0
+      _hover: void 0,
+      _active: void 0,
+      _focus: void 0
     }
   },
   error: {
     outline: {
       bg: "surface-3",
       borderColor: "red-6",
-      hover_borderColor: "red-7"
+      _hover: {
+        borderColor: "red-7"
+      }
     },
     ghost: {
       bg: "surface-3",
       borderColor: "red-6",
-      hover_borderColor: "red-7"
+      _hover: {
+        borderColor: "red-7"
+      }
     }
   }
-}, v = ({
+}, g = ({
   disabled: o,
   errored: r
-}) => o ? "disabled" : r ? "error" : "default", _ = ({
+}) => o ? "disabled" : r ? "error" : "default", f = ({
   size: o = "2",
   variant: r = "outline",
-  resize: t = "both",
+  resize: a = "both",
   disabled: e,
   errored: d,
-  textProps: u,
-  ...b
+  textProps: s,
+  ...u
 }) => {
-  const a = v({ disabled: e, errored: d });
-  return /* @__PURE__ */ l(
-    c,
+  const t = g({ disabled: e, errored: d });
+  return /* @__PURE__ */ b(
+    n,
     {
       as: "textarea",
       "data-tgph-textarea": !0,
-      "data-tgph-textarea-state": a,
+      "data-tgph-textarea-state": t,
       "data-tgph-textarea-variant": r,
       "data-tgph-textarea-size": o,
-      "data-tgph-textarea-resize": t,
+      "data-tgph-textarea-resize": a,
       disabled: e,
-      ...s[o],
-      ...n[r],
-      ...i[a][r],
-      ...u,
-      ...b
+      ...l[o],
+      ...c[r],
+      ...i[t][r],
+      ...s,
+      ...u
     }
   );
 };
 export {
-  _ as TextArea
+  f as TextArea
 };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/TextArea/TextArea.constants.ts","../../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<\n      TgphComponentProps<typeof Text>,\n      \"p\" | \"size\" | \"px\" | \"py\" | \"rounded\"\n    >\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<\n      TgphComponentProps<typeof Text>,\n      | \"border\"\n      | \"borderColor\"\n      | \"hover_borderColor\"\n      | \"hover_backgroundColor\"\n      | \"active_borderColor\"\n      | \"active_backgroundColor\"\n      | \"focus_borderColor\"\n      | \"focus_backgroundColor\"\n    >\n  >;\n};\n\ntype StateMap = {\n  [key in State]: {\n    [key in Variant]: Partial<\n      Pick<\n        TgphComponentProps<typeof Text>,\n        | \"bg\"\n        | \"borderColor\"\n        | \"hover_borderColor\"\n        | \"hover_backgroundColor\"\n        | \"active_borderColor\"\n        | \"active_backgroundColor\"\n        | \"focus_borderColor\"\n        | \"focus_backgroundColor\"\n      >\n    >;\n  };\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    px: \"1_5\",\n    py: \"1\",\n    size: \"1\",\n    rounded: \"2\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1_5\",\n    size: \"2\",\n    rounded: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n    rounded: \"2\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n    borderColor: \"gray-6\",\n    hover_borderColor: \"gray-7\",\n    hover_backgroundColor: \"surface-2\",\n    active_borderColor: \"blue-8\",\n    active_backgroundColor: \"surface-3\",\n    focus_borderColor: \"blue-8\",\n    focus_backgroundColor: \"surface-3\",\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n    hover_borderColor: \"gray-7\",\n    hover_backgroundColor: \"surface-2\",\n    active_borderColor: \"blue-8\",\n    active_backgroundColor: \"surface-3\",\n    focus_borderColor: \"blue-8\",\n    focus_backgroundColor: \"surface-3\",\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {\n    outline: {\n      bg: \"surface-3\",\n    },\n    ghost: {\n      bg: \"transparent\",\n    },\n  },\n  disabled: {\n    outline: {\n      bg: \"gray-2\",\n      borderColor: \"transparent\",\n      hover_borderColor: undefined,\n      hover_backgroundColor: undefined,\n      active_borderColor: undefined,\n      active_backgroundColor: undefined,\n      focus_borderColor: undefined,\n      focus_backgroundColor: undefined,\n    },\n    ghost: {\n      bg: \"transparent\",\n      borderColor: \"transparent\",\n      hover_borderColor: undefined,\n      hover_backgroundColor: undefined,\n      active_borderColor: undefined,\n      active_backgroundColor: undefined,\n      focus_borderColor: undefined,\n      focus_backgroundColor: undefined,\n    },\n  },\n  error: {\n    outline: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      hover_borderColor: \"red-7\",\n    },\n    ghost: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      hover_borderColor: \"red-7\",\n    },\n  },\n};\n","import { Text, type TextProps } from \"@telegraph/typography\";\n\nimport {\n  type Size,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\n\nconst deriveState = ({\n  disabled,\n  errored,\n}: Pick<TextAreaBaseProps, \"disabled\" | \"errored\">) => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaTextProps = Omit<TextProps<\"textarea\">, \"as\">;\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: TextAreaTextProps;\n};\n\ntype TextAreaProps = TextAreaBaseProps & TextAreaTextProps;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  resize = \"both\",\n  disabled,\n  errored,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      data-tgph-textarea\n      data-tgph-textarea-state={derivedState}\n      data-tgph-textarea-variant={variant}\n      data-tgph-textarea-size={size}\n      data-tgph-textarea-resize={resize}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState][variant]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\nexport { TextArea, type TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","deriveState","disabled","errored","TextArea","size","variant","resize","textProps","props","derivedState","jsx","Text"],"mappings":";;AAkDO,MAAMA,IAAmB;AAAA,EAC9B,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,GAEaC,IAAyB;AAAA,EACpC,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,EAAA;AAAA,EAEzB,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,EAAA;AAE3B,GAEaC,IAAqB;AAAA,EAChC,SAAS;AAAA,IACP,SAAS;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,oBAAoB;AAAA,MACpB,wBAAwB;AAAA,MACxB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,IAEzB,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,MACvB,oBAAoB;AAAA,MACpB,wBAAwB;AAAA,MACxB,mBAAmB;AAAA,MACnB,uBAAuB;AAAA,IAAA;AAAA,EACzB;AAAA,EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,mBAAmB;AAAA,IAAA;AAAA,IAErB,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,mBAAmB;AAAA,IAAA;AAAA,EACrB;AAEJ,GC/HMC,IAAc,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,SAAAC;AACF,MACMD,IAAiB,aACjBC,IAAgB,UACb,WAgBHC,IAAW,CAAC;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,UAAAL;AAAA,EACA,SAAAC;AAAA,EACA,WAAAK;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAMC,IAAeT,EAAY,EAAE,UAAAC,GAAU,SAAAC,GAAS;AAEtD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,sBAAkB;AAAA,MAClB,4BAA0BF;AAAA,MAC1B,8BAA4BJ;AAAA,MAC5B,2BAAyBD;AAAA,MACzB,6BAA2BE;AAAA,MAC3B,UAAAL;AAAA,MACC,GAAGJ,EAAQO,CAAI;AAAA,MACf,GAAGN,EAAWO,CAAO;AAAA,MACrB,GAAGN,EAASU,CAAY,EAAEJ,CAAO;AAAA,MACjC,GAAGE;AAAA,MACH,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.mjs","sources":["../../src/TextArea/TextArea.constants.ts","../../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<\n      TgphComponentProps<typeof Text>,\n      \"p\" | \"size\" | \"px\" | \"py\" | \"rounded\"\n    >\n  >;\n};\n\ntype VariantMap = {\n  [key in Variant]: Partial<\n    Pick<\n      TgphComponentProps<typeof Text>,\n      \"border\" | \"borderColor\" | \"_hover\" | \"_active\" | \"_focus\"\n    >\n  >;\n};\n\ntype StateMap = {\n  [key in State]: {\n    [key in Variant]: Partial<\n      Pick<\n        TgphComponentProps<typeof Text>,\n        \"bg\" | \"borderColor\" | \"_hover\" | \"_active\" | \"_focus\"\n      >\n    >;\n  };\n};\n\nexport const sizeMap: SizeMap = {\n  \"1\": {\n    px: \"1_5\",\n    py: \"1\",\n    size: \"1\",\n    rounded: \"2\",\n  },\n  \"2\": {\n    px: \"2\",\n    py: \"1_5\",\n    size: \"2\",\n    rounded: \"2\",\n  },\n  \"3\": {\n    px: \"3\",\n    py: \"2\",\n    size: \"3\",\n    rounded: \"2\",\n  },\n};\n\nexport const variantMap: VariantMap = {\n  outline: {\n    border: \"px\",\n    borderColor: \"gray-6\",\n    _hover: {\n      borderColor: \"gray-7\",\n      backgroundColor: \"surface-2\",\n    },\n    _active: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n    _focus: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n  },\n  ghost: {\n    border: \"px\",\n    borderColor: \"transparent\",\n    _hover: {\n      borderColor: \"gray-7\",\n      backgroundColor: \"surface-2\",\n    },\n    _active: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n    _focus: {\n      borderColor: \"blue-8\",\n      backgroundColor: \"surface-3\",\n    },\n  },\n};\n\nexport const stateMap: StateMap = {\n  default: {\n    outline: {\n      bg: \"surface-3\",\n    },\n    ghost: {\n      bg: \"transparent\",\n    },\n  },\n  disabled: {\n    outline: {\n      bg: \"gray-2\",\n      borderColor: \"transparent\",\n      _hover: undefined,\n      _active: undefined,\n      _focus: undefined,\n    },\n    ghost: {\n      bg: \"transparent\",\n      borderColor: \"transparent\",\n      _hover: undefined,\n      _active: undefined,\n      _focus: undefined,\n    },\n  },\n  error: {\n    outline: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      _hover: {\n        borderColor: \"red-7\",\n      },\n    },\n    ghost: {\n      bg: \"surface-3\",\n      borderColor: \"red-6\",\n      _hover: {\n        borderColor: \"red-7\",\n      },\n    },\n  },\n};\n","import { Text, type TextProps } from \"@telegraph/typography\";\n\nimport {\n  type Size,\n  type Variant,\n  sizeMap,\n  stateMap,\n  variantMap,\n} from \"./TextArea.constants\";\n\nconst deriveState = ({\n  disabled,\n  errored,\n}: Pick<TextAreaBaseProps, \"disabled\" | \"errored\">) => {\n  if (disabled) return \"disabled\";\n  if (errored) return \"error\";\n  return \"default\";\n};\n\ntype TextAreaTextProps = Omit<TextProps<\"textarea\">, \"as\">;\n\ntype TextAreaBaseProps = {\n  size?: Size;\n  variant?: Variant;\n  errored?: boolean;\n  disabled?: boolean;\n  resize?: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  textProps?: TextAreaTextProps;\n};\n\ntype TextAreaProps = TextAreaBaseProps & TextAreaTextProps;\n\nconst TextArea = ({\n  size = \"2\",\n  variant = \"outline\",\n  resize = \"both\",\n  disabled,\n  errored,\n  textProps,\n  ...props\n}: TextAreaProps) => {\n  const derivedState = deriveState({ disabled, errored });\n\n  return (\n    <Text\n      as=\"textarea\"\n      data-tgph-textarea\n      data-tgph-textarea-state={derivedState}\n      data-tgph-textarea-variant={variant}\n      data-tgph-textarea-size={size}\n      data-tgph-textarea-resize={resize}\n      disabled={disabled}\n      {...sizeMap[size]}\n      {...variantMap[variant]}\n      {...stateMap[derivedState][variant]}\n      {...textProps}\n      {...props}\n    />\n  );\n};\n\nexport { TextArea, type TextAreaProps };\n"],"names":["sizeMap","variantMap","stateMap","deriveState","disabled","errored","TextArea","size","variant","resize","textProps","props","derivedState","jsx","Text"],"mappings":";;AAoCO,MAAMA,IAAmB;AAAA,EAC9B,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,GAAK;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,GAEaC,IAAyB;AAAA,EACpC,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,IAEnB,SAAS;AAAA,MACP,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,IAEnB,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAAA,EAEF,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,IAEnB,SAAS;AAAA,MACP,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,IAEnB,QAAQ;AAAA,MACN,aAAa;AAAA,MACb,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAEJ,GAEaC,IAAqB;AAAA,EAChC,SAAS;AAAA,IACP,SAAS;AAAA,MACP,IAAI;AAAA,IAAA;AAAA,IAEN,OAAO;AAAA,MACL,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,QAAQ;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,OAAO;AAAA,MACL,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,QAAQ;AAAA,QACN,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,EACF;AAEJ,GC3HMC,IAAc,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,SAAAC;AACF,MACMD,IAAiB,aACjBC,IAAgB,UACb,WAgBHC,IAAW,CAAC;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,UAAAL;AAAA,EACA,SAAAC;AAAA,EACA,WAAAK;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAMC,IAAeT,EAAY,EAAE,UAAAC,GAAU,SAAAC,GAAS;AAEtD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,sBAAkB;AAAA,MAClB,4BAA0BF;AAAA,MAC1B,8BAA4BJ;AAAA,MAC5B,2BAAyBD;AAAA,MACzB,6BAA2BE;AAAA,MAC3B,UAAAL;AAAA,MACC,GAAGJ,EAAQO,CAAI;AAAA,MACf,GAAGN,EAAWO,CAAO;AAAA,MACrB,GAAGN,EAASU,CAAY,EAAEJ,CAAO;AAAA,MACjC,GAAGE;AAAA,MACH,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -7,11 +7,11 @@ type SizeMap = {
     [key in Size]: Partial<Pick<TgphComponentProps<typeof Text>, "p" | "size" | "px" | "py" | "rounded">>;
 };
 type VariantMap = {
-    [key in Variant]: Partial<Pick<TgphComponentProps<typeof Text>, "border" | "borderColor" | "hover_borderColor" | "hover_backgroundColor" | "active_borderColor" | "active_backgroundColor" | "focus_borderColor" | "focus_backgroundColor">>;
+    [key in Variant]: Partial<Pick<TgphComponentProps<typeof Text>, "border" | "borderColor" | "_hover" | "_active" | "_focus">>;
 };
 type StateMap = {
     [key in State]: {
-        [key in Variant]: Partial<Pick<TgphComponentProps<typeof Text>, "bg" | "borderColor" | "hover_borderColor" | "hover_backgroundColor" | "active_borderColor" | "active_backgroundColor" | "focus_borderColor" | "focus_backgroundColor">>;
+        [key in Variant]: Partial<Pick<TgphComponentProps<typeof Text>, "bg" | "borderColor" | "_hover" | "_active" | "_focus">>;
     };
 };
 export declare const sizeMap: SizeMap;

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,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,CACF,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAC/B,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CACvC,CACF;CACF,CAAC;AAEF,KAAK,UAAU,GAAG;KACf,GAAG,IAAI,OAAO,GAAG,OAAO,CACvB,IAAI,CACF,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAC7B,QAAQ,GACR,aAAa,GACb,mBAAmB,GACnB,uBAAuB,GACvB,oBAAoB,GACpB,wBAAwB,GACxB,mBAAmB,GACnB,uBAAuB,CAC1B,CACF;CACF,CAAC;AAEF,KAAK,QAAQ,GAAG;KACb,GAAG,IAAI,KAAK,GAAG;SACb,GAAG,IAAI,OAAO,GAAG,OAAO,CACvB,IAAI,CACF,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAC7B,IAAI,GACJ,aAAa,GACb,mBAAmB,GACnB,uBAAuB,GACvB,oBAAoB,GACpB,wBAAwB,GACxB,mBAAmB,GACnB,uBAAuB,CAC1B,CACF;KACF;CACF,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAmBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAqBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QA2CtB,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,CACF,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAC/B,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CACvC,CACF;CACF,CAAC;AAEF,KAAK,UAAU,GAAG;KACf,GAAG,IAAI,OAAO,GAAG,OAAO,CACvB,IAAI,CACF,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAC/B,QAAQ,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAC3D,CACF;CACF,CAAC;AAEF,KAAK,QAAQ,GAAG;KACb,GAAG,IAAI,KAAK,GAAG;SACb,GAAG,IAAI,OAAO,GAAG,OAAO,CACvB,IAAI,CACF,kBAAkB,CAAC,OAAO,IAAI,CAAC,EAC/B,IAAI,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CACvD,CACF;KACF;CACF,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,OAmBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAiCxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAyCtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/textarea",
-  "version": "0.1.9",
+  "version": "0.2.0",
   "description": "A multi-line user input.",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/textarea",
   "author": "@knocklabs",
@@ -33,12 +33,12 @@
   },
   "dependencies": {
     "@telegraph/helpers": "^0.0.15",
-    "@telegraph/typography": "^0.2.0"
+    "@telegraph/typography": "^0.2.1"
   },
   "devDependencies": {
     "@knocklabs/eslint-config": "^0.0.5",
     "@knocklabs/typescript-config": "^0.0.2",
-    "@telegraph/postcss-config": "^0.0.31",
+    "@telegraph/postcss-config": "^0.1.0",
     "@telegraph/prettier-config": "^0.0.7",
     "@telegraph/vite-config": "^0.0.15",
     "@types/react": "^19.2.9",