@activecollab/components 1.0.53 → 1.0.56

package/dist/cjs/components/Icons/collection/PauseCircleOutline.js

@@ -13,14 +13,14 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var PauseCircleOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "var(--color-theme-600)",
     ref: svgRef
   }, props), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z",
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z",
     fillRule: "evenodd"
   }));
 });

package/dist/cjs/components/Icons/collection/PauseCircleOutline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Icons/collection/PauseCircleOutline.tsx"],"names":["PauseCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,sBAAsB,gBAAGC,eAAMC,UAAN,CAC7B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,oIADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD6B,CAA/B;;AAkBAH,sBAAsB,CAACK,WAAvB,GAAqC,wBAArC;eACeL,sB","sourcesContent":["import React from \"react\";\nconst PauseCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={20}\n      height={20}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPauseCircleOutlineIcon.displayName = \"PauseCircleOutlineIcon\";\nexport default PauseCircleOutlineIcon;\n"],"file":"PauseCircleOutline.js"}
+{"version":3,"sources":["../../../../../src/components/Icons/collection/PauseCircleOutline.tsx"],"names":["PauseCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,sBAAsB,gBAAGC,eAAMC,UAAN,CAC7B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,qIADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD6B,CAA/B;;AAkBAH,sBAAsB,CAACK,WAAvB,GAAqC,wBAArC;eACeL,sB","sourcesContent":["import React from \"react\";\nconst PauseCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPauseCircleOutlineIcon.displayName = \"PauseCircleOutlineIcon\";\nexport default PauseCircleOutlineIcon;\n"],"file":"PauseCircleOutline.js"}

package/dist/cjs/components/Icons/collection/PlayCircleOutline.js

@@ -13,14 +13,14 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 var PlayCircleOutlineIcon = /*#__PURE__*/_react.default.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/_react.default.createElement("svg", _extends({
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "var(--color-theme-600)",
     ref: svgRef
   }, props), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z",
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
     fillRule: "evenodd"
   }));
 });

package/dist/cjs/components/Icons/collection/PlayCircleOutline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"names":["PlayCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,qBAAqB,gBAAGC,eAAMC,UAAN,CAC5B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,8HADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD4B,CAA9B;;AAkBAH,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC;eACeL,qB","sourcesContent":["import React from \"react\";\nconst PlayCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={20}\n      height={20}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\n"],"file":"PlayCircleOutline.js"}
+{"version":3,"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"names":["PlayCircleOutlineIcon","React","forwardRef","props","svgRef","displayName"],"mappings":";;;;;;;AAAA;;;;;;AACA,IAAMA,qBAAqB,gBAAGC,eAAMC,UAAN,CAC5B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,8HADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD4B,CAA9B;;AAkBAH,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC;eACeL,qB","sourcesContent":["import React from \"react\";\nconst PlayCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\n"],"file":"PlayCircleOutline.js"}

package/dist/cjs/components/Typography/Typography.js

@@ -11,11 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-
 var _Styles = require("./Styles");
 
-var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+var _excluded = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -32,8 +30,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
-      _ref$Tag = _ref.Tag,
-      Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
+      as = _ref.as,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "primary" : _ref$color,
       _ref$italic = _ref.italic,
@@ -62,10 +59,9 @@ var Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var innerRef = (0, _react.useRef)(null);
-  var handleRef = (0, _useForkRef.default)(ref, innerRef);
+  var Component = as || "div";
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledTypography, _extends({
-    as: Tag,
+    as: Component,
     className: (0, _classnames.default)("typography", className),
     $italic: italic,
     $tabularNums: tabularNums,
@@ -80,7 +76,7 @@ var Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     $variant: variant,
     $color: color,
     $weight: weight,
-    ref: handleRef
+    ref: ref
   }, props), children);
 });
 exports.Typography = Typography;

