@hortiview/shared-components 2.8.6 → 2.8.7

package/dist/{index.es-1zrFd4Te.js → index.es-BGordhUK.js}

@@ -1,31 +1,31 @@
-import { c as k, _ as s, P as e } from "./index-D5m--65X.js";
-import i, { forwardRef as u, useRef as x, useImperativeHandle as b, useEffect as I } from "react";
-import { b as m, g as $ } from "./index.es-ChSlnpSq.js";
-import { c as S } from "./tslib.es6-BDCynO9F.js";
-function _(c) {
-  return c.toLowerCase();
+import { _ as k, c as $, a as m, P as e } from "./index-Cpb-8cAN.js";
+import c, { forwardRef as O, useRef as C, useImperativeHandle as T, useEffect as M } from "react";
+import { b as P, f as Q } from "./index.es-BXj90wb_.js";
+import { c as W } from "./tslib.es6-BDCynO9F.js";
+function V(t) {
+  return t.toLowerCase();
 }
-var R = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], w = /[^A-Z0-9]+/gi;
-function A(c, l) {
+var Y = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], ee = /[^A-Z0-9]+/gi;
+function te(t, l) {
   l === void 0 && (l = {});
-  for (var g = l.splitRegexp, n = g === void 0 ? R : g, d = l.stripRegexp, o = d === void 0 ? w : d, r = l.transform, a = r === void 0 ? _ : r, t = l.delimiter, p = t === void 0 ? " " : t, y = H(H(c, n, "$1\0$2"), o, "\0"), T = 0, L = y.length; y.charAt(T) === "\0"; )
-    T++;
-  for (; y.charAt(L - 1) === "\0"; )
-    L--;
-  return y.slice(T, L).split("\0").map(a).join(p);
+  for (var g = l.splitRegexp, r = g === void 0 ? Y : g, s = l.stripRegexp, u = s === void 0 ? ee : s, p = l.transform, n = p === void 0 ? V : p, x = l.delimiter, d = x === void 0 ? " " : x, h = X(X(t, r, "$1\0$2"), u, "\0"), a = 0, o = h.length; h.charAt(a) === "\0"; )
+    a++;
+  for (; h.charAt(o - 1) === "\0"; )
+    o--;
+  return h.slice(a, o).split("\0").map(n).join(d);
 }
