@hortiview/default-components 1.4.4 → 1.5.1

package/dist/index.es-NEYPxnlS-C8xQv2De.js

@@ -1,860 +0,0 @@
-import { r as O, h as y, e as B, Z as U, c as de, p as V, f as le, v as ce, s as ee, X as se, a as Y, b as ge, t, q as he, l as te, ae as T, an as xe } from "./useTranslation-B_lNCuLm.js";
-import g, { forwardRef as k, useRef as P, useImperativeHandle as C, useEffect as ue } from "react";
-var ye = {
-  /**
-   * Children to be rendered. Expects multiple components of a similar type.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The grouping direction.
-   *
-   * Defaults to **'horizontal'**.
-   */
-  direction: t.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
-  /**
-   * Sets the Group width to be 100%.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: t.bool,
-  /**
-   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  gap: t.oneOf(["dense", "standard", "airy", "none"]),
-  /**
-   * @deprecated _Renamed for improved clarity. See `gap`._
-   *
-   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **undefined**.
-   */
-  padding: he(t.oneOf(["dense", "standard", "airy", "none"]), "Group", "Renamed for improved clarity. See `gap`."),
-  /**
-   * Alignment along the primary axis. 'For `horizontal` grouping this means the x-axis positioning, for `vertical`, this means the y-axis positioning.Equivalent to flexbox 'justify-content.
-   *
-   * Defaults to **'start'**.
-   */
-  primaryAlign: t.oneOf(["start", "end", "center", "space-evenly", "space-between", "space-around"]),
-  /**
-   * Alignment along the secondary axis. For horizontal grouping this means the y-axis positioning, for vertical, this means the x-axis positioning.Equivalent to flexbox 'align-items.
-   *
-   * Defaults to **'baseline'**.
-   */
-  secondaryAlign: t.oneOf(["start", "end", "center", "stretch", "baseline"]),
-  /**
-   * Styles for the grid.
-   *
-   * Defaults to **undefined**.
-   */
-  style: t.object
-}, pe = {
-  children: null,
-  direction: "horizontal",
-  fullWidth: !1,
-  gap: "standard",
-  padding: void 0,
-  primaryAlign: "start",
-  secondaryAlign: "baseline",
-  style: void 0
-}, me = ["children", "className", "direction", "fullWidth", "gap", "padding", "primaryAlign", "secondaryAlign", "style"];
-function M(e, r) {
-  var i = se(e);
-  if (Y) {
-    var n = Y(e);
-    r && (n = ge(n).call(n, function(d) {
-      return ee(e, d).enumerable;
-    })), i.push.apply(i, n);
-  }
-  return i;
-}
-function _(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var i, n, d = arguments[r] != null ? arguments[r] : {};
-    r % 2 ? U(i = M(Object(d), !0)).call(i, function(p) {
-      de(e, p, d[p]);
-    }) : V ? le(e, V(d)) : U(n = M(Object(d))).call(n, function(p) {
-      ce(e, p, ee(d, p));
-    });
-  }
-  return e;
-}
-var N = pe, fe = function(e) {
-  switch (e) {
-    case "end":
-      return "flex-end";
-    case "start":
-      return "flex-start";
-    case "center":
-      return "center";
-    case "stretch":
-      return "stretch";
-    case "baseline":
-    default:
-      return "baseline";
-  }
-}, be = function(e) {
-  switch (e) {
-    case "end":
-      return "flex-end";
-    case "center":
-      return "center";
-    case "space-evenly":
-      return "space-evenly";
-    case "space-between":
-      return "space-between";
-    case "space-around":
-      return "space-around";
-    case "start":
-    default:
-      return "flex-start";
-  }
-}, ve = function(e) {
-  switch (e) {
-    case "dense":
-      return "8px";
-    case "airy":
-      return "24px";
-    case "standard":
-      return "16px";
-    case "none":
-    default:
-      return "0px";
-  }
-}, Oe = function(e) {
-  switch (e) {
-    case "horizontal":
-      return "row";
-    case "vertical":
-      return "column";
-    case "horizontal-reverse":
-      return "row-reverse";
-    case "vertical-reverse":
-      return "column-reverse";
-    default:
-      return "row";
-  }
-}, ne = /* @__PURE__ */ k(function(e, r) {
-  var i = e.children, n = i === void 0 ? N.children : i, d = e.className, p = d === void 0 ? N.className : d, x = e.direction, o = x === void 0 ? N.direction : x, u = e.fullWidth, c = u === void 0 ? N.fullWidth : u, h = e.gap, l = h === void 0 ? N.gap : h, a = e.padding, s = a === void 0 ? N.padding : a, m = e.primaryAlign, f = m === void 0 ? N.primaryAlign : m, b = e.secondaryAlign, v = b === void 0 ? N.secondaryAlign : b, D = e.style, z = D === void 0 ? N.style : D, ie = O(e, me), R = {
-    display: "flex",
-    flexDirection: Oe(o),
-    justifyContent: be(f),
-    alignItems: fe(v),
-    gap: ve(s || l)
-  };
-  c && (R = _(_({}, R), {}, {
-    width: "100%"
-  })), R = _(_({}, R), z);
-  var K = P();
-  return C(r, function() {
-    return K.current;
-  }, []), /* @__PURE__ */ g.createElement("div", y({
-    ref: K,
-    className: B("lmnt", "lmnt-group", p),
-    style: R
-  }, ie), n);
-});
-ne.displayName = "Group";
-ne.propTypes = ye;
-function ke(e) {
-  return e.toLowerCase();
-}
-var Pe = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], Ce = /[^A-Z0-9]+/gi;
-function Ne(e, r) {
-  r === void 0 && (r = {});
-  for (var i = r.splitRegexp, n = i === void 0 ? Pe : i, d = r.stripRegexp, p = d === void 0 ? Ce : d, x = r.transform, o = x === void 0 ? ke : x, u = r.delimiter, c = u === void 0 ? " " : u, h = Q(Q(e, n, "$1\0$2"), p, "\0"), l = 0, a = h.length; h.charAt(l) === "\0"; )
-    l++;
-  for (; h.charAt(a - 1) === "\0"; )
-    a--;
-  return h.slice(l, a).split("\0").map(o).join(c);
-}
-function Q(e, r, i) {
-  return r instanceof RegExp ? e.replace(r, i) : r.reduce(function(n, d) {
-    return n.replace(d, i);
-  }, e);
-}
-function Te(e, r) {
-  return r === void 0 && (r = {}), Ne(e, te({ delimiter: "." }, r));
-}
-function E(e, r) {
-  return r === void 0 && (r = {}), Te(e, te({ delimiter: "-" }, r));
-}
-var Be = {
-  /**
-   * If true the typography will be bold. Applies to 1body, body2, caption, subtitle1, subtitle2
-   *
-   * Defaults to **false**.
-   */
-  bold: t.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography. Does not apply to Link.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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: T(t.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'.")
-}, Le = {
-  children: null,
-  fixedPadding: !1,
-  tag: "span",
-  themeColor: void 0,
-  type: "body1"
-}, Ee = {
-  /**
-   * If true the typography will be bold.
-   *
-   * Defaults to **false**.
-   */
-  bold: t.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * Sets font properties for body. Acceptable values range from 1 - 2. Higher levels produce smaller type.
-   *
-   * Defaults to **1**.
-   */
-  level: t.oneOf([1, 2]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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
-}, He = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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'.")
-}, Se = {
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  tag: "span",
-  themeColor: void 0
-}, Ie = {
-  /**
-   * If true the typography will be bold.
-   *
-   * Defaults to **false**.
-   */
-  bold: t.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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'.")
-}, we = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  tag: "span",
-  themeColor: void 0
-}, Ae = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
-   *
-   * Defaults to **1**.
-   */
-  level: t.oneOfType([t.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), t.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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'.")
-}, $e = {
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, je = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * Sets font properties for body. Acceptable values range from 1 to 6. Higher levels produce smaller type.
-   *
-   * Defaults to **1**.
-   */
-  level: t.oneOfType([t.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"]), t.oneOf([1, 2, 3, 4, 5, 6, "1", "2", "3", "4", "5", "6"])]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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'.")
-}, ze = {
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, Re = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'a'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)])
-}, Ze = {
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  tag: "a"
-}, We = {
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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'.")
-}, Xe = {
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  tag: "span",
-  themeColor: void 0
-}, Ge = {
-  /**
-   * If true the typography will be bold.
-   *
-   * Defaults to **false**.
-   */
-  bold: t.bool,
-  /**
-   * Expects a string, accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: t.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: t.string,
-  /**
-   * Forces consistent padding when using different html tags.
-   *
-   * Defaults to **false**.
-   */
-  fixedPadding: t.bool,
-  /**
-   * Sets font properties for body.
-   *
-   * Defaults to **1**.
-   */
-  level: t.oneOf([1, 2]),
-  /**
-   * The DOM element to display the typography.
-   *
-   * Defaults to **'span'**.
-   */
-  tag: t.oneOfType([t.string, t.elementType, t.instanceOf(g.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: T(t.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'.")
-}, _e = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  fixedPadding: !1,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, qe = ["className", "children", "themeColor", "level", "bold", "tag", "fixedPadding"], H = De, I = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? H.className : i, d = e.children, p = d === void 0 ? H.children : d, x = e.themeColor, o = x === void 0 ? H.themeColor : x, u = e.level, c = u === void 0 ? H.level : u, h = e.bold, l = h === void 0 ? H.bold : h, a = e.tag, s = a === void 0 ? H.tag : a, m = e.fixedPadding, f = m === void 0 ? H.fixedPadding : m, b = O(e, qe), v = P();
-  C(r, function() {
-    return v.current;
-  }, []);
-  var D = s, z = B("mdc-typography", "lmnt mdc-typography--body".concat(c), f && "typography--fixed-padding", l && "mdc-typography--body".concat(c, "-bold"), o && "mdc-theme--".concat(E(o)), n);
-  return /* @__PURE__ */ g.createElement(D, y({
-    className: z
-  }, b, {
-    ref: v
-  }), p);
-});
-I.displayName = "TypoBody";
-I.propTypes = Ee;
-var Fe = ["className", "children", "themeColor", "fixedPadding", "tag"], Z = Se, F = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? Z.className : i, d = e.children, p = d === void 0 ? Z.children : d, x = e.themeColor, o = x === void 0 ? Z.themeColor : x, u = e.fixedPadding, c = u === void 0 ? Z.fixedPadding : u, h = e.tag, l = h === void 0 ? Z.tag : h, a = O(e, Fe), s = B("mdc-typography", "lmnt mdc-typography--button", c && "typography--fixed-padding", o && "mdc-theme--".concat(E(o)), n), m = P();
-  C(r, function() {
-    return m.current;
-  }, []);
-  var f = l;
-  return /* @__PURE__ */ g.createElement(f, y({
-    ref: m,
-    className: s
-  }, a), p);
-});
-F.displayName = "TypoButton";
-F.propTypes = He;
-var Je = ["className", "children", "themeColor", "tag", "bold", "fixedPadding"], w = we, q = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? w.className : i, d = e.children, p = d === void 0 ? w.children : d, x = e.themeColor, o = x === void 0 ? w.themeColor : x, u = e.tag, c = u === void 0 ? w.tag : u, h = e.bold, l = h === void 0 ? w.bold : h, a = e.fixedPadding, s = a === void 0 ? w.fixedPadding : a, m = O(e, Je), f = B("mdc-typography", "lmnt mdc-typography--caption", s && "typography--fixed-padding", l && "mdc-typography--caption-bold", o && "mdc-theme--".concat(E(o)), n), b = P();
-  C(r, function() {
-    return b.current;
-  }, []);
-  var v = c;
-  return /* @__PURE__ */ g.createElement(v, y({
-    ref: b,
-    className: f
-  }, m), p);
-});
-q.displayName = "TypoCaption";
-q.propTypes = Ie;
-var Ke = ["className", "children", "themeColor", "level", "tag", "fixedPadding"], A = $e, L = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? A.className : i, d = e.children, p = d === void 0 ? A.children : d, x = e.themeColor, o = x === void 0 ? A.themeColor : x, u = e.level, c = u === void 0 ? A.level : u, h = e.tag, l = h === void 0 ? A.tag : h, a = e.fixedPadding, s = a === void 0 ? A.fixedPadding : a, m = O(e, Ke), f = P();
-  C(r, function() {
-    return f.current;
-  }, []);
-  var b = l, v = B("mdc-typography", "lmnt mdc-typography--headline".concat(c), s && "typography--fixed-padding", o && "mdc-theme--".concat(E(o)), s && "typography--fixed-padding", n);
-  return /* @__PURE__ */ g.createElement(b, y({
-    ref: f,
-    className: v
-  }, m), p);
-});
-L.displayName = "TypoDisplay";
-L.propTypes = Ae;
-var Ue = ["className", "children", "themeColor", "fixedPadding", "level", "tag"], $ = ze, oe = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? $.className : i, d = e.children, p = d === void 0 ? $.children : d, x = e.themeColor, o = x === void 0 ? $.themeColor : x, u = e.fixedPadding, c = u === void 0 ? $.fixedPadding : u, h = e.level, l = h === void 0 ? $.level : h, a = e.tag, s = a === void 0 ? $.tag : a, m = O(e, Ue);
-  ue(function() {
-    return xe("TypoHeadline", "This component is being replaced with TypoDisplay and will be removed in a future version.  Please use TypoDisplay instead.");
-  }, []);
-  var f = B("mdc-typography", "lmnt mdc-typography--headline".concat(l), c && "typography--fixed-padding", o && "mdc-theme--".concat(E(o)), n), b = P();
-  C(r, function() {
-    return b.current;
-  }, []);
-  var v = s;
-  return /* @__PURE__ */ g.createElement(v, y({
-    ref: b,
-    className: f
-  }, m), p);
-});
-oe.displayName = "TypoHeadline";
-oe.propTypes = je;
-var Ve = ["className", "children", "themeColor", "fixedPadding", "tag"], W = Ze, ae = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? W.className : i, d = e.children, p = d === void 0 ? W.children : d, x = e.themeColor, o = x === void 0 ? W.themeColor : x, u = e.fixedPadding, c = u === void 0 ? W.fixedPadding : u, h = e.tag, l = h === void 0 ? W.tag : h, a = O(e, Ve), s = B("mdc-typography lmnt-theme-link", c && "typography--fixed-padding", o && "mdc-theme--".concat(E(o)), n), m = P();
-  C(r, function() {
-    return m.current;
-  }, []);
-  var f = l;
-  return /* @__PURE__ */ g.createElement(f, y({
-    ref: m,
-    className: s
-  }, a), p);
-});
-ae.displayName = "TypoLink";
-ae.propTypes = Re;
-var Ye = ["className", "children", "themeColor", "fixedPadding", "tag"], X = Xe, J = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? X.className : i, d = e.children, p = d === void 0 ? X.children : d, x = e.themeColor, o = x === void 0 ? X.themeColor : x, u = e.fixedPadding, c = u === void 0 ? X.fixedPadding : u, h = e.tag, l = h === void 0 ? X.tag : h, a = O(e, Ye), s = B("mdc-typography", "lmnt mdc-typography--overline", c && "typography--fixed-padding", o && "mdc-theme--".concat(E(o)), n), m = P();
-  C(r, function() {
-    return m.current;
-  }, []);
-  var f = l;
-  return /* @__PURE__ */ g.createElement(f, y({
-    ref: m,
-    className: s
-  }, a), p);
-});
-J.displayName = "TypoOverline";
-J.propTypes = We;
-var Me = ["className", "children", "themeColor", "fixedPadding", "level", "tag", "bold"], S = _e, j = /* @__PURE__ */ k(function(e, r) {
-  var i = e.className, n = i === void 0 ? S.className : i, d = e.children, p = d === void 0 ? S.children : d, x = e.themeColor, o = x === void 0 ? S.themeColor : x, u = e.fixedPadding, c = u === void 0 ? S.fixedPadding : u, h = e.level, l = h === void 0 ? S.level : h, a = e.tag, s = a === void 0 ? S.tag : a, m = e.bold, f = m === void 0 ? S.bold : m, b = O(e, Me), v = B("mdc-typography", "lmnt mdc-typography--subtitle".concat(l || ""), c && "typography--fixed-padding", f && "mdc-typography--subtitle".concat(l || "", "-bold"), o && "mdc-theme--".concat(E(o)), n), D = P();
-  C(r, function() {
-    return D.current;
-  }, []);
-  var z = s;
-  return /* @__PURE__ */ g.createElement(z, y({
-    ref: D,
-    className: v
-  }, b), p);
-});
-j.displayName = "TypoSubtitle";
-j.propTypes = Ge;
-var Qe = ["bold", "children", "type", "themeColor", "fixedPadding", "tag"], G = Le, re = /* @__PURE__ */ k(function(e, r) {
-  e.bold;
-  var i = e.children, n = i === void 0 ? G.children : i, d = e.type, p = d === void 0 ? G.type : d, x = e.themeColor, o = x === void 0 ? G.themeColor : x, u = e.fixedPadding, c = u === void 0 ? G.fixedPadding : u, h = e.tag, l = h === void 0 ? G.tag : h, a = O(e, Qe), s = P();
-  switch (C(r, function() {
-    return s.current;
-  }, []), p) {
-    case "body1":
-      return /* @__PURE__ */ g.createElement(I, y({
-        level: 1,
-        tag: l,
-        ref: s,
-        themeColor: o
-      }, a), n);
-    case "body1-bold":
-      return /* @__PURE__ */ g.createElement(I, y({
-        bold: !0,
-        level: 1,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "body2-bold":
-      return /* @__PURE__ */ g.createElement(I, y({
-        bold: !0,
-        level: 2,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "body2":
-      return /* @__PURE__ */ g.createElement(I, y({
-        level: 2,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "button":
-      return /* @__PURE__ */ g.createElement(F, y({
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "caption":
-      return /* @__PURE__ */ g.createElement(q, y({
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "caption-bold":
-      return /* @__PURE__ */ g.createElement(q, y({
-        bold: !0,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "display1":
-    case "headline1":
-      return /* @__PURE__ */ g.createElement(L, y({
-        level: 1,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "display2":
-    case "headline2":
-      return /* @__PURE__ */ g.createElement(L, y({
-        level: 2,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "display3":
-    case "headline3":
-      return /* @__PURE__ */ g.createElement(L, y({
-        level: 3,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "display4":
-    case "headline4":
-      return /* @__PURE__ */ g.createElement(L, y({
-        level: 4,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "display5":
-    case "headline5":
-      return /* @__PURE__ */ g.createElement(L, y({
-        level: 5,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "display6":
-    case "headline6":
-      return /* @__PURE__ */ g.createElement(L, y({
-        level: 6,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "overline":
-      return /* @__PURE__ */ g.createElement(J, y({
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    case "subtitle1":
-      return /* @__PURE__ */ g.createElement(j, y({
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a, {
-        level: 1
-      }), n);
-    case "subtitle1-bold":
-      return /* @__PURE__ */ g.createElement(j, y({
-        bold: !0,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a, {
-        level: 1
-      }), n);
-    case "subtitle2-bold":
-      return /* @__PURE__ */ g.createElement(j, y({
-        bold: !0,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a, {
-        level: 2
-      }), n);
-    case "subtitle2":
-      return /* @__PURE__ */ g.createElement(j, y({
-        level: 2,
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a), n);
-    default:
-      return /* @__PURE__ */ g.createElement(I, y({
-        tag: l,
-        ref: s,
-        fixedPadding: c,
-        themeColor: o
-      }, a, {
-        level: 1
-      }), n);
-  }
-});
-re.displayName = "Typography";
-re.propTypes = Be;
-export {
-  I as D,
-  j as I,
-  re as K,
-  L as N,
-  ne as O,
-  q as z
-};