package/dist/cjs/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","handleRef","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyDO,IAAMA,UAAU,gBAAG,uBAIxB,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAG,mBAA2B,IAA3B,CAAjB;AACA,MAAMC,SAAS,GAAG,yBAAWnB,GAAX,EAAgBkB,QAAhB,CAAlB;AAEA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEhB,GADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBa,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEK;AAhBP,KAiBMF,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CApDuB,CAAnB;;AAuDPjB,UAAU,CAACqB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Element tag. */\n  Tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\" | \"div\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport const Typography = forwardRef<\n  HTMLElement,\n  ITypographyProps & ITypographyAdditionalProps\n>(\n  (\n    {\n      variant = \"Title 1\",\n      Tag = \"div\",\n      color = \"primary\",\n      italic = false,\n      tabularNums = false,\n      letterSpacing = \"regular\",\n      lineHeight = \"regular\",\n      align = \"left\",\n      decoration = \"none\",\n      transform = \"regular\",\n      overflow = \"visible\",\n      whitespace = \"regular\",\n      wordBreak = \"regular\",\n      weight = \"regular\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLElement | null>(null);\n    const handleRef = useForkRef(ref, innerRef);\n\n    return (\n      <StyledTypography\n        as={Tag}\n        className={classNames(\"typography\", className)}\n        $italic={italic}\n        $tabularNums={tabularNums}\n        $letterSpacing={letterSpacing}\n        $lineHeight={lineHeight}\n        $align={align}\n        $decoration={decoration}\n        $transform={transform}\n        $overflow={overflow}\n        $whitespace={whitespace}\n        $wordBreak={wordBreak}\n        $variant={variant}\n        $color={color}\n        $weight={weight}\n        ref={handleRef}\n        {...props}\n      >\n        {children}\n      </StyledTypography>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AA+DO,IAAMA,UAA0D,gBACrE,uBACE,gBAoBEC,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,6BAAC,wBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAE,yBAAW,YAAX,EAAyBH,SAAzB,CAFb;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CH,CADK;;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

package/dist/cjs/components/Typography/Variants/Body1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["Body1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,KAAwC,gBAAG,uBACtD,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqD,CAAjD;;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["Body1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,KAAK,gBAAG,uBAGnB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVoB,CAAd;;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}

package/dist/cjs/components/Typography/Variants/Body2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["Body2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAMO,IAAMA,KAAwC,gBAAG,uBACtD,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqD,CAAjD;;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["Body2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAMO,IAAMA,KAAK,gBAAG,uBAGnB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVoB,CAAd;;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}

package/dist/cjs/components/Typography/Variants/Caption1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["Caption1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAA8C,gBAAG,uBAC5D,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR2D,CAAvD;;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["Caption1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBAGtB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVuB,CAAjB;;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}

package/dist/cjs/components/Typography/Variants/Caption2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["Caption2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAA8C,gBAAG,uBAC5D,gBAA6CC,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR2D,CAAvD;;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["Caption2","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBAGtB,gBAA6CC,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,6BAAC,sBAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVuB,CAAjB;;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}

package/dist/cjs/components/Typography/Variants/Header2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["Header2","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAA6B,gBAAG,uBAC3C,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR0C,CAAtC;;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["Header2","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAG,uBAGrB,gBAAyBC,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVsB,CAAhB;;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}

package/dist/cjs/components/Typography/Variants/Header3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["Header3","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAA6B,gBAAG,uBAC3C,gBAAyBC,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR0C,CAAtC;;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header3.tsx"],"names":["Header3","ref","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAG,uBAGrB,gBAAyBC,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVsB,CAAhB;;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header3 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 3\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader3.displayName = \"Header3\";\n"],"file":"Header3.js"}

package/dist/cjs/components/Typography/Variants/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["Title1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,MAA0C,gBAAG,uBACxD,gBAA2CC,GAA3C,EAA2E;AAAA,yBAAxEC,MAAwE;AAAA,MAAxEA,MAAwE,4BAA/D,OAA+D;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACzE,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARuD,CAAnD;;AAWPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1: FC<ITypographyProps & ITitleProps> = forwardRef(\n  ({ weight = \"light\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Title1.tsx"],"names":["Title1","ref","weight","children","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAOO,IAAMA,MAAM,gBAAG,uBAGpB,gBAA2CC,GAA3C,EAAmD;AAAA,yBAAhDC,MAAgD;AAAA,MAAhDA,MAAgD,4BAAvC,OAAuC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACnD,sBACE,6BAAC,sBAAD;AAAY,IAAA,MAAM,EAAEF,MAApB;AAA4B,IAAA,OAAO,EAAC,SAApC;AAA8C,IAAA,GAAG,EAAED;AAAnD,KAA4DG,KAA5D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVqB,CAAf;;AAYPH,MAAM,CAACK,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ITitleProps {\n  /** Font weight. */\n  weight?: \"light\" | \"bold\";\n}\n\nexport const Title1 = forwardRef<\n  HTMLDivElement,\n  ITitleProps & Omit<ITypographyProps, keyof ITitleProps | \"variant\">\n>(({ weight = \"light\", children, ...props }, ref) => {\n  return (\n    <Typography weight={weight} variant=\"Title 1\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nTitle1.displayName = \"Title1\";\n"],"file":"Title1.js"}