-function H(c, l, g) {
-  return l instanceof RegExp ? c.replace(l, g) : l.reduce(function(n, d) {
-    return n.replace(d, g);
-  }, c);
+function X(t, l, g) {
+  return l instanceof RegExp ? t.replace(l, g) : l.reduce(function(r, s) {
+    return r.replace(s, g);
+  }, t);
 }
-function Z(c, l) {
-  return l === void 0 && (l = {}), A(c, S({ delimiter: "." }, l));
+function ne(t, l) {
+  return l === void 0 && (l = {}), te(t, W({ delimiter: "." }, l));
 }
-function O(c, l) {
-  return l === void 0 && (l = {}), Z(c, S({ delimiter: "-" }, l));
+function B(t, l) {
+  return l === void 0 && (l = {}), ne(t, W({ delimiter: "-" }, l));
 }
-const z = {
+var oe = {
   /**
    * If true the typography will be bold. Applies to 1body, body2, caption, subtitle1, subtitle2
    *
@@ -44,32 +44,37 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography. Does not apply to Link.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "Typography", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'."),
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "Typography", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'."),
   /**
    * Sets typography class for the element.
    *
    * Defaults to **'body1'**.
    */
-  type: m(e.oneOf(["body1", "body1-bold", "body2", "body2-bold", "button", "caption", "caption-bold", "display1", "display2", "display3", "display4", "display5", "display6", "link", "overline", "subtitle1", "subtitle1-bold", "subtitle2", "subtitle2-bold"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "Typography", "Please use one of 'body1','body1-bold','body2','body2-bold','button','caption','caption-bold','display1','display2','display3','display4','display5','display6','link','overline','subtitle1','subtitle1-bold','subtitle2','subtitle2-bold'.")
-}, F = {
-  bold: !1,
+  type: P(e.oneOf(["body1", "body1-bold", "body2", "body2-bold", "button", "caption", "caption-bold", "display1", "display2", "display3", "display4", "display5", "display6", "link", "overline", "subtitle1", "subtitle1-bold", "subtitle2", "subtitle2-bold"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "Typography", "Please use one of 'body1','body1-bold','body2','body2-bold','button','caption','caption-bold','display1','display2','display3','display4','display5','display6','link','overline','subtitle1','subtitle1-bold','subtitle2','subtitle2-bold'.")
+}, ae = {
   children: null,
-  className: void 0,
+  fixedPadding: !1,
   tag: "span",
   themeColor: void 0,
   type: "body1"
-}, G = {
+}, re = {
   /**
    * If true the typography will be bold.
    *
@@ -88,6 +93,12 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * Sets font properties for body. Acceptable values range from 1 - 2. Higher levels produce smaller type.
    *
@@ -99,21 +110,22 @@ const z = {
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoBody", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, U = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoBody", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, de = {
   bold: !1,
   children: null,
   className: void 0,
+  fixedPadding: !1,
   level: 1,
   tag: "span",
   themeColor: void 0
-}, X = {
+}, ie = {
   /**
    * Expects a string, accepts any valid markup.
    *
@@ -126,24 +138,31 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoButton", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, j = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoButton", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, le = {
   children: null,
   className: void 0,
+  fixedPadding: !1,
   tag: "span",
   themeColor: void 0
-}, q = {
+}, ce = {
   /**
    * If true the typography will be bold.
    *
@@ -162,25 +181,32 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoCaption", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, J = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoCaption", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, ge = {
   bold: !1,
   children: null,
   className: void 0,
+  fixedPadding: !1,
   tag: "span",
   themeColor: void 0
-}, K = {
+}, se = {
   /**
    * Expects a string, accepts any valid markup.
    *
@@ -193,6 +219,12 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
    *
@@ -204,20 +236,21 @@ const z = {
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoDisplay", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, M = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoDisplay", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, he = {
   children: null,
   className: void 0,
+  fixedPadding: !1,
   level: 1,
   tag: "span",
   themeColor: void 0
-}, Q = {
+}, pe = {
   /**
    * Expects a string, accepts any valid markup.
    *
@@ -230,6 +263,12 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
    *
@@ -241,20 +280,21 @@ const z = {
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoHeadline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, V = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoHeadline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, xe = {
   children: null,
   className: void 0,
+  fixedPadding: !1,
   level: 1,
   tag: "span",
   themeColor: void 0
-}, W = {
+}, me = {
   /**
    * Expects a string, accepts any valid markup.
    *
@@ -267,17 +307,24 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'a'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)])
-}, Y = {
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)])
+}, ye = {
   children: null,
   className: void 0,
+  fixedPadding: !1,
   tag: "a"
-}, ee = {
+}, ue = {
   /**
    * Expects a string, accepts any valid markup.
    *
@@ -290,24 +337,31 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * The DOM element to display the typography.
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoOverline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, te = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoOverline", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, fe = {
   children: null,
   className: void 0,
+  fixedPadding: !1,
   tag: "span",
   themeColor: void 0
-}, ne = {
+}, be = {
   /**
    * If true the typography will be bold.
    *
@@ -326,6 +380,12 @@ const z = {
    * Defaults to **undefined**.
    */
   className: e.string,
+  /**
+   * Forces consistent padding when using different html tags.
+   *
+   * Defaults to **false**.
+   */
+  fixedPadding: e.bool,
   /**
    * Sets font properties for body.
    *
@@ -337,338 +397,307 @@ const z = {
    *
    * Defaults to **'span'**.
    */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)]),
+  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(c.Component)]),
   /**
    * Sets theme color for the typography.
    *
    * Defaults to **undefined**.
    */
-  themeColor: m(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoSubtitle", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
-}, oe = {
+  themeColor: P(e.oneOf(["primary", "secondary", "error", "text-primary-on-background", "text-secondary-on-background", "text-hint-on-background", "text-disabled-on-background", "text-icon-on-background", "text-primary-on-light", "text-secondary-on-light", "text-hint-on-light", "text-disabled-on-light", "text-icon-on-light"]), ["textPrimaryOnBackground", "textSecondaryOnBackground", "textHintOnBackground", "textDisabledOnBackground", "textIconOnBackground", "textPrimaryOnLight", "textSecondaryOnLight", "textHintOnLight", "textDisabledOnLight", "textIconOnLight"], "TypoSubtitle", "Please use one of 'primary','secondary','error','text-primary-on-background','text-secondary-on-background','text-hint-on-background','text-disabled-on-background','text-icon-on-background','text-primary-on-light','text-secondary-on-light','text-hint-on-light','text-disabled-on-light','text-icon-on-light'.")
+}, ve = {
   bold: !1,
   children: null,
   className: void 0,
+  fixedPadding: !1,
   level: 1,
   tag: "span",
   themeColor: void 0
-}, f = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    level: o,
-    bold: r,
-    tag: a,
-    ...t
-  } = c, p = x();
-  b(l, () => p.current, []);
-  const y = k("mdc-typography", `lmnt mdc-typography--body${o}`, r && `mdc-typography--body${o}-bold`, d && `mdc-theme--${O(d)}`, g), T = a;
-  return /* @__PURE__ */ i.createElement(T, s({
-    className: y
-  }, t, {
-    ref: p
-  }), n);
-});
-f.displayName = "TypoBody";
-f.propTypes = G;
-f.defaultProps = U;
-const v = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    tag: o,
-    ...r
-  } = c, a = k("mdc-typography", "lmnt mdc-typography--button", d && `mdc-theme--${O(d)}`, g), t = x();
-  b(l, () => t.current, []);
-  const p = o;
-  return /* @__PURE__ */ i.createElement(p, s({
-    ref: t,
-    className: a
-  }, r), n);
+}, Pe = ["className", "children", "themeColor", "level", "bold", "tag", "fixedPadding"], L = de, D = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? L.className : g, s = t.children, u = s === void 0 ? L.children : s, p = t.themeColor, n = p === void 0 ? L.themeColor : p, x = t.level, d = x === void 0 ? L.level : x, h = t.bold, a = h === void 0 ? L.bold : h, o = t.tag, i = o === void 0 ? L.tag : o, y = t.fixedPadding, f = y === void 0 ? L.fixedPadding : y, b = k(t, Pe), v = C();
+  T(l, function() {
+    return v.current;
+  }, []);
+  var j = i, F = $("mdc-typography", "lmnt mdc-typography--body".concat(d), f && "typography--fixed-padding", a && "mdc-typography--body".concat(d, "-bold"), n && "mdc-theme--".concat(B(n)), r);
+  return /* @__PURE__ */ c.createElement(j, m({
+    className: F
+  }, b, {
+    ref: v
+  }), u);
 });
