@hortiview/shared-components 2.8.6 → 2.8.8

package/dist/index.es-DFFyENnI.js

@@ -1,63 +0,0 @@
-import { _ as u, c as P, P as a } from "./index-D5m--65X.js";
-import f, { forwardRef as y, useMemo as v, useRef as T, useImperativeHandle as N } from "react";
-const R = {
-  /**
-   * Content to be rendered inside the padding component. Accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: a.node.isRequired,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: a.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: a.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: a.oneOfType([a.string, a.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: a.oneOf(["dense", "standard", "airy"])
-}, _ = {
-  children: null,
-  className: void 0,
-  customPadding: null,
-  tag: "div",
-  variant: "standard"
-}, n = /* @__PURE__ */ y((t, r) => {
-  const {
-    tag: i,
-    variant: e,
-    children: l,
-    className: o,
-    customPadding: d,
-    style: s,
-    ...c
-  } = t, m = v(() => ({
-    ...s,
-    padding: d
-  }), [s, d]), p = i || "div", g = T();
-  return N(r, () => g.current, []), /* @__PURE__ */ f.createElement(p, u({
-    className: P("lmnt", "lmnt-padding", e === "dense" && "lmnt-padding--dense", e === "standard" && "lmnt-padding--standard", e === "airy" && "lmnt-padding--airy", o),
-    style: m
-  }, c), l);
-});
-n.displayName = "Padding";
-n.propTypes = R;
-n.defaultProps = _;
-export {
-  n as P
-};

package/dist/index.es-DTMwaJ6B.js

@@ -1,56 +0,0 @@
-import d, { forwardRef as y, useState as P, useRef as b, useImperativeHandle as v, useEffect as R } from "react";
-import T from "react-dom";
-import { e as _ } from "./index.es-ChSlnpSq.js";
-import { P as o } from "./index-D5m--65X.js";
-const g = {
-  /**
-   * Content to be rendered inside the portal.
-   *
-   * Defaults to **null**.
-   */
-  children: o.node,
-  /**
-   * Disables the portal to rendering children in the natural flow of the DOM.
-   *
-   * Defaults to **false**.
-   */
-  disabled: o.bool,
-  /**
-   * The DOM element the children will render in. If a string is sent it should be a valid DOM query selector. If one is not sent, Portal will default to `document.body`.
-   *
-   * Defaults to **'document.body'**.
-   */
-  portalContainer: o.oneOfType([o.string, o.node])
-}, h = {
-  children: null,
-  disabled: !1,
-  portalContainer: "document.body"
-}, t = /* @__PURE__ */ y((i, m) => {
-  var r;
-  const [s, n] = P((r = document) === null || r === void 0 ? void 0 : r.body), {
-    children: c,
-    container: e,
-    disabled: p
-  } = i, u = b();
-  return v(m, () => u.current, []), R(() => {
-    var a;
-    const l = (a = document) === null || a === void 0 ? void 0 : a.body;
-    if (typeof e == "string")
-      if (e === "document.body")
-        n(l);
-      else {
-        const f = _(e);
-        n(f || l);
-      }
-    else
-      n(e || l);
-  }, [e]), // eslint-disable-next-line react/jsx-no-useless-fragment
-  /* @__PURE__ */ d.createElement(d.Fragment, null, p || !s ? c : /* @__PURE__ */ T.createPortal(c, s));
-});
-t.displayName = "Portal";
-t.propTypes = g;
-t.defaultProps = h;
-var O = /* @__PURE__ */ d.memo(t);
-export {
-  O as P
-};

package/dist/index.es-DgTJmbgD.js

@@ -1,268 +0,0 @@
-import { c as G, _ as b, P as e } from "./index-D5m--65X.js";
-import y, { forwardRef as C, useMemo as f, useRef as T, useImperativeHandle as R, createContext as $, useContext as O } from "react";
-import { d as k } from "./index.es-ChSlnpSq.js";
-const x = /* @__PURE__ */ $({}), W = {
-  /**
-   * @deprecated _Use `variant`='airy' instead._
-   *
-   * Applies extra padding to each column.
-   *
-   * Defaults to **undefined**.
-   */
-  airy: k(e.bool, "Grid", 'Use `variant`="airy" instead.'),
-  /**
-   * Accepts GridCol or GridRow.
-   *
-   * 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,
-  /**
-   * Sets the column gap for the grid.
-   *
-   * Defaults to **'16px'**.
-   */
-  columnGap: e.oneOfType([e.string, e.number]),
-  /**
-   * Applies 100% height to the grid and direct children rows. Useful when creating a page layout. Be aware all direct children rows will have a 100% height.
-   *
-   * Defaults to **null**.
-   */
-  fullHeight: e.bool,
-  /**
-   * Applies 100% width to the grid and direct children rows. Useful to maintain full width in a flex container.
-   *
-   * Defaults to **null**.
-   */
-  fullWidth: e.bool,
-  /**
-   * Alignment of entire grid: left and right.
-   *
-   * Defaults to **'center'**.
-   */
-  gridAlign: e.oneOf(["center", "left", "right"]),
-  /**
-   * Sets the row gap for the grid.
-   *
-   * Defaults to **'16px'**.
-   */
-  rowGap: e.oneOfType([e.string, e.number]),
-  /**
-   * Styles for the grid.
-   *
-   * Defaults to **undefined**.
-   */
-  style: e.object,
-  /**
-   * If true the grid will have a max width according to your theme's breakpoints.
-   *
-   * Defaults to **false**.
-   */
-  useMaxWidth: e.bool,
-  /**
-   * Select `airy` or `standard` padding.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: e.oneOf(["standard", "airy", "none"])
-}, H = {
-  airy: void 0,
-  children: null,
-  className: void 0,
-  columnGap: "16px",
-  fullHeight: null,
-  fullWidth: null,
-  gridAlign: "center",
-  rowGap: "16px",
-  style: void 0,
-  useMaxWidth: !1,
-  variant: "standard"
-}, z = {
-  /**
-   * Alignment of cell within the row: top, middle, bottom. If omitted the col will stretch to the height of the row.
-   *
-   * Defaults to **undefined**.
-   */
-  align: e.oneOf(["", "top", "middle", "bottom"]),
-  /**
-   * Content to be rendered inside the GridCol. 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,
-  /**
-   * Specifies the number of columns the cell spans.
-   *
-   * Defaults to **null**.
-   */
-  desktopCol: e.number,
-  /**
-   * Specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. Set to any valid `grid-column-start`.
-   *
-   * Defaults to **null**.
-   */
-  gridColStart: e.oneOfType([e.string, e.number]),
-  /**
-   * Horizontal alignment of the cell contents of cell content: top, middle, bottom.
-   *
-   * Defaults to **'left'**.
-   */
-  horizontalAlign: e.oneOf(["left", "center", "right"]),
-  /**
-   * Specifies the order of the cell.
-   *
-   * Defaults to **null**.
-   */
-  order: e.number,
-  /**
-   * Specifies the number of columns the cell spans on a phone.
-   *
-   * Defaults to **null**.
-   */
-  phoneCol: e.number,
-  /**
-   * Specifies the number of columns the cell spans on a tablet.
-   *
-   * Defaults to **null**.
-   */
-  tabletCol: e.number,
-  /**
-   * Vertical alignment of cell content: top, middle, bottom.
-   *
-   * Defaults to **'top'**.
-   */
-  verticalAlign: e.oneOf(["top", "middle", "bottom"])
-}, E = {
-  align: void 0,
-  children: null,
-  className: void 0,
-  desktopCol: null,
-  gridColStart: null,
-  horizontalAlign: "left",
-  order: null,
-  phoneCol: null,
-  tabletCol: null,
-  verticalAlign: "top"
-}, M = {
-  /**
-   * Content to be rendered inside the GridRow. 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
-}, S = {
-  children: null,
-  className: void 0
-}, w = /* @__PURE__ */ C((c, u) => {
-  const {
-    airy: t,
-    children: p,
-    className: a,
-    columnGap: r,
-    fullHeight: l,
-    fullWidth: n,
-    gridAlign: i,
-    rowGap: d,
-    style: o,
-    useMaxWidth: m,
-    variant: s,
-    ...h
-  } = c, g = t ? "airy" : s, _ = f(() => ({
-    fullHeight: l,
-    rowGap: d,
-    columnGap: r
-  }), [r, l, d]), N = T();
-  R(u, () => N.current, []);
-  const A = f(() => G("lmnt", "mdc-layout-grid", "lmnt-layout-grid", `mdc-layout-grid mdc-layout-grid--align-${i}`, (g === "airy" || t) && "mdc-grid-cell-wrapper-airy-tablet mdc-grid-cell-wrapper-airy-desktop", s === "none" && "mdc-grid-cell-wrapper-none-tablet mdc-grid-cell-wrapper-none-desktop mdc-grid-cell-wrapper-none-phone ", n && "lmnt-layout-grid--full-width", l && "lmnt-layout-grid--full-height", m && "lmnt-layout-grid--with-max-width", a), [t, a, g, l, n, i, m, s]);
-  return /* @__PURE__ */ y.createElement(x.Provider, {
-    value: _
-  }, /* @__PURE__ */ y.createElement("div", b({
-    ref: N,
-    className: A
-  }, h), p));
-});
-w.displayName = "Grid";
-w.propTypes = W;
-w.defaultProps = H;
-const P = /* @__PURE__ */ C((c, u) => {
-  const {
-    align: t,
-    children: p,
-    className: a,
-    columns: r,
-    desktopCol: l,
-    gridColStart: n,
-    horizontalAlign: i,
-    order: d,
-    phoneCol: o,
-    style: m,
-    tabletCol: s,
-    verticalAlign: h,
-    ...g
-  } = c, _ = f(() => ({
-    ...m,
-    gridColumnStart: n
-  }), [n, m]);
-  return /* @__PURE__ */ y.createElement("div", b({
-    ref: u,
-    style: _,
-    className: G("lmnt", `lmnt-layout-grid__cell--vertical-align-${h}`, `lmnt-layout-grid__cell--horizontal-align-${i}`, "mdc-layout-grid__cell", !r && !o && !s && !l && ["mdc-layout-grid__cell"], d && `mdc-layout-grid__cell--order-${d}`, t && `mdc-layout-grid__cell--align-${t}`, r && [`mdc-layout-grid__cell--span-${r}`], o && [`mdc-layout-grid__cell--span-${o}-phone`], s && [`mdc-layout-grid__cell--span-${s}-tablet`], l && [`mdc-layout-grid__cell--span-${l}-desktop`], "lmnt-layout-grid__cell", a)
-  }, g), p);
-});
-P.displayName = "GridCol";
-P.propTypes = z;
-P.defaultProps = E;
-const v = /* @__PURE__ */ C((c, u) => {
-  const {
-    children: t,
-    className: p,
-    style: a,
-    ...r
-  } = c, {
-    fullHeight: l,
-    rowGap: n,
-    columnGap: i
-  } = O(x), d = f(() => {
-    let o = {
-      rowGap: n,
-      columnGap: i
-    };
-    return l && (o = {
-      ...o,
-      height: "100%"
-    }), {
-      ...a,
-      ...o
-    };
-  }, [a, l, n, i]);
-  return /* @__PURE__ */ y.createElement("div", b({
-    ref: u,
-    className: G("lmnt", "mdc-layout-grid__inner", "lmnt-layout-grid__inner", p),
-    style: d
-  }, r), t);
-});
-v.displayName = "GridRow";
-v.propTypes = M;
-v.defaultProps = S;
-export {
-  w as G,
-  v as a,
-  P as b
-};

package/dist/index.es-DmsyeHLO.js

@@ -1,306 +0,0 @@
-import { _ as S, c as W, P as n } from "./index-D5m--65X.js";
-import u, { forwardRef as D, useRef as on, useImperativeHandle as ln, useCallback as T } from "react";
-import { R as an } from "./index.es-BbaCXS9-.js";
-import { I as R } from "./index.es-8MVlRCi4.js";
-import { a as E, d as r, b as rn } from "./index.es-ChSlnpSq.js";
-const dn = {
-  /**
-   * @deprecated _Use `themeColor='secondary'` instead._
-   *
-   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
-   *
-   * Defaults to **undefined**.
-   */
-  altColor: r(n.bool, "Button", 'Use `themeColor="secondary"` instead.'),
-  /**
-   * One of 'xsmall', 'small', 'medium', 'large' and 'xlarge' will change the size of the button. Defaults according to your theme.
-   *
-   * Defaults to **'themeDefault'**.
-   */
-  buttonSize: n.oneOf(["xsmall", "small", "medium", "large", "xlarge", "themeDefault"]),
-  /**
-   * Content to be rendered inside the button. Can be used instead `label` of to provide more flexibility. Accepts any valid markup. _Warning, if Label is set, it will be used instead of child content._
-   *
-   * Defaults to **null**.
-   */
-  children: n.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: n.string,
-  /**
-   * @deprecated _forwardRef has been implemented for Button._
-   *
-   * Reference to the DOM button. This enables a greater level of integration.
-   *
-   * Defaults to **undefined**.
-   */
-  customRef: r(n.oneOfType([
-    n.func,
-    // eslint-disable-next-line react/forbid-prop-types
-    n.shape({
-      current: n.any
-    })
-  ]), "Button", "forwardRef has been implemented for Button."),
-  /**
-   * @deprecated _Use `variant='danger'` instead._
-   *
-   * Apply danger style to the button.
-   *
-   * Defaults to **undefined**.
-   */
-  danger: r(n.bool, "Button", 'Use `variant="danger"` instead.'),
-  /**
-   * Prevent the user from interacting with the component.
-   *
-   * Defaults to **false**.
-   */
-  disabled: n.bool,
-  /**
-   * Sets elevation of the button. Default will be the theme default.
-   *
-   * Defaults to **'default'**.
-   */
-  elevation: n.oneOf(["default", "elevated", "flat"]),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply a filled-in style. Previously called `primary`.
-   *
-   * Defaults to **undefined**.
-   */
-  filled: r(n.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * Applies a full-width style where the textfield will fill it's container.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: n.bool,
-  /**
-   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
-   *
-   * Defaults to **null**.
-   */
-  href: n.string,
-  /**
-   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
-   *
-   * Defaults to **null**.
-   */
-  label: n.string,
-  /**
-   * Adds the given Icon to the left of the button text. May not be used with `trailingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control,
-   *
-   * Defaults to **undefined**.
-   */
-  leadingIcon: n.oneOfType([n.string, n.func, n.node]),
-  /**
-   * The primary interaction event for button.
-   *
-   * Defaults to **null**.
-   */
-  onClick: n.func,
-  /**
-   * @deprecated _Use `variant='outlined'`._
-   *
-   * Apply outlined style to the button. Previously called `secondary`.
-   *
-   * Defaults to **undefined**.
-   */
-  outlined: r(n.bool, "Button", 'Use `variant="outlined"`.'),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply primary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  primary: r(n.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * @deprecated _Use `'variant=outlined'` instead._
-   *
-   * Apply secondary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  secondary: r(n.bool, "Button", 'Use `"variant=outlined"` instead.'),
-  /**
-   * By default a button or anchor tag will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
-   *
-   * Defaults to **null**.
-   */
-  tag: n.oneOfType([n.string, n.elementType, n.instanceOf(u.Component)]),
-  /**
-   * @deprecated _Use `variant='embedded'` instead._
-   *
-   * Apply tertiary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  tertiary: r(n.bool, "Button", 'Use `variant="embedded"` instead.'),
-  /**
-   * @deprecated _Use `variant='text'` instead._
-   *
-   * Apply unfilled, un-outlined style to the Button. Previously called `tertiary`.
-   *
-   * Defaults to **undefined**.
-   */
-  text: r(n.bool, "Button", 'Use `variant="text"` instead.'),
-  /**
-   * Sets the theme color for the button. Most commonly used when the control is placed on a darker surface.
-   *
-   * Defaults to **'primary'**.
-   */
-  themeColor: rn(n.oneOf(["primary", "secondary", "danger", "success", "on-unknown-black", "on-unknown-white", "on-primary", "on-secondary", "on-success", "on-danger"]), ["onUnknownBlack", "onUnknownWhite"], "Button", "Please use one of 'primary','secondary','danger','success','on-unknown-black','on-unknown-white','on-primary','on-secondary','on-success','on-danger'."),
-  /**
-   * Adds the given Icon to the right of the button text. May not be used with `leadingIcon` - if `leadingIcon` and `trailingIcon` are both set, `leadingIcon` will take priority. Expects the name of a valid Material.io icon, however an icon component may be passed in instead for more control.
-   *
-   * Defaults to **undefined**.
-   */
-  trailingIcon: n.oneOfType([n.string, n.func, n.node]),
-  /**
-   * This applies the html button type (button, submit, reset) or the anchor media type when used with the href property.
-   *
-   * Defaults to **'button'**.
-   */
-  type: n.oneOf(["button", "submit", "reset"]),
-  /**
-   * @deprecated _Use `elevation='flat' instead._
-   *
-   * Remove elevation.
-   *
-   * Defaults to **undefined**.
-   */
-  unelevated: r(n.bool, "Button", 'Use `elevation="flat" instead.'),
-  /**
-   * Applies the selected style to the button. `rounded-small` and `rounded-micro` are only available on select themes.
-   *
-   * Defaults to **'filled'**.
-   */
-  variant: n.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
-}, un = {
-  altColor: void 0,
-  buttonSize: "themeDefault",
-  children: null,
-  className: void 0,
-  customRef: void 0,
-  danger: void 0,
-  disabled: !1,
-  elevation: "default",
-  filled: void 0,
-  fullWidth: !1,
-  href: null,
-  label: null,
-  leadingIcon: void 0,
-  outlined: void 0,
-  primary: void 0,
-  secondary: void 0,
-  tag: null,
-  tertiary: void 0,
-  text: void 0,
-  themeColor: "primary",
-  trailingIcon: void 0,
-  type: "button",
-  unelevated: void 0,
-  variant: "filled"
-}, sn = {
-  /**
-   * Children to be rendered. Expects multiple Element Buttons
-   *
-   * Defaults to **null**.
-   */
-  children: n.node,
-  /**
-   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
-   *
-   * Defaults to **'standard'**.
-   */
-  variant: n.oneOf(["dense", "standard", "airy"])
-}, cn = {
-  children: null,
-  variant: "standard"
-}, O = /* @__PURE__ */ D((_, h) => {
-  const {
-    altColor: k,
-    buttonSize: x,
-    children: p,
-    className: w,
-    customRef: G,
-    disabled: z,
-    elevation: N,
-    primary: F,
-    secondary: H,
-    tertiary: L,
-    text: $,
-    danger: j,
-    filled: q,
-    fullWidth: A,
-    href: P,
-    label: J,
-    leadingIcon: i,
-    onClick: K,
-    outlined: M,
-    tag: Q,
-    themeColor: e,
-    trailingIcon: c,
-    type: V,
-    unelevated: t,
-    variant: d,
-    ...X
-  } = _, v = on(G || null);
-  ln(h, () => v.current, []);
-  const Y = J || p, Z = Q || (P ? "a" : "button"), l = d === "outlined" || M || H, U = d === "rounded-small" || d === "rounded-micro", a = d === "text" || $ || L, m = d === "danger" || j || e === "danger", b = d === "success" || e === "success", o = !l && !a && (d === "filled" || q || F), f = k || e === "secondary", s = e === "primary", nn = c && !i, y = e === "onUnknownBlack" || e === "on-unknown-black", g = e === "onUnknownWhite" || e === "on-unknown-white", B = e === "onPrimary" || e === "on-primary", I = e === "onSecondary" || e === "on-secondary", tn = T(() => typeof i == "string" ? /* @__PURE__ */ u.createElement(R, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--leading",
-    icon: i
-  }) : typeof i == "function" ? i({
-    className: "mdc-button__icon lmnt-button__icon--leading"
-  }) : E(i, "mdc-button__icon lmnt-button__icon--leading"), [i]), en = T(() => typeof c == "string" ? /* @__PURE__ */ u.createElement(R, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--trailing",
-    icon: c
-  }) : typeof c == "function" ? c({
-    className: "mdc-button__icon lmnt-button__icon--trailing"
-  }) : E(c, "mdc-button__icon lmnt-button__icon--trailing"), [c]);
-  return /* @__PURE__ */ u.createElement(an, {
-    componentRef: v
-  }, /* @__PURE__ */ u.createElement(Z, S({
-    ref: v,
-    href: P,
-    onClick: K,
-    type: V,
-    disabled: z,
-    className: W("lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", o && t && s && "lmnt-button--filled-primary", o && m && "lmnt-button--filled-danger", o && b && "lmnt-button--filled-success", o && t && f && "lmnt-button--filled-secondary", o && !t && s && ["lmnt-button--filled-primary", "mdc-button--raised"], o && !t && f && ["lmnt-button--filled-secondary", "mdc-button--raised"], o && !t && e === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], o && !t && e === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], o && !t && e === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], o && !t && e === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], o && !t && y && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], o && !t && g && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], l && s && ["lmnt-button--outlined-primary", "mdc-button--outlined"], o && !t && B && ["lmnt-button--filled-on-primary", "mdc-button--raised"], l && f && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], l && B && "lmnt-button--outlined-on-primary mdc-button--outlined", l && I && "lmnt-button--outlined-on-secondary mdc-button--outlined", l && g && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", l && y && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", a && B && "lmnt-button--text-on-primary mdc-button__text", a && I && "lmnt-button--text-on-secondary mdc-button__text", a && g && "lmnt-button--text-on-unknown-white mdc-button__text", a && y && "lmnt-button--text-on-unknown-black mdc-button__text", U && g && "lmnt-button--text-on-unknown-white mdc-button__text", U && y && "lmnt-button--text-on-unknown-black mdc-button__text", a && s && "lmnt-button--text-primary", a && f && "lmnt-button--text-secondary", a && m && "lmnt-button--text-danger", a && b && "lmnt-button--text-success", m && t && f && "lmnt-button--danger-secondary", m && !t && f && ["lmnt-button--danger-secondary", "mdc-button--raised"], m && t && s && "lmnt-button--danger-primary", m && !t && s && ["lmnt-button--danger-primary", "mdc-button--raised"], m && l && ["lmnt-button--danger-primary", "mdc-button--outlined"], b && t && s && "lmnt-button--success-primary", b && !t && s && ["lmnt-button--success-primary", "mdc-button--raised"], b && l && ["lmnt-button--success-primary", "mdc-button--outlined"], b && l && ["lmnt-button--success-primary", "mdc-button--outlined"], A && "lmnt-button--full-width", t && !a && "mdc-button--unelevated", N === "flat" && "lmnt-button--flat", N === "elevated" && "lmnt-button--elevated", `lmnt-button--${x}`, d === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", d === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", w, "mdc-touch-target-wrapper")
-  }, X), /* @__PURE__ */ u.createElement("span", {
-    className: "mdc-button__ripple"
-  }), i && tn(), /* @__PURE__ */ u.createElement("span", {
-    className: "mdc-button__label"
-  }, Y), nn && en(), /* @__PURE__ */ u.createElement("span", {
-    className: "mdc-button__touch"
-  })));
-});
-O.displayName = "Button";
-O.propTypes = dn;
-O.defaultProps = un;
-const C = /* @__PURE__ */ D((_, h) => {
-  const {
-    children: k,
-    className: x,
-    variant: p,
-    ...w
-  } = _;
-  return /* @__PURE__ */ u.createElement("div", S({
-    ref: h,
-    className: W("lmnt", "lmnt-button-group", p === "dense" && "lmnt-button-group--dense", p === "standard" && "lmnt-button-group--standard", p === "airy" && "lmnt-button-group--airy", x)
-  }, w), k);
-});
-C.displayName = "ButtonGroup";
-C.propTypes = sn;
-C.defaultProps = cn;
-export {
-  O as B
-};