package/dist/cjs/utils/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/dist/cjs/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}

package/dist/esm/components/CounterButton/Styles.d.ts

@@ -8,7 +8,7 @@ export declare const StyledCounterButtonCounter: import("styled-components").Sty
     $selected?: boolean | undefined;
 }, never>;
 export declare const StyledCounterButtonReset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button/Button").IButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledCounterButtonLabel: import("styled-components").StyledComponent<import("react").FC<import("../Typography/Typography").ITypographyProps & import("../Typography/Variants/Body2").IBodyProps>, any, {
+export declare const StyledCounterButtonLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography/Variants/Body2").IBodyProps & Omit<import("../Typography/Typography").ITypographyProps, "variant" | "weight"> & import("react").RefAttributes<HTMLDivElement>>, any, {
     $active?: boolean | undefined;
 }, never>;
 export {};

package/dist/esm/components/Icons/collection/PauseCircleOutline.js

@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
 var PauseCircleOutlineIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "var(--color-theme-600)",
     ref: svgRef
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z",
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z",
     fillRule: "evenodd"
   }));
 });

package/dist/esm/components/Icons/collection/PauseCircleOutline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Icons/collection/PauseCircleOutline.tsx"],"names":["React","PauseCircleOutlineIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,sBAAsB,gBAAGD,KAAK,CAACE,UAAN,CAC7B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,oIADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD6B,CAA/B;AAkBAF,sBAAsB,CAACI,WAAvB,GAAqC,wBAArC;AACA,eAAeJ,sBAAf","sourcesContent":["import React from \"react\";\nconst PauseCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={20}\n      height={20}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM9 7v6H7V7h2zm4 0v6h-2V7h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPauseCircleOutlineIcon.displayName = \"PauseCircleOutlineIcon\";\nexport default PauseCircleOutlineIcon;\n"],"file":"PauseCircleOutline.js"}
+{"version":3,"sources":["../../../../../src/components/Icons/collection/PauseCircleOutline.tsx"],"names":["React","PauseCircleOutlineIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,sBAAsB,gBAAGD,KAAK,CAACE,UAAN,CAC7B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,qIADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD6B,CAA/B;AAkBAF,sBAAsB,CAACI,WAAvB,GAAqC,wBAArC;AACA,eAAeJ,sBAAf","sourcesContent":["import React from \"react\";\nconst PauseCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPauseCircleOutlineIcon.displayName = \"PauseCircleOutlineIcon\";\nexport default PauseCircleOutlineIcon;\n"],"file":"PauseCircleOutline.js"}

package/dist/esm/components/Icons/collection/PlayCircleOutline.js

@@ -2,14 +2,14 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from "react";
 var PlayCircleOutlineIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 20,
-    height: 20,
-    viewBox: "0 0 20 20",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "var(--color-theme-600)",
     ref: svgRef
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z",
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
     fillRule: "evenodd"
   }));
 });