-v.displayName = "TypoButton";
-v.propTypes = X;
-v.defaultProps = j;
-const P = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    tag: o,
-    bold: r,
-    ...a
-  } = c, t = k("mdc-typography", "lmnt mdc-typography--caption", r && "mdc-typography--caption-bold", d && `mdc-theme--${O(d)}`, g), p = x();
-  b(l, () => p.current, []);
-  const y = o;
-  return /* @__PURE__ */ i.createElement(y, s({
-    ref: p,
-    className: t
-  }, a), n);
+D.displayName = "TypoBody";
+D.propTypes = re;
+var ke = ["className", "children", "themeColor", "fixedPadding", "tag"], R = le, G = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? R.className : g, s = t.children, u = s === void 0 ? R.children : s, p = t.themeColor, n = p === void 0 ? R.themeColor : p, x = t.fixedPadding, d = x === void 0 ? R.fixedPadding : x, h = t.tag, a = h === void 0 ? R.tag : h, o = k(t, ke), i = $("mdc-typography", "lmnt mdc-typography--button", d && "typography--fixed-padding", n && "mdc-theme--".concat(B(n)), r), y = C();
+  T(l, function() {
+    return y.current;
+  }, []);
+  var f = a;
+  return /* @__PURE__ */ c.createElement(f, m({
+    ref: y,
+    className: i
+  }, o), u);
 });
