@peculiar/react-components 0.0.2-alpha.302 → 0.0.2-alpha.309

package/dist/esnext/Skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,GAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AA4B7B;;GAEG;AACH,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;;;CAU9B,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,GAAG,CAAC;IAC3C,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,GAAG,aAAa,iCAAiC;IAC5D,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;QAC9B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,KAAK;QACnB,gBAAgB,EAAE;YAChB,OAAO,EAAE,UAAU;SACpB;KACF,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;QAChC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI;QACpB,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB;QAED,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;YAClB,QAAQ,EAAE,aAAa;SACxB,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;YACnB,MAAM,EAAE,MAAM;SACf,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;CACH,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/Skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,GAEV,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAmC7B;;GAEG;AAEH;;GAEG;AACH,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;;;CAU9B,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,GAAG,CAAC;IAC/C,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,GAAG,aAAa,iCAAiC;IAC5D,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI;QAC9B,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,gBAAgB;QAC3B,YAAY,EAAE,KAAK;QACnB,gBAAgB,EAAE;YAChB,OAAO,EAAE,UAAU;SACpB;KACF,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,OAAO,KAAK,QAAQ,IAAI;QAChC,YAAY,EAAE,KAAK;KACpB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI;QACpB,OAAO,EAAE;YACP,UAAU,EAAE,QAAQ;SACrB;QAED,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI;YAClB,QAAQ,EAAE,aAAa;SACxB,CAAC;QACF,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,IAAI;YACnB,MAAM,EAAE,MAAM;SACf,CAAC;KACH,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;IACF,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;QACjB,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC;CACH,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,GAAqB,EAC1B,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI;YACzB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAA0C,CAAC;AAE5C,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,QAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC"}

package/dist/esnext/Tabs/index.js

@@ -1,3 +1,3 @@
 export { Tabs } from './tabs';
-export { Tab } from './tab';
+export { Tab, } from './tab';
 //# sourceMappingURL=index.js.map

package/dist/esnext/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EACL,GAAG,GAGJ,MAAM,OAAO,CAAC"}

package/dist/esnext/Tabs/tab.js

@@ -1,6 +1,12 @@
 import * as React from 'react';
 import { css, cx } from '../styles';
 import { Typography } from '../Typography';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
 const stylesBase = () => css({
     label: 'Tab',
     fontFamily: 'inherit',
@@ -36,11 +42,14 @@ const stylesBase = () => css({
         },
     },
 });