package/dist/esm/components/Icons/collection/PlayCircleOutline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"names":["React","PlayCircleOutlineIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,qBAAqB,gBAAGD,KAAK,CAACE,UAAN,CAC5B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,8HADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD4B,CAA9B;AAkBAF,qBAAqB,CAACI,WAAtB,GAAoC,uBAApC;AACA,eAAeJ,qBAAf","sourcesContent":["import React from \"react\";\nconst PlayCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={20}\n      height={20}\n      viewBox=\"0 0 20 20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0zm0 2a8 8 0 100 16 8 8 0 000-16zM7.8 6l6.4 4-6.4 4V6z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\n"],"file":"PlayCircleOutline.js"}
+{"version":3,"sources":["../../../../../src/components/Icons/collection/PlayCircleOutline.tsx"],"names":["React","PlayCircleOutlineIcon","forwardRef","props","svgRef","displayName"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,IAAMC,qBAAqB,gBAAGD,KAAK,CAACE,UAAN,CAC5B,UAACC,KAAD,EAAuCC,MAAvC;AAAA,sBACE;AACE,IAAA,KAAK,EAAE,EADT;AAEE,IAAA,MAAM,EAAE,EAFV;AAGE,IAAA,OAAO,EAAC,WAHV;AAIE,IAAA,KAAK,EAAC,4BAJR;AAKE,IAAA,IAAI,EAAC,wBALP;AAME,IAAA,GAAG,EAAEA;AANP,KAOMD,KAPN,gBASE;AACE,IAAA,CAAC,EAAC,8HADJ;AAEE,IAAA,QAAQ,EAAC;AAFX,IATF,CADF;AAAA,CAD4B,CAA9B;AAkBAF,qBAAqB,CAACI,WAAtB,GAAoC,uBAApC;AACA,eAAeJ,qBAAf","sourcesContent":["import React from \"react\";\nconst PlayCircleOutlineIcon = React.forwardRef(\n  (props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"var(--color-theme-600)\"\n      ref={svgRef}\n      {...props}\n    >\n      <path\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nPlayCircleOutlineIcon.displayName = \"PlayCircleOutlineIcon\";\nexport default PlayCircleOutlineIcon;\n"],"file":"PlayCircleOutline.js"}

package/dist/esm/components/Typography/Typography.d.ts

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from "react";
+import { PolymorphicComponentPropsWithRef } from "../../utils/types";
 export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
     color?: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert";
     tabularNums?: boolean;
@@ -12,13 +13,13 @@ export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
     whitespace?: "regular" | "no-wrap";
     wordBreak?: "regular" | "smart" | "all";
     className?: string;
-}
-interface ITypographyAdditionalProps {
     variant?: "Title 1" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
-    Tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
     weight?: "light" | "regular" | "medium" | "bold";
     size?: "32" | "18" | "16" | "14" | "12" | "10";
 }
-export declare const Typography: React.ForwardRefExoticComponent<ITypographyProps & ITypographyAdditionalProps & React.RefAttributes<HTMLElement>>;
-export {};
+export declare type TypographyProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ITypographyProps>;
+export declare type TypographyComponent = <C extends React.ElementType = "div">(props: TypographyProps<C>) => React.ReactElement | null;
+export declare const Typography: TypographyComponent & {
+    displayName?: string;
+};
 //# sourceMappingURL=Typography.d.ts.map

package/dist/esm/components/Typography/Typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAIlE,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,0BAA0B;IAElC,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;IAErE,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,UAAU,mHAqDtB,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAG1D,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAC3B,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAEnE,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,CAAC;IAEZ,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE7C,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAE3C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAEhD,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IAEnD,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IAEjE,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAE/C,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEnC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IAExC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EACJ,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAEhB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEjD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,oBAAY,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAiDlE,CAAC"}