-P.displayName = "TypoCaption";
-P.propTypes = q;
-P.defaultProps = J;
-const h = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    level: o,
-    tag: r,
-    ...a
-  } = c, t = k("mdc-typography", `lmnt mdc-typography--headline${o}`, d && `mdc-theme--${O(d)}`, g), p = x();
-  b(l, () => p.current, []);
-  const y = r;
-  return /* @__PURE__ */ i.createElement(y, s({
-    ref: p,
-    className: t
-  }, a), n);
+G.displayName = "TypoButton";
+G.propTypes = ie;
+var Oe = ["className", "children", "themeColor", "tag", "bold", "fixedPadding"], H = ge, z = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? H.className : g, s = t.children, u = s === void 0 ? H.children : s, p = t.themeColor, n = p === void 0 ? H.themeColor : p, x = t.tag, d = x === void 0 ? H.tag : x, h = t.bold, a = h === void 0 ? H.bold : h, o = t.fixedPadding, i = o === void 0 ? H.fixedPadding : o, y = k(t, Oe), f = $("mdc-typography", "lmnt mdc-typography--caption", i && "typography--fixed-padding", a && "mdc-typography--caption-bold", n && "mdc-theme--".concat(B(n)), r), b = C();
+  T(l, function() {
+    return b.current;
+  }, []);
+  var v = d;
+  return /* @__PURE__ */ c.createElement(v, m({
+    ref: b,
+    className: f
+  }, y), u);
 });
-h.displayName = "TypoDisplay";
-h.propTypes = K;
-h.defaultProps = M;
-const N = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    level: o,
-    tag: r,
-    ...a
-  } = c;
-  I(() => $("TypoHeadline", "This component is being replaced with TypoDisplay and will be removed in a future version.  Please use TypoDisplay instead."), []);
-  const t = k("mdc-typography", `lmnt mdc-typography--headline${o}`, d && `mdc-theme--${O(d)}`, g), p = x();
-  b(l, () => p.current, []);
-  const y = r;
-  return /* @__PURE__ */ i.createElement(y, s({
-    ref: p,
-    className: t
-  }, a), n);
+z.displayName = "TypoCaption";
+z.propTypes = ce;
+var Ce = ["className", "children", "themeColor", "level", "tag", "fixedPadding"], S = he, N = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? S.className : g, s = t.children, u = s === void 0 ? S.children : s, p = t.themeColor, n = p === void 0 ? S.themeColor : p, x = t.level, d = x === void 0 ? S.level : x, h = t.tag, a = h === void 0 ? S.tag : h, o = t.fixedPadding, i = o === void 0 ? S.fixedPadding : o, y = k(t, Ce), f = C();
+  T(l, function() {
+    return f.current;
+  }, []);
+  var b = a, v = $("mdc-typography", "lmnt mdc-typography--headline".concat(d), i && "typography--fixed-padding", n && "mdc-theme--".concat(B(n)), i && "typography--fixed-padding", r);
+  return /* @__PURE__ */ c.createElement(b, m({
+    ref: f,
+    className: v
+  }, y), u);
 });
-N.displayName = "TypoHeadline";
-N.propTypes = Q;
-N.defaultProps = V;
-const E = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    tag: o,
-    ...r
-  } = c, a = k("mdc-typography lmnt-theme-link", d && `mdc-theme--${O(d)}`, g), t = x();
-  b(l, () => t.current, []);
-  const p = o;
-  return /* @__PURE__ */ i.createElement(p, s({
-    ref: t,
-    className: a
-  }, r), n);
+N.displayName = "TypoDisplay";
+N.propTypes = se;
+var Te = ["className", "children", "themeColor", "fixedPadding", "level", "tag"], _ = xe, q = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? _.className : g, s = t.children, u = s === void 0 ? _.children : s, p = t.themeColor, n = p === void 0 ? _.themeColor : p, x = t.fixedPadding, d = x === void 0 ? _.fixedPadding : x, h = t.level, a = h === void 0 ? _.level : h, o = t.tag, i = o === void 0 ? _.tag : o, y = k(t, Te);
+  M(function() {
+    return Q("TypoHeadline", "This component is being replaced with TypoDisplay and will be removed in a future version.  Please use TypoDisplay instead.");
+  }, []);
+  var f = $("mdc-typography", "lmnt mdc-typography--headline".concat(a), d && "typography--fixed-padding", n && "mdc-theme--".concat(B(n)), r), b = C();
+  T(l, function() {
+    return b.current;
+  }, []);
+  var v = i;
+  return /* @__PURE__ */ c.createElement(v, m({
+    ref: b,
+    className: f
+  }, y), u);
 });
