@hortiview/shared-components 0.0.4723 → 0.0.4724

package/dist/index.es-Cm4X20_S.js

@@ -1,673 +0,0 @@
-import { P as e, a as m, c as k, _ as s, f as I } from "./index.es-Cct4Uapb.js";
-import i, { forwardRef as u, useRef as x, useImperativeHandle as b, useEffect as $ } from "react";
-import { a as S } from "./tslib.es6-CIXEwqhg.js";
-function _(c) {
-  return c.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) {
-  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);
-}
-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 Z(c, l) {
-  return l === void 0 && (l = {}), A(c, S({ delimiter: "." }, l));
-}
-function O(c, l) {
-  return l === void 0 && (l = {}), Z(c, S({ delimiter: "-" }, l));
-}
-const z = {
-  /**
-   * If true the typography will be bold. Applies to 1body, body2, caption, subtitle1, subtitle2
-   *
-   * Defaults to **false**.
-   */
-  bold: e.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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'."),
-  /**
-   * 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,
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0,
-  type: "body1"
-}, G = {
-  /**
-   * If true the typography will be bold.
-   *
-   * Defaults to **false**.
-   */
-  bold: e.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * Sets font properties for body. Acceptable values range from 1 - 2. Higher levels produce smaller type.
-   *
-   * Defaults to **1**.
-   */
-  level: e.oneOf([1, 2]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, X = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0
-}, q = {
-  /**
-   * If true the typography will be bold.
-   *
-   * Defaults to **false**.
-   */
-  bold: e.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0
-}, K = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
-   *
-   * Defaults to **1**.
-   */
-  level: e.oneOfType([e.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), e.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, Q = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
-   *
-   * Defaults to **1**.
-   */
-  level: e.oneOfType([e.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), e.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, W = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'a'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.Component)])
-}, Y = {
-  children: null,
-  className: void 0,
-  tag: "a"
-}, ee = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0
-}, ne = {
-  /**
-   * If true the typography will be bold.
-   *
-   * Defaults to **false**.
-   */
-  bold: e.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * Sets font properties for body.
-   *
-   * Defaults to **1**.
-   */
-  level: e.oneOf([1, 2]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType, e.instanceOf(i.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 = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  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);
-});
-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);
-});
-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);
-});
-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);
-});
-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);
-});
-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);
-});
-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({
-    ref: y,
-    className: p
-  }, t), n);
-});
-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) {
-    case "body1":
-      return /* @__PURE__ */ i.createElement(f, s({
-        level: 1,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "body1-bold":
-      return /* @__PURE__ */ i.createElement(f, s({
-        bold: !0,
-        level: 1,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "body2-bold":
-      return /* @__PURE__ */ i.createElement(f, s({
-        bold: !0,
-        level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "body2":
-      return /* @__PURE__ */ i.createElement(f, s({
-        level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "button":
-      return /* @__PURE__ */ i.createElement(v, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "caption":
-      return /* @__PURE__ */ i.createElement(P, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "caption-bold":
-      return /* @__PURE__ */ i.createElement(P, s({
-        bold: !0,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "display1":
-    case "headline1":
-      return /* @__PURE__ */ i.createElement(h, s({
-        level: 1,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "display2":
-    case "headline2":
-      return /* @__PURE__ */ i.createElement(h, s({
-        level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "display3":
-    case "headline3":
-      return /* @__PURE__ */ i.createElement(h, s({
-        level: 3,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "display4":
-    case "headline4":
-      return /* @__PURE__ */ i.createElement(h, s({
-        level: 4,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "display5":
-    case "headline5":
-      return /* @__PURE__ */ i.createElement(h, s({
-        level: 5,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "display6":
-    case "headline6":
-      return /* @__PURE__ */ i.createElement(h, s({
-        level: 6,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "overline":
-      return /* @__PURE__ */ i.createElement(B, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    case "subtitle1":
-      return /* @__PURE__ */ i.createElement(C, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
-        level: 1
-      }), n);
-    case "subtitle1-bold":
-      return /* @__PURE__ */ i.createElement(C, s({
-        bold: !0,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
-        level: 1
-      }), n);
-    case "subtitle2-bold":
-      return /* @__PURE__ */ i.createElement(C, s({
-        bold: !0,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
-        level: 2
-      }), n);
-    case "subtitle2":
-      return /* @__PURE__ */ i.createElement(C, s({
-        level: 2,
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a), n);
-    default:
-      return /* @__PURE__ */ i.createElement(f, s({
-        tag: r,
-        ref: t,
-        themeColor: o
-      }, a, {
-        level: 1
-      }), n);
-  }
-});
-D.displayName = "Typography";
-D.propTypes = z;
-D.defaultProps = F;
-export {
-  v as T,
-  C as a,
-  f as b,
-  h as c,
-  D as d,
-  P as e
-};