package/dist/esm/components/Typography/Typography.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["variant", "Tag", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
-import React, { forwardRef, useRef } from "react";
+var _excluded = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+import React, { forwardRef } from "react";
 import classNames from "classnames";
-import useForkRef from "../../utils/useForkRef";
 import { StyledTypography } from "./Styles";
 export var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
-      _ref$Tag = _ref.Tag,
-      Tag = _ref$Tag === void 0 ? "div" : _ref$Tag,
+      as = _ref.as,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "primary" : _ref$color,
       _ref$italic = _ref.italic,
@@ -38,10 +36,9 @@ export var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children = _ref.children,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var innerRef = useRef(null);
-  var handleRef = useForkRef(ref, innerRef);
+  var Component = as || "div";
   return /*#__PURE__*/React.createElement(StyledTypography, _extends({
-    as: Tag,
+    as: Component,
     className: classNames("typography", className),
     $italic: italic,
     $tabularNums: tabularNums,
@@ -56,7 +53,7 @@ export var Typography = /*#__PURE__*/forwardRef(function (_ref, ref) {
     $variant: variant,
     $color: color,
     $weight: weight,
-    ref: handleRef
+    ref: ref
   }, props), children);
 });
 Typography.displayName = "Typography";

package/dist/esm/components/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","useRef","classNames","useForkRef","StyledTypography","Typography","ref","variant","Tag","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","innerRef","handleRef","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,EAA4CC,MAA5C,QAA0D,OAA1D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAyDA,OAAO,IAAMC,UAAU,gBAAGL,UAAU,CAIlC,gBAoBEM,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,sBAlBDC,GAkBC;AAAA,MAlBDA,GAkBC,yBAlBK,KAkBL;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,QAAQ,GAAGvB,MAAM,CAAqB,IAArB,CAAvB;AACA,MAAMwB,SAAS,GAAGtB,UAAU,CAACG,GAAD,EAAMkB,QAAN,CAA5B;AAEA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEhB,GADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,YAAD,EAAemB,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEK;AAhBP,KAiBMF,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CApDiC,CAA7B;AAuDPjB,UAAU,CAACqB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef, useRef } from \"react\";\nimport classNames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledTypography } from \"./Styles\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n}\n\ninterface ITypographyAdditionalProps {\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Element tag. */\n  Tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"span\" | \"div\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport const Typography = forwardRef<\n  HTMLElement,\n  ITypographyProps & ITypographyAdditionalProps\n>(\n  (\n    {\n      variant = \"Title 1\",\n      Tag = \"div\",\n      color = \"primary\",\n      italic = false,\n      tabularNums = false,\n      letterSpacing = \"regular\",\n      lineHeight = \"regular\",\n      align = \"left\",\n      decoration = \"none\",\n      transform = \"regular\",\n      overflow = \"visible\",\n      whitespace = \"regular\",\n      wordBreak = \"regular\",\n      weight = \"regular\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const innerRef = useRef<HTMLElement | null>(null);\n    const handleRef = useForkRef(ref, innerRef);\n\n    return (\n      <StyledTypography\n        as={Tag}\n        className={classNames(\"typography\", className)}\n        $italic={italic}\n        $tabularNums={tabularNums}\n        $letterSpacing={letterSpacing}\n        $lineHeight={lineHeight}\n        $align={align}\n        $decoration={decoration}\n        $transform={transform}\n        $overflow={overflow}\n        $whitespace={whitespace}\n        $wordBreak={wordBreak}\n        $variant={variant}\n        $color={color}\n        $weight={weight}\n        ref={handleRef}\n        {...props}\n      >\n        {children}\n      </StyledTypography>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}
+{"version":3,"sources":["../../../../src/components/Typography/Typography.tsx"],"names":["React","forwardRef","classNames","StyledTypography","Typography","ref","variant","as","color","italic","tabularNums","letterSpacing","lineHeight","align","decoration","transform","overflow","whitespace","wordBreak","weight","className","children","props","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AA+DA,OAAO,IAAMC,UAA0D,gBACrEH,UAAU,CACR,gBAoBEI,GApBF,EAqBK;AAAA,0BAnBDC,OAmBC;AAAA,MAnBDA,OAmBC,6BAnBS,SAmBT;AAAA,MAlBDC,EAkBC,QAlBDA,EAkBC;AAAA,wBAjBDC,KAiBC;AAAA,MAjBDA,KAiBC,2BAjBO,SAiBP;AAAA,yBAhBDC,MAgBC;AAAA,MAhBDA,MAgBC,4BAhBQ,KAgBR;AAAA,8BAfDC,WAeC;AAAA,MAfDA,WAeC,iCAfa,KAeb;AAAA,gCAdDC,aAcC;AAAA,MAdDA,aAcC,mCAde,SAcf;AAAA,6BAbDC,UAaC;AAAA,MAbDA,UAaC,gCAbY,SAaZ;AAAA,wBAZDC,KAYC;AAAA,MAZDA,KAYC,2BAZO,MAYP;AAAA,6BAXDC,UAWC;AAAA,MAXDA,UAWC,gCAXY,MAWZ;AAAA,4BAVDC,SAUC;AAAA,MAVDA,SAUC,+BAVW,SAUX;AAAA,2BATDC,QASC;AAAA,MATDA,QASC,8BATU,SASV;AAAA,6BARDC,UAQC;AAAA,MARDA,UAQC,gCARY,SAQZ;AAAA,4BAPDC,SAOC;AAAA,MAPDA,SAOC,+BAPW,SAOX;AAAA,yBANDC,MAMC;AAAA,MANDA,MAMC,4BANQ,SAMR;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,QAIC,QAJDA,QAIC;AAAA,MAHEC,KAGF;;AACH,MAAMC,SAAS,GAAGhB,EAAE,IAAI,KAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEgB,SADN;AAEE,IAAA,SAAS,EAAErB,UAAU,CAAC,YAAD,EAAekB,SAAf,CAFvB;AAGE,IAAA,OAAO,EAAEX,MAHX;AAIE,IAAA,YAAY,EAAEC,WAJhB;AAKE,IAAA,cAAc,EAAEC,aALlB;AAME,IAAA,WAAW,EAAEC,UANf;AAOE,IAAA,MAAM,EAAEC,KAPV;AAQE,IAAA,WAAW,EAAEC,UARf;AASE,IAAA,UAAU,EAAEC,SATd;AAUE,IAAA,SAAS,EAAEC,QAVb;AAWE,IAAA,WAAW,EAAEC,UAXf;AAYE,IAAA,UAAU,EAAEC,SAZd;AAaE,IAAA,QAAQ,EAAEZ,OAbZ;AAcE,IAAA,MAAM,EAAEE,KAdV;AAeE,IAAA,OAAO,EAAEW,MAfX;AAgBE,IAAA,GAAG,EAAEd;AAhBP,KAiBMiB,KAjBN,GAmBGD,QAnBH,CADF;AAuBD,CA/CO,CADL;AAmDPjB,UAAU,CAACoB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { HTMLAttributes, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledTypography } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n  /** Font color. */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"quaternary\"\n    | \"theme-primary\"\n    | \"theme-secondary\"\n    | \"only-white\"\n    | \"only-black\"\n    | \"page-paper\"\n    | \"success\"\n    | \"alert\";\n  /** Tabular numbers. */\n  tabularNums?: boolean;\n  /** Italic font style. */\n  italic?: boolean;\n  /** Font letter spacing. */\n  letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n  /** Font line height. */\n  lineHeight?: \"tight\" | \"regular\" | \"loose\";\n  /** Font align. */\n  align?: \"left\" | \"center\" | \"right\" | \"justify\";\n  /** Underline font style. */\n  decoration?: \"underline\" | \"line-through\" | \"none\";\n  /** Font transform. */\n  transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n  /** Font overflow. */\n  overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n  /** Font whitespace. */\n  whitespace?: \"regular\" | \"no-wrap\";\n  /** Font word break. */\n  wordBreak?: \"regular\" | \"smart\" | \"all\";\n  /** Custom className for styling. */\n  className?: string;\n  /** Element variant. */\n  variant?:\n    | \"Title 1\"\n    | \"Header 2\"\n    | \"Header 3\"\n    | \"Body 1\"\n    | \"Body 2\"\n    | \"Caption 1\"\n    | \"Caption 2\";\n  /** Font weight. */\n  weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n  /** Font size. */\n  size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n  props: TypographyProps<C>\n) => React.ReactElement | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = \"div\">(\n      {\n        variant = \"Title 1\",\n        as,\n        color = \"primary\",\n        italic = false,\n        tabularNums = false,\n        letterSpacing = \"regular\",\n        lineHeight = \"regular\",\n        align = \"left\",\n        decoration = \"none\",\n        transform = \"regular\",\n        overflow = \"visible\",\n        whitespace = \"regular\",\n        wordBreak = \"regular\",\n        weight = \"regular\",\n        className,\n        children,\n        ...props\n      }: TypographyProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const Component = as || \"div\";\n      return (\n        <StyledTypography\n          as={Component}\n          className={classNames(\"typography\", className)}\n          $italic={italic}\n          $tabularNums={tabularNums}\n          $letterSpacing={letterSpacing}\n          $lineHeight={lineHeight}\n          $align={align}\n          $decoration={decoration}\n          $transform={transform}\n          $overflow={overflow}\n          $whitespace={whitespace}\n          $wordBreak={wordBreak}\n          $variant={variant}\n          $color={color}\n          $weight={weight}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </StyledTypography>\n      );\n    }\n  );\n\nTypography.displayName = \"Typography\";\n"],"file":"Typography.js"}