-E.displayName = "TypoLink";
-E.propTypes = W;
-E.defaultProps = Y;
-const B = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    tag: o,
-    ...r
-  } = c, a = k("mdc-typography", "lmnt mdc-typography--overline", d && `mdc-theme--${O(d)}`, g), t = x();
-  b(l, () => t.current, []);
-  const p = o;
-  return /* @__PURE__ */ i.createElement(p, s({
-    ref: t,
-    className: a
-  }, r), n);
+q.displayName = "TypoHeadline";
+q.propTypes = pe;
+var Ne = ["className", "children", "themeColor", "fixedPadding", "tag"], w = ye, J = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? w.className : g, s = t.children, u = s === void 0 ? w.children : s, p = t.themeColor, n = p === void 0 ? w.themeColor : p, x = t.fixedPadding, d = x === void 0 ? w.fixedPadding : x, h = t.tag, a = h === void 0 ? w.tag : h, o = k(t, Ne), i = $("mdc-typography lmnt-theme-link", d && "typography--fixed-padding", n && "mdc-theme--".concat(B(n)), r), y = C();
+  T(l, function() {
+    return y.current;
+  }, []);
+  var f = a;
+  return /* @__PURE__ */ c.createElement(f, m({
+    ref: y,
+    className: i
+  }, o), u);
 });
-B.displayName = "TypoOverline";
-B.propTypes = ee;
-B.defaultProps = te;
-const C = /* @__PURE__ */ u((c, l) => {
-  const {
-    className: g,
-    children: n,
-    themeColor: d,
-    level: o,
-    tag: r,
-    bold: a,
-    ...t
-  } = c, p = k("mdc-typography", `lmnt mdc-typography--subtitle${o || ""}`, a && `mdc-typography--subtitle${o}-bold`, d && `mdc-theme--${O(d)}`, g), y = x();
-  b(l, () => y.current, []);
-  const T = r;
-  return /* @__PURE__ */ i.createElement(T, s({
+J.displayName = "TypoLink";
+J.propTypes = me;
+var $e = ["className", "children", "themeColor", "fixedPadding", "tag"], A = fe, U = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? A.className : g, s = t.children, u = s === void 0 ? A.children : s, p = t.themeColor, n = p === void 0 ? A.themeColor : p, x = t.fixedPadding, d = x === void 0 ? A.fixedPadding : x, h = t.tag, a = h === void 0 ? A.tag : h, o = k(t, $e), i = $("mdc-typography", "lmnt mdc-typography--overline", d && "typography--fixed-padding", n && "mdc-theme--".concat(B(n)), r), y = C();
+  T(l, function() {
+    return y.current;
+  }, []);
+  var f = a;
+  return /* @__PURE__ */ c.createElement(f, m({
     ref: y,
-    className: p
-  }, t), n);
+    className: i
+  }, o), u);
+});
+U.displayName = "TypoOverline";
+U.propTypes = ue;
+var Be = ["className", "children", "themeColor", "fixedPadding", "level", "tag", "bold"], E = ve, I = /* @__PURE__ */ O(function(t, l) {
+  var g = t.className, r = g === void 0 ? E.className : g, s = t.children, u = s === void 0 ? E.children : s, p = t.themeColor, n = p === void 0 ? E.themeColor : p, x = t.fixedPadding, d = x === void 0 ? E.fixedPadding : x, h = t.level, a = h === void 0 ? E.level : h, o = t.tag, i = o === void 0 ? E.tag : o, y = t.bold, f = y === void 0 ? E.bold : y, b = k(t, Be), v = $("mdc-typography", "lmnt mdc-typography--subtitle".concat(a || ""), d && "typography--fixed-padding", f && "mdc-typography--subtitle".concat(a || "", "-bold"), n && "mdc-theme--".concat(B(n)), r), j = C();
+  T(l, function() {
+    return j.current;
+  }, []);
+  var F = i;
+  return /* @__PURE__ */ c.createElement(F, m({
+    ref: j,
+    className: v
+  }, b), u);
 });
