@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/tag/tagText.js

@@ -1,2 +1,27 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import r from"../t/t.js";import{useTagContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Tag`,i());return a(r,{className:e(`vui-tagText`,s),fontSize:`inherit`,ref:o,...l.text,...c})});o.displayName=`TagText`;var s=o;export{o as TagText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import t_default from "../t/t.js";
+import { useTagContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/tag/tagText.tsx
+/** Displays text within the Tag. */
+const TagText = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Tag", useTagContext());
+	return /* @__PURE__ */ jsx(t_default, {
+		className: cs("vui-tagText", className),
+		fontSize: "inherit",
+		ref,
+		...styles.text,
+		...rest
+	});
+});
+TagText.displayName = "TagText";
+var tagText_default = TagText;
+
+//#endregion
+export { TagText, tagText_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=tagText.js.map

package/dist/tag/tagText.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagText.js","names":["T"],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":"6OAOA,MAAa,EAAU,GAAqB,EAAO,IAAQ,CACzD,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,MAAO,GAAe,CAAC,CAErD,OAAO,EAACA,EAAAA,CAAE,UAAW,EAAG,cAAe,EAAU,CAAE,SAAS,UAAe,MAAK,GAAI,EAAO,KAAM,GAAI,GAAQ,EAC7G,CAEF,EAAQ,YAAc,UAEtB,IAAA,EAAe"}
+{"version":3,"file":"tagText.js","names":["T"],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAqB,OAAO,QAAQ;CACzD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAE,WAAW,GAAG,eAAe,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7G;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/tag/theme.js

@@ -1,2 +1,229 @@
-var e={baseStyle:{},defaultProps:{size:`md`,variant:`subtleBlue`,fontWeight:`medium`},parts:[`container`,`button`,`icon`,`text`],sizes:{xs:{container:{borderRadius:`lg`,fontSize:`sm`,h:20,spaceX:4},button:{size:`sm`},icon:{size:`xs`}},sm:{container:{fontSize:`sm`,h:24,spaceX:4},button:{size:`sm`},icon:{size:`xs`}},md:{container:{fontSize:`sm`,h:32,spaceX:6},button:{size:`sm`},icon:{size:`sm`}},lg:{container:{fontSize:`md`,h:40,spaceX:8},button:{size:`md`},icon:{size:`md`}}},variants:{subtleGrey:{container:{bg:`sandstone.90`,hoverBg:`sandstone.85`,borderColor:`sandstone.85`,color:`sandstone.20`,activeBg:`sandstone.79`},button:{bg:`transparent`,hoverBg:`sandstone.85`,hoverBorderColor:`transparent`,color:`sandstone.20`,activeBg:`sandstone.79`}},subtleBlue:{container:{bg:`skyBlue.95`,hoverBg:`skyBlue.90`,activeBg:`skyBlue.85`,borderColor:`skyBlue.95`,color:`seaBlue.main`},button:{bg:`transparent`,hoverBg:`skyBlue.90`,activeBg:`skyBlue.85`,hoverBorderColor:`transparent`,color:`seaBlue.main`}},subtleRed:{container:{bg:`energyRed.95`,borderColor:`energyRed.95`,hoverBg:`energyRed.90`,activeBg:`energyRed.85`,color:`energyRed.45`},button:{bg:`transparent`,hoverBg:`energyRed.90`,activeBg:`energyRed.85`,hoverBorderColor:`transparent`,color:`energyRed.45`}},subtleYellow:{container:{bg:`sunflower.85`,hoverBg:`sunflower.70`,activeBg:`sunflower.65`,borderColor:`terracotta.30`,color:`sunflower.20`},button:{bg:`transparent`,hoverBg:`sunflower.70`,activeBg:`sunflower.65`,hoverBorderColor:`transparent`,color:`sunflower.20`}},subtleGreen:{container:{bg:`landGreen.95`,hoverBg:`landGreen.90`,borderColor:`landGreen.30`,color:`landGreen.30`,activeBg:`landGreen.85`},button:{bg:`transparent`,hoverBg:`landGreen.90`,activeBg:`landGreen.85`,hoverBorderColor:`transparent`,color:`landGreen.30`}},solidBlue:{container:{bg:`seaBlue.main`,hoverBg:`seaBlue.35`,activeBg:`seaBlue.40`,borderColor:`seaBlue.main`,color:`white`},button:{bg:`transparent`,hoverBg:`seaBlue.35`,activeBg:`seaBlue.40`,hoverBorderColor:`transparent`,activeBorderColor:`transparent`,color:`white`}},solidDarkBlue:{container:{bg:`darkBlue.18`,hoverBg:`darkBlue.25`,activeBg:`darkBlue.35`,borderColor:`darkBlue.18`,color:`white`},button:{bg:`transparent`,hoverBg:`darkBlue.25`,activeBg:`darkBlue.35`,hoverBorderColor:`transparent`,color:`white`}},solidRed:{container:{bg:`energyRed.45`,hoverBg:`energyRed.54`,activeBg:`energyRed.60`,borderColor:`energyRed.45`,color:`white`},button:{bg:`transparent`,hoverBg:`energyRed.54`,activeBg:`energyRed.60`,hoverBorderColor:`transparent`,activeBorderColor:`transparent`,color:`white`}},solidYellow:{container:{bg:`sunflower.50`,hoverBg:`sunflower.80`,activeBg:`sunflower.85`,borderColor:`sunflower.50`,color:`sunflower.15`},button:{bg:`transparent`,hoverBg:`sunflower.80`,activeBg:`sunflower.85`,hoverBorderColor:`transparent`,color:`sunflower.15`}},solidGreen:{container:{bg:`landGreen.35`,hoverBg:`landGreen.41`,activeBg:`landGreen.45`,borderColor:`landGreen.35`,color:`white`},button:{bg:`transparent`,hoverBg:`landGreen.41`,activeBg:`landGreen.45`,hoverBorderColor:`transparent`,activeBorderColor:`transparent`,color:`white`}}}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/tag/theme.ts
+const baseStyle = {};
+const defaultProps = {
+	size: "md",
+	variant: "subtleBlue",
+	fontWeight: "medium"
+};
+const parts = [
+	"container",
+	"button",
+	"icon",
+	"text"
+];
+const sizes = {
+	xs: {
+		container: {
+			borderRadius: "lg",
+			fontSize: "sm",
+			h: 20,
+			spaceX: 4
+		},
+		button: { size: "sm" },
+		icon: { size: "xs" }
+	},
+	sm: {
+		container: {
+			fontSize: "sm",
+			h: 24,
+			spaceX: 4
+		},
+		button: { size: "sm" },
+		icon: { size: "xs" }
+	},
+	md: {
+		container: {
+			fontSize: "sm",
+			h: 32,
+			spaceX: 6
+		},
+		button: { size: "sm" },
+		icon: { size: "sm" }
+	},
+	lg: {
+		container: {
+			fontSize: "md",
+			h: 40,
+			spaceX: 8
+		},
+		button: { size: "md" },
+		icon: { size: "md" }
+	}
+};
+const variants = {
+	subtleGrey: {
+		container: {
+			bg: "sandstone.90",
+			hoverBg: "sandstone.85",
+			borderColor: "sandstone.85",
+			color: "sandstone.20",
+			activeBg: "sandstone.79"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "sandstone.85",
+			hoverBorderColor: "transparent",
+			color: "sandstone.20",
+			activeBg: "sandstone.79"
+		}
+	},
+	subtleBlue: {
+		container: {
+			bg: "skyBlue.95",
+			hoverBg: "skyBlue.90",
+			activeBg: "skyBlue.85",
+			borderColor: "skyBlue.95",
+			color: "seaBlue.main"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "skyBlue.90",
+			activeBg: "skyBlue.85",
+			hoverBorderColor: "transparent",
+			color: "seaBlue.main"
+		}
+	},
+	subtleRed: {
+		container: {
+			bg: "energyRed.95",
+			borderColor: "energyRed.95",
+			hoverBg: "energyRed.90",
+			activeBg: "energyRed.85",
+			color: "energyRed.45"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "energyRed.90",
+			activeBg: "energyRed.85",
+			hoverBorderColor: "transparent",
+			color: "energyRed.45"
+		}
+	},
+	subtleYellow: {
+		container: {
+			bg: "sunflower.85",
+			hoverBg: "sunflower.70",
+			activeBg: "sunflower.65",
+			borderColor: "terracotta.30",
+			color: "sunflower.20"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "sunflower.70",
+			activeBg: "sunflower.65",
+			hoverBorderColor: "transparent",
+			color: "sunflower.20"
+		}
+	},
+	subtleGreen: {
+		container: {
+			bg: "landGreen.95",
+			hoverBg: "landGreen.90",
+			borderColor: "landGreen.30",
+			color: "landGreen.30",
+			activeBg: "landGreen.85"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "landGreen.90",
+			activeBg: "landGreen.85",
+			hoverBorderColor: "transparent",
+			color: "landGreen.30"
+		}
+	},
+	solidBlue: {
+		container: {
+			bg: "seaBlue.main",
+			hoverBg: "seaBlue.35",
+			activeBg: "seaBlue.40",
+			borderColor: "seaBlue.main",
+			color: "white"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "seaBlue.35",
+			activeBg: "seaBlue.40",
+			hoverBorderColor: "transparent",
+			activeBorderColor: "transparent",
+			color: "white"
+		}
+	},
+	solidDarkBlue: {
+		container: {
+			bg: "darkBlue.18",
+			hoverBg: "darkBlue.25",
+			activeBg: "darkBlue.35",
+			borderColor: "darkBlue.18",
+			color: "white"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "darkBlue.25",
+			activeBg: "darkBlue.35",
+			hoverBorderColor: "transparent",
+			color: "white"
+		}
+	},
+	solidRed: {
+		container: {
+			bg: "energyRed.45",
+			hoverBg: "energyRed.54",
+			activeBg: "energyRed.60",
+			borderColor: "energyRed.45",
+			color: "white"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "energyRed.54",
+			activeBg: "energyRed.60",
+			hoverBorderColor: "transparent",
+			activeBorderColor: "transparent",
+			color: "white"
+		}
+	},
+	solidYellow: {
+		container: {
+			bg: "sunflower.50",
+			hoverBg: "sunflower.80",
+			activeBg: "sunflower.85",
+			borderColor: "sunflower.50",
+			color: "sunflower.15"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "sunflower.80",
+			activeBg: "sunflower.85",
+			hoverBorderColor: "transparent",
+			color: "sunflower.15"
+		}
+	},
+	solidGreen: {
+		container: {
+			bg: "landGreen.35",
+			hoverBg: "landGreen.41",
+			activeBg: "landGreen.45",
+			borderColor: "landGreen.35",
+			color: "white"
+		},
+		button: {
+			bg: "transparent",
+			hoverBg: "landGreen.41",
+			activeBg: "landGreen.45",
+			hoverBorderColor: "transparent",
+			activeBorderColor: "transparent",
+			color: "white"
+		}
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/tag/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/tag/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleBlue',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'button', 'icon', 'text']\n\nconst sizes = {\n  xs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 20,\n      spaceX: 4,\n    },\n    button: {\n      size: 'sm',\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    container: {\n      fontSize: 'sm',\n      h: 24,\n      spaceX: 4,\n    },\n    button: {\n      size: 'sm',\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      spaceX: 6,\n    },\n    button: {\n      size: 'sm',\n    },\n    icon: {\n      size: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      spaceX: 8,\n    },\n    button: {\n      size: 'md',\n    },\n    icon: {\n      size: 'md',\n    },\n  },\n}\n\nconst variants = {\n  subtleGrey: {\n    container: {\n      bg: 'sandstone.90',\n      hoverBg: 'sandstone.85',\n      borderColor: 'sandstone.85',\n      color: 'sandstone.20',\n      activeBg: 'sandstone.79',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'sandstone.85',\n      hoverBorderColor: 'transparent',\n      color: 'sandstone.20',\n      activeBg: 'sandstone.79',\n    },\n  },\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      hoverBg: 'skyBlue.90',\n      activeBg: 'skyBlue.85',\n      borderColor: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'skyBlue.90',\n      activeBg: 'skyBlue.85',\n      hoverBorderColor: 'transparent',\n      color: 'seaBlue.main',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.95',\n      hoverBg: 'energyRed.90',\n      activeBg: 'energyRed.85',\n      color: 'energyRed.45',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'energyRed.90',\n      activeBg: 'energyRed.85',\n      hoverBorderColor: 'transparent',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      hoverBg: 'sunflower.70',\n      activeBg: 'sunflower.65',\n      borderColor: 'terracotta.30',\n      color: 'sunflower.20',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'sunflower.70',\n      activeBg: 'sunflower.65',\n      hoverBorderColor: 'transparent',\n      color: 'sunflower.20',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      hoverBg: 'landGreen.90',\n      borderColor: 'landGreen.30',\n      color: 'landGreen.30',\n      activeBg: 'landGreen.85',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'landGreen.90',\n      activeBg: 'landGreen.85',\n      hoverBorderColor: 'transparent',\n      color: 'landGreen.30',\n    },\n  },\n\n  /** solids next */\n  solidBlue: {\n    container: {\n      bg: 'seaBlue.main',\n      hoverBg: 'seaBlue.35',\n      activeBg: 'seaBlue.40',\n      borderColor: 'seaBlue.main',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'seaBlue.35',\n      activeBg: 'seaBlue.40',\n      hoverBorderColor: 'transparent',\n      activeBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n  solidDarkBlue: {\n    container: {\n      bg: 'darkBlue.18',\n      hoverBg: 'darkBlue.25',\n      activeBg: 'darkBlue.35',\n      borderColor: 'darkBlue.18',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'darkBlue.25',\n      activeBg: 'darkBlue.35',\n      hoverBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      hoverBg: 'energyRed.54',\n      activeBg: 'energyRed.60',\n      borderColor: 'energyRed.45',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'energyRed.54',\n      activeBg: 'energyRed.60',\n      hoverBorderColor: 'transparent',\n      activeBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n  solidYellow: {\n    container: {\n      bg: 'sunflower.50',\n      hoverBg: 'sunflower.80',\n      activeBg: 'sunflower.85',\n      borderColor: 'sunflower.50',\n      color: 'sunflower.15',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'sunflower.80',\n      activeBg: 'sunflower.85',\n      hoverBorderColor: 'transparent',\n      color: 'sunflower.15',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      hoverBg: 'landGreen.41',\n      activeBg: 'landGreen.45',\n      borderColor: 'landGreen.35',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'landGreen.41',\n      activeBg: 'landGreen.45',\n      hoverBorderColor: 'transparent',\n      activeBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/tag/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n  variant: 'subtleBlue',\n  fontWeight: 'medium',\n}\n\nconst parts = ['container', 'button', 'icon', 'text']\n\nconst sizes = {\n  xs: {\n    container: {\n      borderRadius: 'lg',\n      fontSize: 'sm',\n      h: 20,\n      spaceX: 4,\n    },\n    button: {\n      size: 'sm',\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  sm: {\n    container: {\n      fontSize: 'sm',\n      h: 24,\n      spaceX: 4,\n    },\n    button: {\n      size: 'sm',\n    },\n    icon: {\n      size: 'xs',\n    },\n  },\n  md: {\n    container: {\n      fontSize: 'sm',\n      h: 32,\n      spaceX: 6,\n    },\n    button: {\n      size: 'sm',\n    },\n    icon: {\n      size: 'sm',\n    },\n  },\n  lg: {\n    container: {\n      fontSize: 'md',\n      h: 40,\n      spaceX: 8,\n    },\n    button: {\n      size: 'md',\n    },\n    icon: {\n      size: 'md',\n    },\n  },\n}\n\nconst variants = {\n  subtleGrey: {\n    container: {\n      bg: 'sandstone.90',\n      hoverBg: 'sandstone.85',\n      borderColor: 'sandstone.85',\n      color: 'sandstone.20',\n      activeBg: 'sandstone.79',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'sandstone.85',\n      hoverBorderColor: 'transparent',\n      color: 'sandstone.20',\n      activeBg: 'sandstone.79',\n    },\n  },\n  subtleBlue: {\n    container: {\n      bg: 'skyBlue.95',\n      hoverBg: 'skyBlue.90',\n      activeBg: 'skyBlue.85',\n      borderColor: 'skyBlue.95',\n      color: 'seaBlue.main',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'skyBlue.90',\n      activeBg: 'skyBlue.85',\n      hoverBorderColor: 'transparent',\n      color: 'seaBlue.main',\n    },\n  },\n  subtleRed: {\n    container: {\n      bg: 'energyRed.95',\n      borderColor: 'energyRed.95',\n      hoverBg: 'energyRed.90',\n      activeBg: 'energyRed.85',\n      color: 'energyRed.45',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'energyRed.90',\n      activeBg: 'energyRed.85',\n      hoverBorderColor: 'transparent',\n      color: 'energyRed.45',\n    },\n  },\n  subtleYellow: {\n    container: {\n      bg: 'sunflower.85',\n      hoverBg: 'sunflower.70',\n      activeBg: 'sunflower.65',\n      borderColor: 'terracotta.30',\n      color: 'sunflower.20',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'sunflower.70',\n      activeBg: 'sunflower.65',\n      hoverBorderColor: 'transparent',\n      color: 'sunflower.20',\n    },\n  },\n  subtleGreen: {\n    container: {\n      bg: 'landGreen.95',\n      hoverBg: 'landGreen.90',\n      borderColor: 'landGreen.30',\n      color: 'landGreen.30',\n      activeBg: 'landGreen.85',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'landGreen.90',\n      activeBg: 'landGreen.85',\n      hoverBorderColor: 'transparent',\n      color: 'landGreen.30',\n    },\n  },\n\n  /** solids next */\n  solidBlue: {\n    container: {\n      bg: 'seaBlue.main',\n      hoverBg: 'seaBlue.35',\n      activeBg: 'seaBlue.40',\n      borderColor: 'seaBlue.main',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'seaBlue.35',\n      activeBg: 'seaBlue.40',\n      hoverBorderColor: 'transparent',\n      activeBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n  solidDarkBlue: {\n    container: {\n      bg: 'darkBlue.18',\n      hoverBg: 'darkBlue.25',\n      activeBg: 'darkBlue.35',\n      borderColor: 'darkBlue.18',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'darkBlue.25',\n      activeBg: 'darkBlue.35',\n      hoverBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n  solidRed: {\n    container: {\n      bg: 'energyRed.45',\n      hoverBg: 'energyRed.54',\n      activeBg: 'energyRed.60',\n      borderColor: 'energyRed.45',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'energyRed.54',\n      activeBg: 'energyRed.60',\n      hoverBorderColor: 'transparent',\n      activeBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n  solidYellow: {\n    container: {\n      bg: 'sunflower.50',\n      hoverBg: 'sunflower.80',\n      activeBg: 'sunflower.85',\n      borderColor: 'sunflower.50',\n      color: 'sunflower.15',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'sunflower.80',\n      activeBg: 'sunflower.85',\n      hoverBorderColor: 'transparent',\n      color: 'sunflower.15',\n    },\n  },\n  solidGreen: {\n    container: {\n      bg: 'landGreen.35',\n      hoverBg: 'landGreen.41',\n      activeBg: 'landGreen.45',\n      borderColor: 'landGreen.35',\n      color: 'white',\n    },\n    button: {\n      bg: 'transparent',\n      hoverBg: 'landGreen.41',\n      activeBg: 'landGreen.45',\n      hoverBorderColor: 'transparent',\n      activeBorderColor: 'transparent',\n      color: 'white',\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"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"}

package/dist/textarea/helpers.js

@@ -1,2 +1,11 @@
-function e(e){let{defaultValue:t,value:n}=e;return t?.toString().length??n?.toString().length??0}export{e as getInitialCount};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/textarea/helpers.ts
+/** Returns length of the initial textarea's value. */
+function getInitialCount(props) {
+	const { defaultValue, value } = props;
+	return defaultValue?.toString().length ?? value?.toString().length ?? 0;
+}
+
+//#endregion
+export { getInitialCount };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=helpers.js.map

package/dist/textarea/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/textarea/helpers.ts"],"sourcesContent":["import type { TextareaProps } from './textarea.types'\n\n/** Returns length of the initial textarea's value. */\nexport function getInitialCount(props: TextareaProps) {\n  const { defaultValue, value } = props\n\n  return defaultValue?.toString().length ?? value?.toString().length ?? 0\n}\n"],"mappings":"AAGA,SAAgB,EAAgB,EAAsB,CACpD,GAAM,CAAE,eAAc,SAAU,EAEhC,OAAO,GAAc,UAAU,CAAC,QAAU,GAAO,UAAU,CAAC,QAAU"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../src/textarea/helpers.ts"],"sourcesContent":["import type { TextareaProps } from './textarea.types'\n\n/** Returns length of the initial textarea's value. */\nexport function getInitialCount(props: TextareaProps) {\n  const { defaultValue, value } = props\n\n  return defaultValue?.toString().length ?? value?.toString().length ?? 0\n}\n"],"mappings":";;AAGA,SAAgB,gBAAgB,OAAsB;CACpD,MAAM,EAAE,cAAc,UAAU;AAEhC,QAAO,cAAc,UAAU,CAAC,UAAU,OAAO,UAAU,CAAC,UAAU"}

package/dist/textarea/index.d.ts

@@ -0,0 +1,2 @@
+import { TextareaProps } from "./textarea.types.js";
+import { Textarea, TextareaBase } from "./textarea.js";

package/dist/textarea/textarea.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { TextareaProps } from "./textarea.types.js";
-import * as styled_components424 from "styled-components";
+import "../index.js";
+import * as styled_components441 from "styled-components";
 
 //#region src/textarea/textarea.d.ts
-declare const TextareaBase: styled_components424.StyledComponent<"div", styled_components424.DefaultTheme, SystemProps, never>;
+declare const TextareaBase: styled_components441.StyledComponent<"div", styled_components441.DefaultTheme, SystemProps, never>;
 /**
  * Displays a textarea element wrapped in a div to allow extra content, like counter.
  * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":[],"mappings":";;;;;;cA8Ba,cAAY,oBAAA,CAAA,uBAKxB,oBAAA,CALwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;AAAZ,OAAA,CAAA,KAAA,CAWA,QANZ,CAAA,CAMoB,YANpB,CAAA,CAAA,GAAA,CAAA,CAAA,CAMoB,aANpB,CAAA"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;cA8Ba,cAAY,oBAAA,CAAA,uBAKxB,oBAAA,CALwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cAWZ,UAAQ,oBAAA"}

package/dist/textarea/textarea.js

@@ -1,4 +1,20 @@
-import{isString as e}from"../utils/assertion.js";import{filterUndefined as t}from"../utils/object.js";import{cs as n}from"../utils/styles.js";import{helpTextMargin as r,helpTextSize as i,inputColors as a}from"../input/consts.js";import{omitThemingProps as o,useStyleConfig as s}from"../core/theme.js";import{styled as c}from"../core/styled.js";import{vui as l}from"../core/vui.js";import{Box as u}from"../box/box.js";import d from"../t/t.js";import f from"../input/helpText.js";import{Label as p}from"../label/label.js";import{getInitialCount as m}from"./helpers.js";import{useEffect as h,useId as ee,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=c.textareaBox`
+import { isString } from "../utils/assertion.js";
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { helpTextMargin, helpTextSize, inputColors } from "../input/consts.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import t_default from "../t/t.js";
+import helpText_default from "../input/helpText.js";
+import { Label } from "../label/label.js";
+import { getInitialCount } from "./helpers.js";
+import { useEffect, useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/textarea/textarea.tsx
+const TextareaTextarea = styled.textareaBox`
   border-radius: none;
   border-width: 1px;
   outline: none;
@@ -14,10 +30,114 @@ import{isString as e}from"../utils/assertion.js";import{filterUndefined as t}fro
     background-color: sandstone.79;
     border-color: sandstone.79;
   }
-`,b=c.divBox`
+`;
+const TextareaBase = styled.divBox`
   display: flex;
   flex-direction: column;
   position: relative;
   width: 100%;
-`,x=l((c,l)=>{let{autoFocus:x,ariaLabel:S,className:C,colorScheme:te,cols:ne,defaultValue:w,disabled:T,errorText:E,id:D,helpText:O,label:k,labelMarkOptional:A,labelTooltipText:j,maxLength:M,name:N,onBlur:P,onChange:F,onFocus:I,placeholder:L,readOnly:R,required:z,resize:B=`none`,rows:V,showCount:H,textareaProps:U={},textareaRef:W,value:G,...K}=o(c),q=ee(),[J,Y]=g(m(c)),[X,Z]=g(w),Q=D||q,$=s(`Textarea`,c);function re(e){Z(e.target.value),Y(e.target.value.length),F?.(e)}let ie=t({"aria-disabled":T}),ae=t({"aria-disabled":T,"aria-label":S,bg:R?`sandstone.97`:void 0,borderColor:R?`sandstone.55`:void 0,focusWithinBorderColor:R?void 0:`transparent`,focusWithinRingColor:R?`transparent`:void 0});return h(()=>{Z(G),Y(G?.toString()?.length?`${G}`.length:0)},[G]),v(u,{className:`vui-textareaContainer`,column:!0,ref:l,...K,children:[e(k)?_(p,{"aria-disabled":T,className:`vui-textareaLabel`,htmlFor:Q,markAsOptional:A,mb:.5,text:k,tooltipText:j,...$.label}):k,v(b,{className:n(`vui-textarea`,C),...$.container,...ie,children:[_(y,{className:`vui-textareaTextarea`,ref:W,autoFocus:x,cols:ne,defaultValue:w,disabled:T,id:Q,maxLength:M,name:N,onBlur:P,onChange:re,onFocus:I,placeholder:L,readOnly:R,required:z,resize:B,rows:V,value:X,...$.textarea,...ae,...U}),H&&v(d,{className:`vui-textareaCount`,color:M&&J>M?a.error:a.helpText,position:`absolute`,right:0,size:`sm`,top:`calc(100% + 1px)`,children:[J,` `,M?`/ ${M}`:null]})]}),!!O&&_(f,{size:i.lg,children:O}),!!E&&_(f,{isError:!0,mr:H?r:void 0,size:i.lg,children:E})]})});x.displayName=`Textarea`;export{x as Textarea,b as TextareaBase};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Displays a textarea element wrapped in a div to allow extra content, like counter.
+* Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
+*/
+const Textarea = vui((props, ref) => {
+	const { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, labelMarkOptional, labelTooltipText, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = "none", rows, showCount, textareaProps = {}, textareaRef, value,...rest } = omitThemingProps(props);
+	const generatedId = useId();
+	const [count, setCount] = useState(getInitialCount(props));
+	const [valueInternal, setValueInternal] = useState(defaultValue);
+	const id = idProp || generatedId;
+	const styles = useStyleConfig("Textarea", props);
+	function onChange(e) {
+		setValueInternal(e.target.value);
+		setCount(e.target.value.length);
+		onChangeProp?.(e);
+	}
+	const aliasedProps = filterUndefined({ "aria-disabled": disabled });
+	const textareaAliasedProps = filterUndefined({
+		"aria-disabled": disabled,
+		"aria-label": ariaLabel,
+		bg: readOnly ? "sandstone.97" : void 0,
+		borderColor: readOnly ? "sandstone.55" : void 0,
+		focusWithinBorderColor: !readOnly ? "transparent" : void 0,
+		focusWithinRingColor: readOnly ? "transparent" : void 0
+	});
+	useEffect(() => {
+		setValueInternal(value);
+		setCount(value?.toString()?.length ? `${value}`.length : 0);
+	}, [value]);
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "vui-textareaContainer",
+		column: true,
+		ref,
+		...rest,
+		children: [
+			isString(label) ? /* @__PURE__ */ jsx(Label, {
+				"aria-disabled": disabled,
+				className: "vui-textareaLabel",
+				htmlFor: id,
+				markAsOptional: labelMarkOptional,
+				mb: .5,
+				text: label,
+				tooltipText: labelTooltipText,
+				...styles.label
+			}) : label,
+			/* @__PURE__ */ jsxs(TextareaBase, {
+				className: cs("vui-textarea", className),
+				...styles.container,
+				...aliasedProps,
+				children: [/* @__PURE__ */ jsx(TextareaTextarea, {
+					className: "vui-textareaTextarea",
+					ref: textareaRef,
+					autoFocus,
+					cols,
+					defaultValue,
+					disabled,
+					id,
+					maxLength,
+					name,
+					onBlur,
+					onChange,
+					onFocus,
+					placeholder,
+					readOnly,
+					required,
+					resize,
+					rows,
+					value: valueInternal,
+					...styles.textarea,
+					...textareaAliasedProps,
+					...textareaProps
+				}), showCount && /* @__PURE__ */ jsxs(t_default, {
+					className: "vui-textareaCount",
+					color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText,
+					position: "absolute",
+					right: 0,
+					size: "sm",
+					top: "calc(100% + 1px)",
+					children: [
+						count,
+						" ",
+						maxLength ? `/ ${maxLength}` : null
+					]
+				})]
+			}),
+			!!helpText && /* @__PURE__ */ jsx(helpText_default, {
+				size: helpTextSize["lg"],
+				children: helpText
+			}),
+			!!errorText && /* @__PURE__ */ jsx(helpText_default, {
+				isError: true,
+				mr: showCount ? helpTextMargin : void 0,
+				size: helpTextSize["lg"],
+				children: errorText
+			})
+		]
+	});
+});
+Textarea.displayName = "Textarea";
+
+//#endregion
+export { Textarea, TextareaBase };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":["T","HelpText"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":"qqBAYA,MAAM,EAAmB,EAAO,WAAW;;;;;;;;;;;;;;;;EAkB9B,EAAe,EAAO,MAAM;;;;;EAW5B,EAAW,GAA2B,EAAO,IAAQ,CAChE,GAAM,CACJ,YACA,YACA,YACA,YAAa,GACb,QACA,eACA,WACA,YACA,GAAI,EACJ,WACA,QACA,oBACA,mBACA,YACA,OACA,SACA,SAAU,EACV,UACA,cACA,WACA,WACA,SAAS,OACT,OACA,YACA,gBAAgB,EAAE,CAClB,cACA,QACA,GAAG,GACD,EAAiB,EAAM,CAErB,EAAc,IAAO,CACrB,CAAC,EAAO,GAAY,EAAS,EAAgB,EAAM,CAAC,CACpD,CAAC,EAAe,GAAoB,EAAS,EAAa,CAE1D,EAAK,GAAU,EAEf,EAAS,EAAe,WAAY,EAAM,CAEhD,SAAS,GAAS,EAAqC,CACrD,EAAiB,EAAE,OAAO,MAAM,CAChC,EAAS,EAAE,OAAO,MAAM,OAAO,CAC/B,IAAe,EAAE,CAGnB,IAAM,GAAe,EAAgB,CACnC,gBAAiB,EAClB,CAAC,CAEI,GAAuB,EAAgB,CAC3C,gBAAiB,EACjB,aAAc,EACd,GAAI,EAAW,eAAiB,IAAA,GAChC,YAAa,EAAW,eAAiB,IAAA,GACzC,uBAAyB,EAA2B,IAAA,GAAhB,cACpC,qBAAsB,EAAW,cAAgB,IAAA,GAClD,CAAC,CAOF,OALA,MAAgB,CACd,EAAiB,EAAM,CACvB,EAAS,GAAO,UAAU,EAAE,OAAS,GAAG,IAAQ,OAAS,EAAE,EAC1D,CAAC,EAAM,CAAC,CAGT,EAAC,EAAA,CAAI,UAAU,wBAAwB,OAAA,GAAY,MAAK,GAAI,YACzD,EAAS,EAAM,CACd,EAAC,EAAA,CACC,gBAAe,EACf,UAAU,oBACV,QAAS,EACT,eAAgB,EAChB,GAAI,GACJ,KAAM,EACN,YAAa,EACb,GAAI,EAAO,OACX,CAEF,EAEF,EAAC,EAAA,CAAa,UAAW,EAAG,eAAgB,EAAU,CAAE,GAAI,EAAO,UAAW,GAAI,aAChF,EAAC,EAAA,CACC,UAAU,uBACV,IAAK,EAEH,YACA,QACA,eACA,WACA,KACA,YACA,OACA,SACA,YACA,UACA,cACA,WACA,WACA,SACA,OAEF,MAAO,EACP,GAAI,EAAO,SACX,GAAI,GACJ,GAAI,GACJ,CAED,GACC,EAACA,EAAAA,CACC,UAAU,oBACV,MAAO,GAAa,EAAQ,EAAY,EAAY,MAAQ,EAAY,SACxE,SAAS,WACT,MAAO,EACP,KAAK,KACL,IAAI,6BAEH,EAAM,IAAE,EAAY,KAAK,IAAc,OACtC,CAAA,EAEO,CACd,CAAC,CAAC,GAAY,EAACC,EAAAA,CAAS,KAAM,EAAa,YAAQ,GAAoB,CACvE,CAAC,CAAC,GACD,EAACA,EAAAA,CAAS,QAAA,GAAQ,GAAI,EAAY,EAAiB,IAAA,GAAW,KAAM,EAAa,YAC9E,GACQ,GAET,EAER,CAEF,EAAS,YAAc"}
+{"version":3,"file":"textarea.js","names":["T","HelpText"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,EAAE,EAClB,aACA,MACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,MAAM,CAAC;CAC1D,MAAM,CAAC,eAAe,oBAAoB,SAAS,aAAa;CAEhE,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,SAAS,SAAS,GAAqC;AACrD,mBAAiB,EAAE,OAAO,MAAM;AAChC,WAAS,EAAE,OAAO,MAAM,OAAO;AAC/B,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CAEF,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;EAClD,CAAC;AAEF,iBAAgB;AACd,mBAAiB,MAAM;AACvB,WAAS,OAAO,UAAU,EAAE,SAAS,GAAG,QAAQ,SAAS,EAAE;IAC1D,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAY;EAAK,GAAI;;GACzD,SAAS,MAAM,GACd,oBAAC;IACC,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;KACX,GAEF;GAEF,qBAAC;IAAa,WAAW,GAAG,gBAAgB,UAAU;IAAE,GAAI,OAAO;IAAW,GAAI;eAChF,oBAAC;KACC,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;MACJ,EAED,aACC,qBAACA;KACC,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;;MAEH;MAAM;MAAE,YAAY,KAAK,cAAc;;MACtC;KAEO;GACd,CAAC,CAAC,YAAY,oBAACC;IAAS,MAAM,aAAa;cAAQ;KAAoB;GACvE,CAAC,CAAC,aACD,oBAACA;IAAS;IAAQ,IAAI,YAAY,iBAAiB;IAAW,MAAM,aAAa;cAC9E;KACQ;;GAET;EAER;AAEF,SAAS,cAAc"}

package/dist/textarea/textarea.types.d.ts

@@ -1,6 +1,8 @@
 import { ChangeEventHandler, FocusEventHandler, PropsOf } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/textarea/textarea.types.d.ts
 type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.types.d.ts","names":[],"sources":["../../src/textarea/textarea.types.ts"],"sourcesContent":[],"mappings":";;;;;KAIY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;EADU,SAAA,CAAA,CAAA,CAAA,OAAa;EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;WAAG,CAAA,CAAA,CAAA,MAAA;;UAiBH,CAAM,CAAA,CAAA,KAAA;;aAMJ,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;;MAUd,CAAA,CAAA,CAAA,MAAA;;cAEE,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;;UAED,CAAA,CAAA,CAAA,OAAA;;WAYM,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAhCK,KAAA,CAAM,SAgCX;;UAEF,CAAM,CAAA,CAhCT,KAAA,CAAM,SAgCG,CAAA,CAAA,CAAA,MAAA;EAAgB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA;;;mBA5BnB,KAAA,CAAM;;;;;;;;;;WAUd,kBAAkB;;aAEhB,mBAAmB;;YAEpB,kBAAkB;;;;;;;;;;;;kBAYZ,oBAAoB;;gBAEtB,KAAA,CAAM,iBAAiB"}
+{"version":3,"file":"textarea.types.d.ts","names":[],"sources":["../../src/textarea/textarea.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;;EADU,SAAA,CAAA,CAAA,CAAA,MAAa;EAAG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAC1B,QAAA,CAAA,CAAA,CAAA,KAAA;EAgBuB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAEV,WAAM,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;EAIA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAUU,IAAA,CAAA,CAAA,CAAA,MAAA;EAAlB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEqB,YAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAnB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEiB,QAAA,CAAA,CAAA,CAAA,OAAA;EAAlB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAY0B,SAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAhCf,KAAA,CAAM,SAgCS;EAApB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEqB,QAAA,CAAA,CAAA,CAhC1B,KAAA,CAAM,SAgCoB,CAAA,CAAA,CAAA,MAAA;EAAvB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA;EAAsB,SAAA,CAAA,CAAA,CAAA,OAAA;;mBA5BnB,KAAA,CAAM;;;;;;;;;;WAUd,kBAAkB;;aAEhB,mBAAmB;;YAEpB,kBAAkB;;;;;;;;;;;;kBAYZ,oBAAoB;;gBAEtB,KAAA,CAAM,iBAAiB"}

package/dist/textarea/theme.js

@@ -1,2 +1,43 @@
-import{inputColors as e}from"../input/consts.js";var t={baseStyle:{textarea:{focusWithinRing:3,color:e.inputText},input:{color:{placeholder:e.placeholder}}},defaultProps:{variant:`grey`},parts:[`container`,`textarea`,`label`],sizes:{},variants:{grey:{textarea:{borderColor:e.border,focusWithinRingColor:e.focus}},green:{textarea:{borderColor:e.success,focusWithinRingColor:e.success}},red:{textarea:{borderColor:e.error,focusWithinRingColor:e.error}}}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { inputColors } from "../input/consts.js";
+
+//#region src/textarea/theme.ts
+const baseStyle = {
+	textarea: {
+		focusWithinRing: 3,
+		color: inputColors.inputText
+	},
+	input: { color: { placeholder: inputColors.placeholder } }
+};
+const defaultProps = { variant: "grey" };
+const parts = [
+	"container",
+	"textarea",
+	"label"
+];
+const sizes = {};
+const variants = {
+	grey: { textarea: {
+		borderColor: inputColors.border,
+		focusWithinRingColor: inputColors.focus
+	} },
+	green: { textarea: {
+		borderColor: inputColors.success,
+		focusWithinRingColor: inputColors.success
+	} },
+	red: { textarea: {
+		borderColor: inputColors.error,
+		focusWithinRingColor: inputColors.error
+	} }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/textarea/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/textarea/theme.ts"],"sourcesContent":["import { inputColors } from '../input/consts'\n\nconst baseStyle = {\n  textarea: {\n    focusWithinRing: 3,\n    color: inputColors.inputText,\n  },\n  input: {\n    color: { placeholder: inputColors.placeholder },\n  },\n}\n\nconst defaultProps = {\n  variant: 'grey',\n}\n\nconst parts = ['container', 'textarea', 'label']\n\nconst sizes = {}\n\nconst variants = {\n  grey: {\n    textarea: {\n      borderColor: inputColors.border,\n      focusWithinRingColor: inputColors.focus,\n    },\n  },\n  green: {\n    textarea: {\n      borderColor: inputColors.success,\n      focusWithinRingColor: inputColors.success,\n    },\n  },\n  red: {\n    textarea: {\n      borderColor: inputColors.error,\n      focusWithinRingColor: inputColors.error,\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"iDAyCA,IAAA,EAAe,CACb,UAxCgB,CAChB,SAAU,CACR,gBAAiB,EACjB,MAAO,EAAY,UACpB,CACD,MAAO,CACL,MAAO,CAAE,YAAa,EAAY,YAAa,CAChD,CACF,CAiCC,aA/BmB,CACnB,QAAS,OACV,CA8BC,MA5BY,CAAC,YAAa,WAAY,QAAQ,CA6B9C,MA3BY,EAAE,CA4Bd,SA1Be,CACf,KAAM,CACJ,SAAU,CACR,YAAa,EAAY,OACzB,qBAAsB,EAAY,MACnC,CACF,CACD,MAAO,CACL,SAAU,CACR,YAAa,EAAY,QACzB,qBAAsB,EAAY,QACnC,CACF,CACD,IAAK,CACH,SAAU,CACR,YAAa,EAAY,MACzB,qBAAsB,EAAY,MACnC,CACF,CACF,CAQA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/textarea/theme.ts"],"sourcesContent":["import { inputColors } from '../input/consts'\n\nconst baseStyle = {\n  textarea: {\n    focusWithinRing: 3,\n    color: inputColors.inputText,\n  },\n  input: {\n    color: { placeholder: inputColors.placeholder },\n  },\n}\n\nconst defaultProps = {\n  variant: 'grey',\n}\n\nconst parts = ['container', 'textarea', 'label']\n\nconst sizes = {}\n\nconst variants = {\n  grey: {\n    textarea: {\n      borderColor: inputColors.border,\n      focusWithinRingColor: inputColors.focus,\n    },\n  },\n  green: {\n    textarea: {\n      borderColor: inputColors.success,\n      focusWithinRingColor: inputColors.success,\n    },\n  },\n  red: {\n    textarea: {\n      borderColor: inputColors.error,\n      focusWithinRingColor: inputColors.error,\n    },\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY;CAChB,UAAU;EACR,iBAAiB;EACjB,OAAO,YAAY;EACpB;CACD,OAAO,EACL,OAAO,EAAE,aAAa,YAAY,aAAa,EAChD;CACF;AAED,MAAM,eAAe,EACnB,SAAS,QACV;AAED,MAAM,QAAQ;CAAC;CAAa;CAAY;CAAQ;AAEhD,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,MAAM,EACJ,UAAU;EACR,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACD,OAAO,EACL,UAAU;EACR,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACD,KAAK,EACH,UAAU;EACR,aAAa,YAAY;EACzB,sBAAsB,YAAY;EACnC,EACF;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}