package/dist/esm/components/Typography/Variants/Body1.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
 interface IBodyProps {
     weight?: "regular" | "bold" | "medium";
 }
-export declare const Body1: FC<ITypographyProps & IBodyProps>;
+export declare const Body1: React.ForwardRefExoticComponent<IBodyProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Body1.d.ts.map

package/dist/esm/components/Typography/Variants/Body1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,UAAU;IAElB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,gBAAgB,GAAG,UAAU,CASnD,CAAC"}
+{"version":3,"file":"Body1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,UAAU;IAElB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAUhB,CAAC"}

package/dist/esm/components/Typography/Variants/Body1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["React","forwardRef","Typography","Body1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,KAAwC,gBAAGF,UAAU,CAChE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR+D,CAA3D;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body1.tsx"],"names":["React","forwardRef","Typography","Body1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV8B,CAAxB;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body1 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody1.displayName = \"Body1\";\n"],"file":"Body1.js"}

package/dist/esm/components/Typography/Variants/Body2.d.ts

@@ -1,7 +1,7 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
 export interface IBodyProps {
     weight?: "regular" | "bold" | "medium";
 }
-export declare const Body2: FC<ITypographyProps & IBodyProps>;
+export declare const Body2: React.ForwardRefExoticComponent<IBodyProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Body2.d.ts.map

