@hortiview/shared-components 0.0.11176 → 0.0.11587

package/dist/index.es-CF_xy2ns.js

@@ -0,0 +1,674 @@
+import { c as k, _ as s, P as e } from "./identity-DLWZln-X.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-da0cf7oE.js";
+import { c as S } from "./tslib.es6-BDCynO9F.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 {
+  h as T,
+  P as a,
+  f as b,
+  v as c,
+  C as d,
+  D as e
+};