@hortiview/default-components 1.2.0 → 1.3.0

package/dist/index.es-D-CKRzIB-C6Z-ohcV.js

@@ -1,959 +0,0 @@
-import { N as g, _ as b, R as e, b as le, p as re, q as O, i as de, V as ce, F as se, $ as ge, k as ue, j as pe, O as L, m as E } from "./useTranslation-B6E1rHIA.js";
-import s, { forwardRef as h, useRef as m, useImperativeHandle as x, useEffect as ye, useMemo as he } from "react";
-const me = {
-  /**
-   * Children to be rendered. Expects multiple components of a similar type.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node,
-  /**
-   * The grouping direction.
-   *
-   * Defaults to **'horizontal'**.
-   */
-  direction: e.oneOf(["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"]),
-  /**
-   * Sets the Group width to be 100%.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: e.bool,
-  /**
-   * How much spacing between items. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  gap: e.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: le(e.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: e.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: e.oneOf(["start", "end", "center", "stretch", "baseline"])
-}, xe = {
-  children: null,
-  direction: "horizontal",
-  fullWidth: !1,
-  gap: "standard",
-  padding: void 0,
-  primaryAlign: "start",
-  secondaryAlign: "baseline"
-}, be = (t) => {
-  switch (t) {
-    case "end":
-      return "flex-end";
-    case "start":
-      return "flex-start";
-    case "center":
-      return "center";
-    case "stretch":
-      return "stretch";
-    case "baseline":
-    default:
-      return "baseline";
-  }
-}, fe = (t) => {
-  switch (t) {
-    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";
-  }
-}, Oe = (t) => {
-  switch (t) {
-    case "dense":
-      return "8px";
-    case "airy":
-      return "24px";
-    case "standard":
-      return "16px";
-    case "none":
-    default:
-      return "0px";
-  }
-}, ke = (t) => {
-  switch (t) {
-    case "horizontal":
-      return "row";
-    case "vertical":
-      return "column";
-    case "horizontal-reverse":
-      return "row-reverse";
-    case "vertical-reverse":
-      return "column-reverse";
-    default:
-      return "row";
-  }
-}, z = /* @__PURE__ */ h((t, n) => {
-  const {
-    children: d,
-    className: o,
-    direction: c,
-    fullWidth: a,
-    gap: r,
-    padding: i,
-    primaryAlign: l,
-    secondaryAlign: u,
-    style: p,
-    variant: y,
-    ...k
-  } = t;
-  let T = {
-    display: "flex",
-    flexDirection: ke(c),
-    justifyContent: fe(l),
-    alignItems: be(u),
-    gap: Oe(i || r)
-  };
-  a && (T = {
-    ...T,
-    width: "100%"
-  }), T = {
-    ...T,
-    ...p
-  };
-  const $ = m();
-  return x(n, () => $.current, []), /* @__PURE__ */ s.createElement("div", g({
-    ref: $,
-    className: b(
-      "lmnt",
-      "lmnt-group",
-      // variant === 'dense' && 'lmnt-button-group--dense',
-      // variant === 'standard' && 'lmnt-button-group--standard',
-      // variant === 'airy' && 'lmnt-button-group--airy',
-      o
-    ),
-    style: T
-  }, k), d);
-});
-z.displayName = "Group";
-z.propTypes = me;
-z.defaultProps = xe;
-function ve(t) {
-  return t.toLowerCase();
-}
-var Ce = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], Te = /[^A-Z0-9]+/gi;
-function Ne(t, n) {
-  n === void 0 && (n = {});
-  for (var d = n.splitRegexp, o = d === void 0 ? Ce : d, c = n.stripRegexp, a = c === void 0 ? Te : c, r = n.transform, i = r === void 0 ? ve : r, l = n.delimiter, u = l === void 0 ? " " : l, p = K(K(t, o, "$1\0$2"), a, "\0"), y = 0, k = p.length; p.charAt(y) === "\0"; )
-    y++;
-  for (; p.charAt(k - 1) === "\0"; )
-    k--;
-  return p.slice(y, k).split("\0").map(i).join(u);
-}
-function K(t, n, d) {
-  return n instanceof RegExp ? t.replace(n, d) : n.reduce(function(o, c) {
-    return o.replace(c, d);
-  }, t);
-}
-function Be(t, n) {
-  return n === void 0 && (n = {}), Ne(t, re({ delimiter: "." }, n));
-}
-function C(t, n) {
-  return n === void 0 && (n = {}), Be(t, re({ delimiter: "-" }, n));
-}
-const Pe = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography. Does not apply to Link.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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: O(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'.")
-}, $e = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0,
-  type: "body1"
-}, Le = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, Ee = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, we = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, De = {
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0
-}, He = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, Se = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0
-}, Ie = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, je = {
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, Ae = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, Re = {
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, _e = {
-  /**
-   * 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(s.Component)])
-}, ze = {
-  children: null,
-  className: void 0,
-  tag: "a"
-}, We = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, Ve = {
-  children: null,
-  className: void 0,
-  tag: "span",
-  themeColor: void 0
-}, qe = {
-  /**
-   * 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(s.Component)]),
-  /**
-   * Sets theme color for the typography.
-   *
-   * Defaults to **undefined**.
-   */
-  themeColor: O(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'.")
-}, Ge = {
-  bold: !1,
-  children: null,
-  className: void 0,
-  level: 1,
-  tag: "span",
-  themeColor: void 0
-}, v = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    level: a,
-    bold: r,
-    tag: i,
-    ...l
-  } = t, u = m();
-  x(n, () => u.current, []);
-  const p = b("mdc-typography", `lmnt mdc-typography--body${a}`, r && `mdc-typography--body${a}-bold`, c && `mdc-theme--${C(c)}`, d), y = i;
-  return /* @__PURE__ */ s.createElement(y, g({
-    className: p
-  }, l, {
-    ref: u
-  }), o);
-});
-v.displayName = "TypoBody";
-v.propTypes = Le;
-v.defaultProps = Ee;
-const w = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    tag: a,
-    ...r
-  } = t, i = b("mdc-typography", "lmnt mdc-typography--button", c && `mdc-theme--${C(c)}`, d), l = m();
-  x(n, () => l.current, []);
-  const u = a;
-  return /* @__PURE__ */ s.createElement(u, g({
-    ref: l,
-    className: i
-  }, r), o);
-});
-w.displayName = "TypoButton";
-w.propTypes = we;
-w.defaultProps = De;
-const P = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    tag: a,
-    bold: r,
-    ...i
-  } = t, l = b("mdc-typography", "lmnt mdc-typography--caption", r && "mdc-typography--caption-bold", c && `mdc-theme--${C(c)}`, d), u = m();
-  x(n, () => u.current, []);
-  const p = a;
-  return /* @__PURE__ */ s.createElement(p, g({
-    ref: u,
-    className: l
-  }, i), o);
-});
-P.displayName = "TypoCaption";
-P.propTypes = He;
-P.defaultProps = Se;
-const f = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    level: a,
-    tag: r,
-    ...i
-  } = t, l = b("mdc-typography", `lmnt mdc-typography--headline${a}`, c && `mdc-theme--${C(c)}`, d), u = m();
-  x(n, () => u.current, []);
-  const p = r;
-  return /* @__PURE__ */ s.createElement(p, g({
-    ref: u,
-    className: l
-  }, i), o);
-});
-f.displayName = "TypoDisplay";
-f.propTypes = Ie;
-f.defaultProps = je;
-const W = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    level: a,
-    tag: r,
-    ...i
-  } = t;
-  ye(() => de("TypoHeadline", "This component is being replaced with TypoDisplay and will be removed in a future version.  Please use TypoDisplay instead."), []);
-  const l = b("mdc-typography", `lmnt mdc-typography--headline${a}`, c && `mdc-theme--${C(c)}`, d), u = m();
-  x(n, () => u.current, []);
-  const p = r;
-  return /* @__PURE__ */ s.createElement(p, g({
-    ref: u,
-    className: l
-  }, i), o);
-});
-W.displayName = "TypoHeadline";
-W.propTypes = Ae;
-W.defaultProps = Re;
-const V = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    tag: a,
-    ...r
-  } = t, i = b("mdc-typography lmnt-theme-link", c && `mdc-theme--${C(c)}`, d), l = m();
-  x(n, () => l.current, []);
-  const u = a;
-  return /* @__PURE__ */ s.createElement(u, g({
-    ref: l,
-    className: i
-  }, r), o);
-});
-V.displayName = "TypoLink";
-V.propTypes = _e;
-V.defaultProps = ze;
-const D = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    tag: a,
-    ...r
-  } = t, i = b("mdc-typography", "lmnt mdc-typography--overline", c && `mdc-theme--${C(c)}`, d), l = m();
-  x(n, () => l.current, []);
-  const u = a;
-  return /* @__PURE__ */ s.createElement(u, g({
-    ref: l,
-    className: i
-  }, r), o);
-});
-D.displayName = "TypoOverline";
-D.propTypes = We;
-D.defaultProps = Ve;
-const B = /* @__PURE__ */ h((t, n) => {
-  const {
-    className: d,
-    children: o,
-    themeColor: c,
-    level: a,
-    tag: r,
-    bold: i,
-    ...l
-  } = t, u = b("mdc-typography", `lmnt mdc-typography--subtitle${a || ""}`, i && `mdc-typography--subtitle${a}-bold`, c && `mdc-theme--${C(c)}`, d), p = m();
-  x(n, () => p.current, []);
-  const y = r;
-  return /* @__PURE__ */ s.createElement(y, g({
-    ref: p,
-    className: u
-  }, l), o);
-});
-B.displayName = "TypoSubtitle";
-B.propTypes = qe;
-B.defaultProps = Ge;
-const q = /* @__PURE__ */ h((t, n) => {
-  const {
-    bold: d,
-    children: o,
-    type: c,
-    themeColor: a,
-    tag: r,
-    ...i
-  } = t, l = m();
-  switch (x(n, () => l.current, []), c) {
-    case "body1":
-      return /* @__PURE__ */ s.createElement(v, g({
-        level: 1,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "body1-bold":
-      return /* @__PURE__ */ s.createElement(v, g({
-        bold: !0,
-        level: 1,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "body2-bold":
-      return /* @__PURE__ */ s.createElement(v, g({
-        bold: !0,
-        level: 2,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "body2":
-      return /* @__PURE__ */ s.createElement(v, g({
-        level: 2,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "button":
-      return /* @__PURE__ */ s.createElement(w, g({
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "caption":
-      return /* @__PURE__ */ s.createElement(P, g({
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "caption-bold":
-      return /* @__PURE__ */ s.createElement(P, g({
-        bold: !0,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "display1":
-    case "headline1":
-      return /* @__PURE__ */ s.createElement(f, g({
-        level: 1,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "display2":
-    case "headline2":
-      return /* @__PURE__ */ s.createElement(f, g({
-        level: 2,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "display3":
-    case "headline3":
-      return /* @__PURE__ */ s.createElement(f, g({
-        level: 3,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "display4":
-    case "headline4":
-      return /* @__PURE__ */ s.createElement(f, g({
-        level: 4,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "display5":
-    case "headline5":
-      return /* @__PURE__ */ s.createElement(f, g({
-        level: 5,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "display6":
-    case "headline6":
-      return /* @__PURE__ */ s.createElement(f, g({
-        level: 6,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "overline":
-      return /* @__PURE__ */ s.createElement(D, g({
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    case "subtitle1":
-      return /* @__PURE__ */ s.createElement(B, g({
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i, {
-        level: 1
-      }), o);
-    case "subtitle1-bold":
-      return /* @__PURE__ */ s.createElement(B, g({
-        bold: !0,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i, {
-        level: 1
-      }), o);
-    case "subtitle2-bold":
-      return /* @__PURE__ */ s.createElement(B, g({
-        bold: !0,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i, {
-        level: 2
-      }), o);
-    case "subtitle2":
-      return /* @__PURE__ */ s.createElement(B, g({
-        level: 2,
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i), o);
-    default:
-      return /* @__PURE__ */ s.createElement(v, g({
-        tag: r,
-        ref: l,
-        themeColor: a
-      }, i, {
-        level: 1
-      }), o);
-  }
-});
-q.displayName = "Typography";
-q.propTypes = Pe;
-q.defaultProps = $e;
-var H, Q;
-function Ze() {
-  if (Q) return H;
-  Q = 1;
-  var t = ue(), n = t(Object.keys, Object);
-  return H = n, H;
-}
-var S, U;
-function et() {
-  if (U) return S;
-  U = 1;
-  var t = pe(), n = Ze(), d = Object.prototype, o = d.hasOwnProperty;
-  function c(a) {
-    if (!t(a))
-      return n(a);
-    var r = [];
-    for (var i in Object(a))
-      o.call(a, i) && i != "constructor" && r.push(i);
-    return r;
-  }
-  return S = c, S;
-}
-var I, X;
-function Me() {
-  if (X) return I;
-  X = 1;
-  var t = L(), n = E(), d = t(n, "DataView");
-  return I = d, I;
-}
-var j, Y;
-function Fe() {
-  if (Y) return j;
-  Y = 1;
-  var t = L(), n = E(), d = t(n, "Promise");
-  return j = d, j;
-}
-var A, ee;
-function Je() {
-  if (ee) return A;
-  ee = 1;
-  var t = L(), n = E(), d = t(n, "Set");
-  return A = d, A;
-}
-var R, te;
-function Ke() {
-  if (te) return R;
-  te = 1;
-  var t = L(), n = E(), d = t(n, "WeakMap");
-  return R = d, R;
-}
-var _, ne;
-function tt() {
-  if (ne) return _;
-  ne = 1;
-  var t = Me(), n = ce(), d = Fe(), o = Je(), c = Ke(), a = se(), r = ge(), i = "[object Map]", l = "[object Object]", u = "[object Promise]", p = "[object Set]", y = "[object WeakMap]", k = "[object DataView]", T = r(t), $ = r(n), oe = r(d), ae = r(o), ie = r(c), N = a;
-  return (t && N(new t(new ArrayBuffer(1))) != k || n && N(new n()) != i || d && N(d.resolve()) != u || o && N(new o()) != p || c && N(new c()) != y) && (N = function(Z) {
-    var M = a(Z), F = M == l ? Z.constructor : void 0, J = F ? r(F) : "";
-    if (J)
-      switch (J) {
-        case T:
-          return k;
-        case $:
-          return i;
-        case oe:
-          return u;
-        case ae:
-          return p;
-        case ie:
-          return y;
-      }
-    return M;
-  }), _ = N, _;
-}
-const Qe = {
-  /**
-   * Content to be rendered inside the padding component. Accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: e.node.isRequired,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: e.string,
-  /**
-   * Adds a custom padding style to the child content. Must be a valid CSS padding declaration. i.e. 38px 30px
-   *
-   * Defaults to **null**.
-   */
-  customPadding: e.string,
-  /**
-   * By default a div will be rendered, this allow another tag to be used instead. A block type component is suggested.
-   *
-   * Defaults to **'div'**.
-   */
-  tag: e.oneOfType([e.string, e.elementType]),
-  /**
-   * Applies the specified padding amount. `dense` is 8px, `standard` is 16px, and `airy` is 24px. If `customPadding` is used, this will be ignored.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: e.oneOf(["dense", "standard", "airy"])
-}, Ue = {
-  children: null,
-  className: void 0,
-  customPadding: null,
-  tag: "div",
-  variant: "standard"
-}, G = /* @__PURE__ */ h((t, n) => {
-  const {
-    tag: d,
-    variant: o,
-    children: c,
-    className: a,
-    customPadding: r,
-    style: i,
-    ...l
-  } = t, u = he(() => ({
-    ...i,
-    padding: r
-  }), [i, r]), p = d || "div", y = m();
-  return x(n, () => y.current, []), /* @__PURE__ */ s.createElement(p, g({
-    className: b("lmnt", "lmnt-padding", o === "dense" && "lmnt-padding--dense", o === "standard" && "lmnt-padding--standard", o === "airy" && "lmnt-padding--airy", a),
-    style: u
-  }, l), c);
-});
-G.displayName = "Padding";
-G.propTypes = Qe;
-G.defaultProps = Ue;
-export {
-  et as $,
-  B as C,
-  q as D,
-  P,
-  z as a,
-  v as f,
-  f as h,
-  G as n,
-  tt as r
-};