+/**
+ *
+ */
 export const Tab = React.forwardRef((props, ref) => {
-    const { children, className, disabled, id, 
+    const { children, className, disabled, id, color = 'black', component, onChange, 
     // @ts-ignore
-    selected, color = 'black', component: componentProp, onChange, ...other } = props;
-    const Component = componentProp || 'button';
+    selected, ...other } = props;
+    const Component = component || 'button';
     const textColor = React.useMemo(() => {
         if (disabled) {
             return 'gray-7';
@@ -70,7 +79,6 @@ export const Tab = React.forwardRef((props, ref) => {
 Tab.displayName = 'Tab';
 Tab.defaultProps = {
     disabled: false,
-    component: 'button',
     color: 'black',
 };
 //# sourceMappingURL=tab.js.map

package/dist/esnext/Tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuC3C;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,wBAAwB;IACnC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;KACtB;IACD,kBAAkB,EAAE;QAClB,WAAW,EAAE,2BAA2B;KACzC;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,UAAU,EAAE;YACV,eAAe,EAAE,kCAAkC;SACpD;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,OAAO,EACf,SAAS,EACT,QAAQ;IACR,aAAa;IACb,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC;IAExC,MAAM,SAAS,GAAc,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,KAAK,KAAK,OAAO,EAAE;YACrB,IAAI,QAAQ,EAAE;gBACZ,OAAO,OAAO,CAAC;aAChB;YAED,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,QAAQ,EAAE;YACZ,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC7E,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,mBACS,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,OAAO,EAAE,WAAW;QAEpB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,SAAS,IAEf,QAAQ,CACE,CACH,CACb,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esnext/Tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAwBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,YAAY,EACZ,CAAC,KAAmD,EAAE,EAAE;QACtD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAwBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,YAAY,EACZ,CAAC,KAA+C,EAAE,EAAE;QAClD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esnext/Typography/index.js

@@ -1,2 +1,2 @@
-export { Typography } from './typography';
+export { Typography, } from './typography';
 //# sourceMappingURL=index.js.map

package/dist/esnext/Typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwC,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,GAGX,MAAM,cAAc,CAAC"}

package/dist/esnext/Typography/typography.js

@@ -1,5 +1,11 @@
 import * as React from 'react';
 import { css, cx, } from '../styles';
+/**
+ *
+ */
+/**
+ * Styles.
+ */
 const stylesBase = () => css({
     label: 'Typography',
     margin: 0,
@@ -21,21 +27,28 @@ const stylesNoWrap = () => css({
     whiteSpace: 'nowrap',
     textOverflow: 'ellipsis',
 });
+/**
+ *
+ */
+const variantMapping = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    s1: 'h6',
+    s2: 'h6',
+    b1: 'p',
+    b2: 'p',
+    b3: 'p',
+    btn1: 'span',
+    btn2: 'span',
+    c1: 'p',
+    c2: 'p',
+};
 export const Typography = React.forwardRef((props, ref) => {
-    const { variant, className, color, noWrap, component: componentProp, ...other } = props;
-    const getTagFromVariantProp = () => {
-        if (/h/.test(variant)) {
-            return variant;
-        }
-        if (/s/.test(variant)) {
-            return 'h6';
-        }
-        if (/btn/.test(variant)) {
-            return 'span';
-        }
-        return 'p';
-    };
-    const Component = componentProp || getTagFromVariantProp();
+    const { variant, className, color, noWrap, component, ...other } = props;
+    const Component = component || variantMapping[variant] || 'p';
     return (React.createElement(Component, { ...other, ref: ref, className: cx({
             [stylesBase()]: true,
             [stylesVariant(variant)]: !!variant,

package/dist/esnext/Typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAkCnB,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAuC,EAAE,EAAE,CAAC,GAAG,CAAC;IACrE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,QAAQ,EAAE,iBAAiB,OAAO,QAAQ;IAC1C,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,aAAa,EAAE,iBAAiB,OAAO,WAAW;CAC5C,CAAC,CAAC;AAEV,MAAM,WAAW,GAAG,CAAC,KAAmC,EAAE,EAAE,CAAC,GAAG,CAAC;IAC/D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,GAAG;CACpE,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO,OAAiB,CAAC;SAC1B;QAED,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACvB,OAAO,MAAM,CAAC;SACf;QAED,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,IAAI,qBAAqB,EAAE,CAAC;IAE3D,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;YACnC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;YAC7B,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM;YACxB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAoCnB;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAmC,EAAE,EAAE,CAAC,GAAG,CAAC;IACjE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,QAAQ,EAAE,iBAAiB,OAAO,QAAQ;IAC1C,UAAU,EAAE,iBAAiB,OAAO,UAAU;IAC9C,aAAa,EAAE,iBAAiB,OAAO,WAAW;CAC5C,CAAC,CAAC;AAEV,MAAM,WAAW,GAAG,CAAC,KAA+B,EAAE,EAAE,CAAC,GAAG,CAAC;IAC3D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,KAAK,GAAG;CACpE,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO;YACnC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;YAC7B,CAAC,YAAY,EAAE,CAAC,EAAE,MAAM;YACxB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esnext/index.js

@@ -32,4 +32,5 @@ export * from './Tooltip';
 export * from './Typography';
 export * from './styles';
 export * from './hooks';
+export * from './OverridableComponent';
 //# sourceMappingURL=index.js.map

package/dist/esnext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,wBAAwB,CAAC"}

package/dist/types/Box/box.d.ts

@@ -1,25 +1,29 @@
 import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ColorType } from '../styles';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+export interface BoxOwnProps {
     /**
      * The content of the component.
      */
     children?: React.ReactNode;
-    /**
-     * The className of the component.
-     */
-    className?: string;
-    /**
-     * The component used for the root node.
-     */
-    component?: React.ElementType;
     background?: ColorType;
     borderColor?: ColorType;
     borderWidth?: number;
     borderStyle?: ('solid' | 'dashed');
     borderPosition?: ('horizontal' | 'vertical' | 'top' | 'right' | 'bottom' | 'left');
     borderRadius?: number;
-    'data-testid'?: string;
+}
+export interface BoxTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & BoxOwnProps;
+    defaultComponent: D;
+}
+export declare type BoxProps<D extends React.ElementType = BoxTypeMap['defaultComponent']> = OverrideProps<BoxTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const Box: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-export {};
+/**
+ *
+ */
+export declare const Box: OverridableComponent<BoxTypeMap<{}, "div">>;

package/dist/types/Box/index.d.ts

@@ -1 +1 @@
-export { Box } from './box';
+export { Box, BoxOwnProps, BoxProps, } from './box';

package/dist/types/Button/button.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
-import { ButtonBaseProps } from '../ButtonBase';
-export declare type ButtonProps = ButtonBaseProps & {
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { ButtonBaseOwnProps } from '../ButtonBase';
+/**
+ * Types.
+ */
+export interface ButtonOwnProps extends ButtonBaseOwnProps {
     circled?: boolean;
     /**
      * Element placed before the children.
@@ -14,5 +18,15 @@ export declare type ButtonProps = ButtonBaseProps & {
      * Specify if the button doesn't have padding.
      */
     withoutPadding?: boolean;
+}
+export interface ButtonTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & ButtonOwnProps;
+    defaultComponent: D;
+}
+export declare type ButtonProps<D extends React.ElementType = ButtonTypeMap['defaultComponent']> = OverrideProps<ButtonTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const Button: import("../system/system_types").ComponentWithAs<"button", ButtonProps>;
+/**
+ *
+ */
+export declare const Button: OverridableComponent<ButtonTypeMap<{}, "button">>;

package/dist/types/Button/index.d.ts

@@ -1 +1 @@
-export { Button, ButtonProps } from './button';
+export { Button, ButtonOwnProps, ButtonProps, } from './button';

package/dist/types/ButtonBase/button_base.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { TypographyType } from '../styles';
-export declare type ButtonBaseProps = {
+/**
+ * Types.
+ */
+export interface ButtonBaseOwnProps {
     /**
      * The content of the component.
      */
@@ -25,10 +29,15 @@ export declare type ButtonBaseProps = {
      * The size of the button.
      */
     size?: ('small' | 'medium' | 'large');
-    /**
-     * The className of the component.
-     */
-    className?: string;
-    'data-testid'?: string;
+}
+export interface ButtonBaseTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & ButtonBaseOwnProps;
+    defaultComponent: D;
+}
+export declare type ButtonBaseProps<D extends React.ElementType = ButtonBaseTypeMap['defaultComponent']> = OverrideProps<ButtonBaseTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const ButtonBase: import("../system/system_types").ComponentWithAs<"button", ButtonBaseProps>;
+/**
+ *
+ */
+export declare const ButtonBase: OverridableComponent<ButtonBaseTypeMap<{}, "button">>;

package/dist/types/ButtonBase/index.d.ts

@@ -1 +1 @@
-export { ButtonBase, ButtonBaseProps } from './button_base';
+export { ButtonBase, ButtonBaseOwnProps, ButtonBaseProps, } from './button_base';

package/dist/types/Chip/chip.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 /**
  * Types.
  */
-declare type BaseProps = {
+export interface ChipOwnProps {
     /**
      * The content of the component.
      */
@@ -23,18 +24,10 @@ declare type BaseProps = {
      * The color of the component.
      */
     color?: ('secondary' | 'wrong' | 'default');
-    /**
-     * The className of the component.
-     */
-    className?: string;
     /**
      * Element placed before the children.
      */
     startContent?: React.ReactElement;
-    /**
-     * The component used for the root node.
-     */
-    component?: React.ElementType;
     /**
      * Callback function fired when the delete icon is clicked. If set, the delete icon will be shown.
      */
@@ -43,10 +36,15 @@ declare type BaseProps = {
      * Callback function fired when the component is clicked. If set, the component will be clickable.
      */
     onClick?: React.MouseEventHandler<HTMLElement>;
-    'data-testid'?: string;
+}
+export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
+    props: P & ChipOwnProps;
+    defaultComponent: D;
+}
+export declare type ChipProps<D extends React.ElementType = ChipTypeMap['defaultComponent']> = OverrideProps<ChipTypeMap<{}, D>, D> & {
+    component?: D;
 };
 /**
  *
  */
-export declare const Chip: React.ForwardRefExoticComponent<BaseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Chip: OverridableComponent<ChipTypeMap<{}, "div">>;

package/dist/types/Chip/index.d.ts

@@ -1 +1 @@
-export { Chip } from './chip';
+export { Chip, ChipOwnProps, ChipProps, } from './chip';

package/dist/types/Fab/fab.d.ts

@@ -1,10 +1,23 @@
 import * as React from 'react';
-import { ButtonBaseProps } from '../ButtonBase';
-declare type BaseProps = {
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { ButtonBaseOwnProps } from '../ButtonBase';
+/**
+ * Types.
+ */
+export interface FabOwnProps extends Omit<ButtonBaseOwnProps, 'size' | 'variant'> {
     /**
      * The variant to use.
      */
     variant?: ('contained' | 'outlined');
+}
+export interface FabTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & FabOwnProps;
+    defaultComponent: D;
+}
+export declare type FabProps<D extends React.ElementType = FabTypeMap['defaultComponent']> = OverrideProps<FabTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const Fab: React.ForwardRefExoticComponent<BaseProps & Omit<ButtonBaseProps, "size" | "variant"> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+/**
+ *
+ */
+export declare const Fab: OverridableComponent<FabTypeMap<{}, "button">>;

package/dist/types/Fab/index.d.ts

@@ -1 +1 @@
-export { Fab } from './fab';
+export { Fab, FabOwnProps, FabProps, } from './fab';

package/dist/types/IconButton/icon_button.d.ts

@@ -1,9 +1,23 @@
-import { ButtonProps } from '../Button';
-declare type IconButtonProps = Omit<ButtonProps, 'variant' | 'withoutPadding' | 'startIcon' | 'endIcon'> & {
+import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { ButtonOwnProps } from '../Button';
+/**
+ * Types.
+ */
+export interface IconButtonOwnProps extends Omit<ButtonOwnProps, 'variant' | 'withoutPadding' | 'startIcon' | 'endIcon'> {
     /**
      * The text that applied to `aria-label` attribute and Tooltip content.
      */
     title?: string;
+}
+export interface IconButtonTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & IconButtonOwnProps;
+    defaultComponent: D;
+}
+export declare type IconButtonProps<D extends React.ElementType = IconButtonTypeMap['defaultComponent']> = OverrideProps<IconButtonTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare const IconButton: import("../system/system_types").ComponentWithAs<"button", IconButtonProps>;
-export {};
+/**
+ *
+ */
+export declare const IconButton: OverridableComponent<IconButtonTypeMap<{}, "button">>;

package/dist/types/IconButton/index.d.ts

@@ -1 +1 @@
-export { IconButton } from './icon_button';
+export { IconButton, IconButtonOwnProps, IconButtonProps, } from './icon_button';

package/dist/types/Skeleton/index.d.ts

@@ -1 +1 @@
-export { Skeleton } from './skeleton';
+export { Skeleton, SkeletonOwnProps, SkeletonProps, } from './skeleton';

package/dist/types/Skeleton/skeleton.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ColorType } from '../styles';
-declare type BaseProps = {
+/**
+ * Types.
+ */
+export interface SkeletonOwnProps {
     /**
      * Optional children to infer width and height from.
      */
@@ -17,14 +21,16 @@ declare type BaseProps = {
      * The type of content that will be rendered.
      */
     variant?: ('text' | 'rect' | 'circle');
-    /**
-     * The className of the component.
-     */
-    className?: string;
     background?: ColorType;
+}
+export interface SkeletonTypeMap<P = {}, D extends React.ElementType = 'span'> {
+    props: P & SkeletonOwnProps;
+    defaultComponent: D;
+}
+export declare type SkeletonProps<D extends React.ElementType = SkeletonTypeMap['defaultComponent']> = OverrideProps<SkeletonTypeMap<{}, D>, D> & {
+    component?: D;
 };
 /**
  *
  */
-export declare const Skeleton: React.ForwardRefExoticComponent<BaseProps & Omit<React.HTMLAttributes<HTMLSpanElement>, "height" | "width" | "children"> & React.RefAttributes<HTMLSpanElement>>;
-export {};
+export declare const Skeleton: OverridableComponent<SkeletonTypeMap<{}, "span">>;

package/dist/types/Tabs/index.d.ts

@@ -1,2 +1,2 @@
 export { Tabs } from './tabs';
-export { Tab } from './tab';
+export { Tab, TabOwnProps, TabProps, } from './tab';

package/dist/types/Tabs/tab.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
-declare type BaseProps = {
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+/**
+ * Types.
+ */
+export interface TabOwnProps {
     /**
      * The content of the component.
      */
@@ -8,10 +12,6 @@ declare type BaseProps = {
      * Unique identifier used to control which tab is selected.
      */
     id: string;
-    /**
-     * The className of the component.
-     */
-    className?: string;
     /**
      * If `true`, the tab will be disabled.
      */
@@ -20,16 +20,20 @@ declare type BaseProps = {
      * The color of the component.
      */
     color?: ('black' | 'white');
-    /**
-     * The component used for the root node.
-     */
-    component?: React.ElementType;
     /**
      * Callback fired when the value changes.
      */
     onChange?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, value: string) => void;
-    'data-testid'?: string;
+    onClick?: never;
+}
+export interface TabTypeMap<P = {}, D extends React.ElementType = 'button'> {
+    props: P & TabOwnProps;
+    defaultComponent: D;
+}
+export declare type TabProps<D extends React.ElementType = TabTypeMap['defaultComponent']> = OverrideProps<TabTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare type TabBaseProps = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange'>;
-export declare const Tab: React.ForwardRefExoticComponent<BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onClick"> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+/**
+ *
+ */
+export declare const Tab: OverridableComponent<TabTypeMap<{}, "button">>;

package/dist/types/Tabs/tabs.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { Tab, TabBaseProps } from './tab';
+import { Tab, TabProps } from './tab';
 declare type BaseProps = {
     /**
      * The content of the component.
      */
-    children: React.ReactElement<TabBaseProps, typeof Tab>[];
+    children: React.ReactElement<TabProps, typeof Tab>[];
     /**
      * The value of the currently selected `Tab`.
      */

package/dist/types/Typography/index.d.ts

@@ -1 +1 @@
-export { Typography, TypographyBaseProps, TypographyProps } from './typography';
+export { Typography, TypographyOwnProps, TypographyProps, } from './typography';

package/dist/types/Typography/typography.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ColorType, TypographyType } from '../styles';
-export declare type TypographyBaseProps = {
+/**
+ * Types.
+ */
+export interface TypographyOwnProps {
     /**
      * The content of the component.
      */
@@ -13,21 +17,18 @@ export declare type TypographyBaseProps = {
      * The color of the component.
      */
     color?: ColorType | 'inherit';
-    /**
-     * The className of the component.
-     */
-    className?: string;
     /**
      * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
      * Note that text overflow can only happen with block or inline-block level elements
      * (the element needs to have a width in order to overflow).
      */
     noWrap?: boolean;
-    /**
-     * The component used for the root node.
-     */
-    component?: React.ElementType;
-    'data-testid'?: string;
+}
+export interface TypographyTypeMap<P = {}, D extends React.ElementType = 'p'> {
+    props: P & TypographyOwnProps;
+    defaultComponent: D;
+}
+export declare type TypographyProps<D extends React.ElementType = TypographyTypeMap['defaultComponent']> = OverrideProps<TypographyTypeMap<{}, D>, D> & {
+    component?: D;
 };
-export declare type TypographyProps = TypographyBaseProps & React.HTMLAttributes<HTMLElement>;
-export declare const Typography: React.ForwardRefExoticComponent<TypographyBaseProps & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const Typography: OverridableComponent<TypographyTypeMap<{}, "p">>;

package/dist/types/index.d.ts

@@ -32,3 +32,4 @@ export * from './Tooltip';
 export * from './Typography';
 export * from './styles';
 export * from './hooks';
+export * from './OverridableComponent';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@peculiar/react-components",
   "private": false,
-  "version": "0.0.2-alpha.302+411eec8",
+  "version": "0.0.2-alpha.309+0c1c87c",
   "author": "PeculiarVentures Team",
   "description": "A simple and customizable component library to build faster, beautiful, and more accessible React applications.",
   "keywords": [
@@ -42,7 +42,7 @@
   "dependencies": {
     "@emotion/core": "^10.1.1",
     "@emotion/css": "^11.7.1",
-    "@peculiar/color": "^0.0.2-alpha.302+411eec8",
+    "@peculiar/color": "^0.0.2-alpha.309+0c1c87c",
     "@popperjs/core": "^2.11.5",
     "@types/flat": "^5.0.2",
     "@types/react-transition-group": "^4.4.4",
@@ -55,13 +55,13 @@
     "react-transition-group": "^4.4.2"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.5.10",
-    "@storybook/addon-actions": "^6.5.10",
-    "@storybook/addon-controls": "^6.5.10",
-    "@storybook/addon-docs": "^6.5.10",
-    "@storybook/addon-viewport": "^6.5.10",
-    "@storybook/react": "^6.5.10",
-    "@storybook/theming": "^6.5.10",
+    "@storybook/addon-a11y": "^6.5.14",
+    "@storybook/addon-actions": "^6.5.14",
+    "@storybook/addon-controls": "^6.5.14",
+    "@storybook/addon-docs": "^6.5.14",
+    "@storybook/addon-viewport": "^6.5.14",
+    "@storybook/react": "^6.5.14",
+    "@storybook/theming": "^6.5.14",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^13.5.0",
@@ -85,5 +85,5 @@
     "node": ">=12.x"
   },
   "license": "MIT",
-  "gitHead": "411eec8215296c9e285f6ad8963c1f71930e513c"
+  "gitHead": "0c1c87cde94c6f2b6590c4679309c8a19c269487"
 }