package/dist/esm/components/Typography/Variants/Body2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,gBAAgB,GAAG,UAAU,CASnD,CAAC"}
+{"version":3,"file":"Body2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAC7D,MAAM,WAAW,UAAU;IAEzB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,KAAK,kIAUhB,CAAC"}

package/dist/esm/components/Typography/Variants/Body2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAwC,gBAAGF,UAAU,CAChE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAR+D,CAA3D;AAWPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2: FC<ITypographyProps & IBodyProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Body2.tsx"],"names":["React","forwardRef","Typography","Body2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAMA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAG7B,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,QAApB;AAA6B,IAAA,MAAM,EAAEF,MAArC;AAA6C,IAAA,GAAG,EAAED;AAAlD,KAA2DG,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAV8B,CAAxB;AAYPH,KAAK,CAACK,WAAN,GAAoB,OAApB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\nexport interface IBodyProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\" | \"medium\";\n}\n\nexport const Body2 = forwardRef<\n  HTMLDivElement,\n  IBodyProps & Omit<ITypographyProps, keyof IBodyProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Body 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nBody2.displayName = \"Body2\";\n"],"file":"Body2.js"}

package/dist/esm/components/Typography/Variants/Caption1.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
 interface ICaptionProps {
     weight?: "regular" | "bold";
 }
-export declare const Caption1: FC<ITypographyProps & ICaptionProps>;
+export declare const Caption1: React.ForwardRefExoticComponent<ICaptionProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Caption1.d.ts.map

package/dist/esm/components/Typography/Variants/Caption1.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,gBAAgB,GAAG,aAAa,CASzD,CAAC"}
+{"version":3,"file":"Caption1.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIAUnB,CAAC"}

package/dist/esm/components/Typography/Variants/Caption1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAA8C,gBAAGF,UAAU,CACtE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqE,CAAjE;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1: FC<ITypographyProps & ICaptionProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption1.tsx"],"names":["React","forwardRef","Typography","Caption1","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAViC,CAA3B;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption1 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 1\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption1.displayName = \"Caption1\";\n"],"file":"Caption1.js"}

package/dist/esm/components/Typography/Variants/Caption2.d.ts

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
 interface ICaptionProps {
     weight?: "regular" | "bold";
 }
-export declare const Caption2: FC<ITypographyProps & ICaptionProps>;
+export declare const Caption2: React.ForwardRefExoticComponent<ICaptionProps & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Caption2.d.ts.map

package/dist/esm/components/Typography/Variants/Caption2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Caption2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,gBAAgB,GAAG,aAAa,CASzD,CAAC"}
+{"version":3,"file":"Caption2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,UAAU,aAAa;IAErB,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,qIAUnB,CAAC"}