-C.displayName = "TypoSubtitle";
-C.propTypes = ne;
-C.defaultProps = oe;
-const D = /* @__PURE__ */ u((c, l) => {
-  const {
-    bold: g,
-    children: n,
-    type: d,
-    themeColor: o,
-    tag: r,
-    ...a
-  } = c, t = x();
-  switch (b(l, () => t.current, []), d) {
+I.displayName = "TypoSubtitle";
+I.propTypes = be;
+var Le = ["bold", "children", "type", "themeColor", "fixedPadding", "tag"], Z = ae, K = /* @__PURE__ */ O(function(t, l) {
+  t.bold;
+  var g = t.children, r = g === void 0 ? Z.children : g, s = t.type, u = s === void 0 ? Z.type : s, p = t.themeColor, n = p === void 0 ? Z.themeColor : p, x = t.fixedPadding, d = x === void 0 ? Z.fixedPadding : x, h = t.tag, a = h === void 0 ? Z.tag : h, o = k(t, Le), i = C();
+  switch (T(l, function() {
+    return i.current;
+  }, []), u) {
     case "body1":
-      return /* @__PURE__ */ i.createElement(f, s({
+      return /* @__PURE__ */ c.createElement(D, m({
         level: 1,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        themeColor: n
+      }, o), r);
     case "body1-bold":
-      return /* @__PURE__ */ i.createElement(f, s({
+      return /* @__PURE__ */ c.createElement(D, m({
         bold: !0,
         level: 1,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "body2-bold":
-      return /* @__PURE__ */ i.createElement(f, s({
+      return /* @__PURE__ */ c.createElement(D, m({
         bold: !0,
         level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "body2":
-      return /* @__PURE__ */ i.createElement(f, s({
+      return /* @__PURE__ */ c.createElement(D, m({
         level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "button":
-      return /* @__PURE__ */ i.createElement(v, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+      return /* @__PURE__ */ c.createElement(G, m({
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "caption":
-      return /* @__PURE__ */ i.createElement(P, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+      return /* @__PURE__ */ c.createElement(z, m({
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "caption-bold":
-      return /* @__PURE__ */ i.createElement(P, s({
+      return /* @__PURE__ */ c.createElement(z, m({
         bold: !0,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "display1":
     case "headline1":
-      return /* @__PURE__ */ i.createElement(h, s({
+      return /* @__PURE__ */ c.createElement(N, m({
         level: 1,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "display2":
     case "headline2":
-      return /* @__PURE__ */ i.createElement(h, s({
+      return /* @__PURE__ */ c.createElement(N, m({
         level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "display3":
     case "headline3":
-      return /* @__PURE__ */ i.createElement(h, s({
+      return /* @__PURE__ */ c.createElement(N, m({
         level: 3,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "display4":
     case "headline4":
-      return /* @__PURE__ */ i.createElement(h, s({
+      return /* @__PURE__ */ c.createElement(N, m({
         level: 4,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "display5":
     case "headline5":
-      return /* @__PURE__ */ i.createElement(h, s({
+      return /* @__PURE__ */ c.createElement(N, m({
         level: 5,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "display6":
     case "headline6":
-      return /* @__PURE__ */ i.createElement(h, s({
+      return /* @__PURE__ */ c.createElement(N, m({
         level: 6,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "overline":
-      return /* @__PURE__ */ i.createElement(B, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+      return /* @__PURE__ */ c.createElement(U, m({
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     case "subtitle1":
-      return /* @__PURE__ */ i.createElement(C, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
+      return /* @__PURE__ */ c.createElement(I, m({
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o, {
         level: 1
-      }), n);
+      }), r);
     case "subtitle1-bold":
-      return /* @__PURE__ */ i.createElement(C, s({
+      return /* @__PURE__ */ c.createElement(I, m({
         bold: !0,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o, {
         level: 1
-      }), n);
+      }), r);
     case "subtitle2-bold":
-      return /* @__PURE__ */ i.createElement(C, s({
+      return /* @__PURE__ */ c.createElement(I, m({
         bold: !0,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o, {
         level: 2
-      }), n);
+      }), r);
     case "subtitle2":
-      return /* @__PURE__ */ i.createElement(C, s({
+      return /* @__PURE__ */ c.createElement(I, m({
         level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o), r);
     default:
-      return /* @__PURE__ */ i.createElement(f, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
+      return /* @__PURE__ */ c.createElement(D, m({
+        tag: a,
+        ref: i,
+        fixedPadding: d,
+        themeColor: n
+      }, o, {
         level: 1
-      }), n);
+      }), r);
   }
 });
-D.displayName = "Typography";
-D.propTypes = z;
-D.defaultProps = F;
+K.displayName = "Typography";
+K.propTypes = oe;
 export {
-  f as T,
-  P as a,
-  h as b,
-  v as c,
-  C as d,
-  D as e
+  D as T,
+  z as a,
+  N as b,
+  G as c,
+  I as d,
+  K as e
 };