package/dist/esm/components/Typography/Variants/Caption2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAA8C,gBAAGF,UAAU,CACtE,gBAA6CG,GAA7C,EAA6E;AAAA,yBAA1EC,MAA0E;AAAA,MAA1EA,MAA0E,4BAAjE,SAAiE;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AAC3E,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARqE,CAAjE;AAWPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2: FC<ITypographyProps & ICaptionProps> = forwardRef(\n  ({ weight = \"regular\", children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Caption2.tsx"],"names":["React","forwardRef","Typography","Caption2","ref","weight","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAOA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAGhC,gBAA6CG,GAA7C,EAAqD;AAAA,yBAAlDC,MAAkD;AAAA,MAAlDA,MAAkD,4BAAzC,SAAyC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACrD,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAC,WAApB;AAAgC,IAAA,MAAM,EAAEF,MAAxC;AAAgD,IAAA,GAAG,EAAED;AAArD,KAA8DG,KAA9D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAViC,CAA3B;AAYPH,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\ninterface ICaptionProps {\n  /** Font weight. */\n  weight?: \"regular\" | \"bold\";\n}\n\nexport const Caption2 = forwardRef<\n  HTMLDivElement,\n  ICaptionProps & Omit<ITypographyProps, keyof ICaptionProps | \"variant\">\n>(({ weight = \"regular\", children, ...props }, ref) => {\n  return (\n    <Typography variant=\"Caption 2\" weight={weight} ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nCaption2.displayName = \"Caption2\";\n"],"file":"Caption2.js"}

package/dist/esm/components/Typography/Variants/Header2.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React from "react";
 import { ITypographyProps } from "../Typography";
-export declare const Header2: FC<ITypographyProps>;
+export declare const Header2: React.ForwardRefExoticComponent<Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Header2.d.ts.map

package/dist/esm/components/Typography/Variants/Header2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CASxC,CAAC"}
+{"version":3,"file":"Header2.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,eAAO,MAAM,OAAO,qHAUlB,CAAC"}

package/dist/esm/components/Typography/Variants/Header2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAoBC,UAApB,QAAsC,OAAtC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAA6B,gBAAGF,UAAU,CACrD,gBAAyBG,GAAzB,EAAyD;AAAA,MAAtDC,QAAsD,QAAtDA,QAAsD;AAAA,MAAzCC,KAAyC;;AACvD,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CARoD,CAAhD;AAWPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { FC, forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2: FC<ITypographyProps> = forwardRef(\n  ({ children, ...props }, ref: React.Ref<HTMLElement>) => {\n    return (\n      <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n        {\" \"}\n        {children}{\" \"}\n      </Typography>\n    );\n  }\n);\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Variants/Header2.tsx"],"names":["React","forwardRef","Typography","Header2","ref","children","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAA2BC,UAA3B,QAA6C,eAA7C;AAEA,OAAO,IAAMC,OAAO,gBAAGF,UAAU,CAG/B,gBAAyBG,GAAzB,EAAiC;AAAA,MAA9BC,QAA8B,QAA9BA,QAA8B;AAAA,MAAjBC,KAAiB;;AACjC,sBACE,oBAAC,UAAD;AAAY,IAAA,MAAM,EAAC,MAAnB;AAA0B,IAAA,OAAO,EAAC,UAAlC;AAA6C,IAAA,GAAG,EAAEF;AAAlD,KAA2DE,KAA3D,GACG,GADH,EAEGD,QAFH,EAEa,GAFb,CADF;AAMD,CAVgC,CAA1B;AAYPF,OAAO,CAACI,WAAR,GAAsB,SAAtB","sourcesContent":["import React, { forwardRef } from \"react\";\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport const Header2 = forwardRef<\n  HTMLDivElement,\n  Omit<ITypographyProps, \"weight\" | \"variant\">\n>(({ children, ...props }, ref) => {\n  return (\n    <Typography weight=\"bold\" variant=\"Header 2\" ref={ref} {...props}>\n      {\" \"}\n      {children}{\" \"}\n    </Typography>\n  );\n});\n\nHeader2.displayName = \"Header2\";\n"],"file":"Header2.js"}