@hortiview/shared-components 2.8.6 → 2.8.8

package/dist/index.es-Bg8hxXM8.js

@@ -0,0 +1,912 @@
+import { _ as T, a as _, c as v, b as S, d as Z, P as a } from "./index-Cpb-8cAN.js";
+import { _ as ee, a as M, b as ae, c as re, d as j, e as U, f as te } from "./defineProperty-CmuOyxyf.js";
+import { _ as pe } from "./slicedToArray-BWk2gTCn.js";
+import m, { useLayoutEffect as Ie, useEffect as ge, useState as Y, useMemo as q, forwardRef as $, useRef as H, useImperativeHandle as z, createContext as we } from "react";
+import { b as ue, r as le } from "./index.es-BXj90wb_.js";
+import { B as Ee } from "./index.es-0QJC9VS2.js";
+import { I as De } from "./index.es-DwzB1d7_.js";
+import { I as Re } from "./index.es-IXyb5F6n.js";
+import { D as Se } from "./index.es-Dfju71Pi.js";
+import { G as Me } from "./index.es-DDYCugj-.js";
+import { _ as ie } from "./includes-Bt-Stz_B.js";
+var Ue = function() {
+};
+function qa(e) {
+  for (var l = [], r = 1; r < arguments.length; r++)
+    l[r - 1] = arguments[r];
+  e && e.addEventListener && e.addEventListener.apply(e, l);
+}
+function Ha(e) {
+  for (var l = [], r = 1; r < arguments.length; r++)
+    l[r - 1] = arguments[r];
+  e && e.removeEventListener && e.removeEventListener.apply(e, l);
+}
+var ve = typeof window < "u", je = ve ? Ie : ge, fe = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function ze() {
+  var e = Y(null), l = e[0], r = e[1], i = Y(fe), n = i[0], t = i[1], o = q(function() {
+    return new window.ResizeObserver(function(c) {
+      if (c[0]) {
+        var d = c[0].contentRect, s = d.x, y = d.y, g = d.width, u = d.height, b = d.top, f = d.left, p = d.bottom, h = d.right;
+        t({ x: s, y, width: g, height: u, top: b, left: f, bottom: p, right: h });
+      }
+    });
+  }, []);
+  return je(function() {
+    if (l)
+      return o.observe(l), function() {
+        o.disconnect();
+      };
+  }, [l]), [r, n];
+}
+const We = ve && typeof window.ResizeObserver < "u" ? ze : function() {
+  return [Ue, fe];
+};
+var Ge = {
+  /**
+   * Alignment of the Card Body.
+   *
+   * Defaults to **'left-top'**.
+   */
+  bodyAlignment: a.oneOf(["left-center", "left-top", "left-bottom", "centered", "right-center", "right-top", "right-bottom"]),
+  /**
+   * Content to be rendered inside the Card. Should be one of CardActions, CardBody,  CardContent, CardDivider, CardFilter, CardMedia, or CardTitle.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * Height style property of card.
+   *
+   * Defaults to **'auto'**.
+   */
+  height: a.string,
+  /**
+   * If true the card will be styled for a loading spinner
+   *
+   * Defaults to **false**.
+   */
+  loadingCard: a.bool,
+  /**
+   * Passthrough style object.
+   *
+   * Defaults to **null**.
+   */
+  style: a.object,
+  /**
+   * Background color of the card. It is recommended to set to transparent if setting theme color on the Card Title or Card Body.
+   *
+   * Defaults to **'surface'**.
+   */
+  themeColor: a.oneOf(["transparent", "surface", "surface-variant", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900"]),
+  /**
+   * Variant options include `default` (set by theme), `flat`, `outlined`, and `raised`. The `flat` variant removes elevation. The `outlined` variant adds border and removes elevation. The `raised` variant adds elevation.
+   *
+   * Defaults to **'default'**.
+   */
+  variant: a.oneOf(["default", "flat", "outlined", "raised"])
+}, Ve = {
+  bodyAlignment: "left-top",
+  children: null,
+  height: "auto",
+  loadingCard: !1,
+  style: null,
+  themeColor: "surface",
+  variant: "default"
+}, qe = {
+  /**
+   * Override the default (`primary`) color with the `secondary` color. Most commonly used when the control is placed on a darker surface.
+   *
+   * Defaults to **'primary'**.
+   */
+  actionButtonThemeColor: a.oneOf(["primary", "secondary"]),
+  /**
+   * 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: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Reference to the DOM button. This enables a greater level of integration.
+   *
+   * Defaults to **undefined**.
+   */
+  customRef: a.oneOfType([
+    a.func,
+    // eslint-disable-next-line react/forbid-prop-types
+    a.shape({
+      current: a.any
+    })
+  ]),
+  /**
+   * Prevent the user from interacting with the component.
+   *
+   * Defaults to **false**.
+   */
+  disabled: a.bool,
+  /**
+   * Applies a full-width style where the button will fill it's container.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: a.bool,
+  /**
+   * The button will render as an anchor tag.
+   *
+   * Defaults to **null**.
+   */
+  href: a.string,
+  /**
+   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
+   *
+   * Defaults to **null**.
+   */
+  label: a.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 **null**.
+   */
+  leadingIcon: a.oneOfType([a.string, a.node]),
+  /**
+   * The primary interaction event for button.
+   *
+   * Defaults to **null**.
+   */
+  onClick: a.func,
+  /**
+   * 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 **null**.
+   */
+  trailingIcon: a.oneOfType([a.string, a.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: a.oneOf(["button", "submit", "reset"])
+}, He = {
+  actionButtonThemeColor: "primary",
+  children: null,
+  className: void 0,
+  customRef: void 0,
+  disabled: !1,
+  fullWidth: !1,
+  href: null,
+  label: null,
+  leadingIcon: null,
+  trailingIcon: null,
+  type: "button"
+}, Fe = {
+  /**
+   * Programmatically sets the toggle state of the button when used as a toggle button. If not set, the toggle state will be managed internally.
+   *
+   * Defaults to **false**.
+   */
+  active: a.bool,
+  /**
+   * Accessibility label for assistive technologies.
+   *
+   * Defaults to **null**.
+   */
+  ariaLabel: a.string,
+  /**
+   * Id of the component being labeled for assistive technologies.
+   *
+   * Defaults to **null**.
+   */
+  ariaLabelledBy: a.string,
+  /**
+   * The content when when using the Card Action Icon Button normally. Expects a string, but a valid custom icon is accepted. For toggle button functionality, use `toggleOn` and `toggleOff` instead.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Disables the icon button.
+   *
+   * Defaults to **false**.
+   */
+  disabled: a.bool,
+  /**
+   * Fired when the user clicks the Card Action Icon Button, will return toggle state, if applicable.
+   *
+   * Defaults to **null**.
+   */
+  onClick: a.func,
+  /**
+   * The content to be rendered when the Card Action Icon Button is toggled off. Expects a string, but a valid custom icon is accepted. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
+   *
+   * Defaults to **null**.
+   */
+  toggleOff: a.node,
+  /**
+   * The `aria-label` value to be read by a screen-reader when the button is toggled off. Example 'Add to Favorites'. Alternatively, `toggleOffAriaLabelledBy` may be used instead.
+   *
+   * Defaults to **null**.
+   */
+  toggleOffAriaLabel: a.string,
+  /**
+   * The `aria-labelledby`value when the button is toggled on. This should be the `id `of a parent element to be read by a screen reader instead of `aria-label`.
+   *
+   * Defaults to **null**.
+   */
+  toggleOffAriaLabelledBy: a.string,
+  /**
+   * The content to be rendered when the Card Action Icon Button is toggled on. Expects a string, but a valid custom icon is accepted. The typical use case for a toggle button would be to set an Icon for `toggleOn` and `toggleOff`, leaving children blank.
+   *
+   * Defaults to **null**.
+   */
+  toggleOn: a.node,
+  /**
+   * The `aria-label` value to be read by a screen-reader when the button is toggled on. Example 'Remove from Favorites'. Alternatively, `toggleOnAriaLabelledBy` may be used instead.
+   *
+   * Defaults to **null**.
+   */
+  toggleOnAriaLabel: a.string,
+  /**
+   * The `aria-labelledby`value when the button is toggled on. This should be the `id` of a parent element to be read by a screen reader instead of `aria-label`.
+   *
+   * Defaults to **null**.
+   */
+  toggleOnAriaLabelledBy: a.string,
+  /**
+   * Variants prefixed with `filled-` will add a background color to the icon according to the theme. Variants prefixed with ` color-` will change the color of the icon according to the theme.
+   *
+   * Defaults to **empty string**.
+   */
+  variant: ue(a.oneOf(["", "filled-danger-alt", "filled-danger", "filled-primary", "filled-secondary", "color-primary", "color-secondary", "color-on-dark"]), ["primary-alt", "secondary-alt", "primary", "danger-alt", "danger"], "CardActionIcon", "Please use one of '','filled-danger-alt','filled-danger','filled-primary','filled-secondary','color-primary','color-secondary','color-on-dark'.")
+}, Ke = {
+  ariaLabel: null,
+  children: null,
+  className: void 0,
+  disabled: !1,
+  onClick: null,
+  toggleOff: null,
+  toggleOffAriaLabel: null,
+  toggleOffAriaLabelledBy: null,
+  toggleOn: null,
+  toggleOnAriaLabel: null,
+  toggleOnAriaLabelledBy: null,
+  variant: ""
+}, Je = {
+  /**
+   * Add buttons to card actions.
+   *
+   * Defaults to **null**.
+   */
+  actionButtons: a.node,
+  /**
+   * Add icons to card actions.
+   *
+   * Defaults to **null**.
+   */
+  actionIcons: a.node,
+  /**
+   * Aligns action buttons and icon buttons. 'center' and 'trailing' only allow buttons.
+   *
+   * Defaults to **'leading'**.
+   */
+  alignment: a.oneOf(["leading", "center", "trailing"])
+}, Qe = {
+  actionButtons: null,
+  actionIcons: null,
+  alignment: "leading"
+}, Xe = {
+  /**
+   * Content to be rendered inside the title block. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * Background color of the card body. It is recommended to set to the Card themeColor to transparent if setting the Card Body color.
+   *
+   * Defaults to **'surface'**.
+   */
+  themeColor: a.oneOf(["surface", "surface-variant", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400", "ancillary-500", "ancillary-600", "ancillary-700", "ancillary-800", "ancillary-900"]),
+  /**
+   * Sets typography class for Card Body. This can be overwritten by the children markup
+   *
+   * Defaults to **'body2'**.
+   */
+  typographyType: ue(a.oneOf(["body1", "body2", "button", "caption", "display1", "display2", "display3", "display4", "display5", "display6", "overline", "subtitle1", "subtitle2"]), ["headline1", "headline2", "headline3", "headline4", "headline5", "headline6"], "CardBody", "Please use one of 'body1','body2','button','caption','display1','display2','display3','display4','display5','display6','overline','subtitle1','subtitle2'.")
+}, Ye = {
+  children: null,
+  themeColor: "surface",
+  typographyType: "body2"
+}, Ze = {
+  /**
+   * Content to be rendered inside the content block. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node
+}, ea = {
+  children: null
+}, aa = {
+  /**
+   * Theme color for the Card Divider. Leave empty for gray.
+   *
+   * Defaults to **'on-surface-stroke'**.
+   */
+  dividerThemeColor: a.oneOf(["null", "on-surface-stroke", "primary", "primary-variant", "primary-50", "primary-100", "primary-200", "primary-300", "primary-400", "primary-500", "primary-600", "primary-700", "primary-800", "primary-900", "secondary", "secondary-variant", "secondary-50", "secondary-100", "secondary-200", "secondary-300", "secondary-400", "secondary-500", "secondary-600", "secondary-700", "secondary-800", "secondary-900", "danger", "danger-variant", "danger-50", "danger-100", "danger-200", "danger-300", "danger-400", "danger-500", "danger-600", "danger-700", "danger-800", "danger-900", "ancillary-100", "ancillary-200", "ancillary-300", "ancillary-400"]),
+  /**
+   * Choose between dense and tall variants.
+   *
+   * Defaults to **'dense'**.
+   */
+  dividerVariant: a.oneOf(["dense", "tall"])
+}, ra = {
+  dividerThemeColor: "on-surface-stroke",
+  dividerVariant: "dense"
+}, ta = {
+  /**
+   * Content to be rendered inside the title block. Mostly commonly a Select, Textfield component, however any valid components or markup may be used.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Type of filter being used.
+   *
+   * Defaults to **'tabs'**.
+   */
+  filterType: a.oneOf(["tabs", "chips", "select", "select-2"])
+}, na = {
+  children: null,
+  className: void 0,
+  filterType: "tabs"
+}, la = {
+  /**
+   * Most commonly text or a Typography component, but accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Changes which side of content the Card side media renders on. Improves layout for right-to-left languages.
+   *
+   * Defaults to **false**.
+   */
+  rtl: a.bool
+}, ia = {
+  children: null,
+  className: void 0,
+  rtl: !1
+}, oa = {
+  /**
+   * Url for Card media
+   *
+   * Defaults to **null**.
+   */
+  mediaUrl: a.string,
+  /**
+   * Applies aspect ratio style to the card media.
+   *
+   * Defaults to **'square'**.
+   */
+  ratio: a.oneOf(["square"]),
+  /**
+   * Width for Card media
+   *
+   * Defaults to **'30%'**.
+   */
+  width: a.oneOfType([a.number, a.string])
+}, da = {
+  mediaUrl: null,
+  width: "30%"
+}, ca = {
+  /**
+   * Child components will be rendered on top of the provided image. Use `contentBottom` and `contentTop` to control content positioning. Accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * Adjust placement of the media content.
+   *
+   * Defaults to **'bottom'**.
+   */
+  contentPlacement: a.oneOf(["bottom", "top"]),
+  /**
+   * Image Url for card background image
+   *
+   * Defaults to **null**.
+   */
+  imageUrl: a.string,
+  /**
+   * Adds an overlay over to the Card Media.
+   *
+   * Defaults to **false**.
+   */
+  overlay: a.bool,
+  /**
+   * Overlay theme color.
+   *
+   * Defaults to **'dark'**.
+   */
+  overlayThemeColor: a.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
+  /**
+   * Applies aspect ratio style to the card media.
+   *
+   * Defaults to **'square'**.
+   */
+  ratio: a.oneOf(["square", "sixteen-nine", "four-three", "four-five", "two-one"])
+}, sa = {
+  children: null,
+  contentPlacement: "bottom",
+  imageUrl: null,
+  overlay: !1,
+  overlayThemeColor: "dark",
+  ratio: "square"
+}, ma = {
+  /**
+   * Content to be rendered inside the Card Overlay.  Useful for angles or other non semantic elements displayed in the Card.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Overlay theme color.
+   *
+   * Defaults to **'dark'**.
+   */
+  overlayThemeColor: a.oneOf(["dark", "light", "surface", "linear-gradient-white-to-bottom", "linear-gradient-white-to-top", "linear-gradient-black-to-bottom", "linear-gradient-black-to-top", "linear-gradient-primary-dark-to-bottom", "linear-gradient-primary-dark-to-top", "linear-gradient-primary-darker-to-bottom", "linear-gradient-primary-darker-to-top", "linear-gradient-primary-to-bottom", "linear-gradient-primary-to-top", "linear-gradient-secondary-dark-to-bottom", "linear-gradient-secondary-dark-to-top", "linear-gradient-secondary-darker-to-bottom", "linear-gradient-secondary-darker-to-top", "linear-gradient-secondary-to-bottom", "linear-gradient-secondary-to-top"]),
+  /**
+   * Position of the Overlay. Use `overlayThemeColor` to change the theme color. If set to leading or trailing be sure to set `alignment` on Card accordingly to have Card Content over the overlay.
+   *
+   * Defaults to **'full'**.
+   */
+  position: a.oneOf(["full", "leading", "trailing"])
+}, ya = {
+  children: null,
+  className: void 0,
+  overlayThemeColor: "dark",
+  position: "full"
+}, pa = {
+  /**
+   * Content to be rendered as the primary action.
+   *
+   * Defaults to **null**.
+   */
+  children: a.node,
+  /**
+   * The primary interaction event for card.
+   *
+   * Defaults to **null**.
+   */
+  onClick: a.func,
+  /**
+   * By default a div will be rendered, this allows another tag/component to be used instead. A block type element/component is suggested.
+   *
+   * Defaults to **'div'**.
+   */
+  tag: a.oneOfType([a.string, a.elementType, a.instanceOf(m.Component)])
+}, ga = {
+  children: null
+}, ua = {
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: a.string,
+  /**
+   * Content to be displayed in the leading block container. See README for types supported.
+   *
+   * Defaults to **null**.
+   */
+  leadingBlock: le(a.node, "CardTitle", "leadingBlockType"),
+  /**
+   * The type of media that will render in the leading block. See README for size constraints.
+   *
+   * Defaults to **empty string**.
+   */
+  leadingBlockType: a.oneOf(["", "avatar", "icon", "icon-with-background", "thumbnail"]),
+  /**
+   * Content to be displayed in the Overline text of the title. Expects a string, but can be any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  overlineText: a.node,
+  /**
+   * Where title appears in card.
+   *
+   * Defaults to **'top'**.
+   */
+  placement: a.oneOf(["top", "middle", "bottom"]),
+  /**
+   * Content to be displayed in the Primary text of the title. Expects a string, but can be any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  primaryText: a.node,
+  /**
+   * Content to be displayed in the Secondary text of the title. Expects a string, but can be any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  secondaryText: a.node,
+  /**
+   * Prop that makes card title stackable.
+   *
+   * Defaults to **false**.
+   */
+  stacked: a.bool,
+  /**
+   * Content to be displayed in the Secondary text of the title and could be used to make Card title stackable. Expects a string, but can be any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  stackedSecondaryText: a.node,
+  /**
+   * Background color of the `CardTitle`.
+   *
+   * Defaults to **'surface'**.
+   */
+  themeColor: a.oneOf(["surface", "primary", "secondary"]),
+  /**
+   * Content to be displayed in the trailing block container. See README for types supported.
+   *
+   * Defaults to **null**.
+   */
+  trailingBlock: le(a.node, "CardTitle", "trailingBlockType"),
+  /**
+   * The type of media that will render in the trailing block. See README for size constraints.
+   *
+   * Defaults to **empty string**.
+   */
+  trailingBlockType: a.oneOf(["", "title-actions", "avatar", "badge", "icon", "icon-with-background", "thumbnail"])
+}, va = {
+  className: void 0,
+  leadingBlock: null,
+  leadingBlockType: "",
+  overlineText: null,
+  placement: "top",
+  primaryText: null,
+  secondaryText: null,
+  stacked: !1,
+  stackedSecondaryText: null,
+  themeColor: "surface",
+  trailingBlock: null,
+  trailingBlockType: ""
+}, fa = ["bodyAlignment", "children", "className", "direction", "height", "loadingCard", "outlined", "style", "themeColor", "variant"];
+function oe(e, l) {
+  var r = Z(e);
+  if (U) {
+    var i = U(e);
+    l && (i = te(i).call(i, function(n) {
+      return j(e, n).enumerable;
+    })), r.push.apply(r, i);
+  }
+  return r;
+}
+function de(e) {
+  for (var l = 1; l < arguments.length; l++) {
+    var r, i, n = arguments[l] != null ? arguments[l] : {};
+    l % 2 ? S(r = oe(Object(n), !0)).call(r, function(t) {
+      ee(e, t, n[t]);
+    }) : M ? ae(e, M(n)) : S(i = oe(Object(n))).call(i, function(t) {
+      re(e, t, j(n, t));
+    });
+  }
+  return e;
+}
+var w = Ve, he = /* @__PURE__ */ $(function(e, l) {
+  var r = e.bodyAlignment, i = r === void 0 ? w.bodyAlignment : r, n = e.children, t = n === void 0 ? w.children : n, o = e.className, c = o === void 0 ? w.className : o, d = e.direction, s = d === void 0 ? w.direction : d, y = e.height, g = y === void 0 ? w.height : y, u = e.loadingCard, b = u === void 0 ? w.loadingCard : u;
+  e.outlined;
+  var f = e.style, p = f === void 0 ? w.style : f, h = e.themeColor, B = h === void 0 ? w.themeColor : h, N = e.variant, x = N === void 0 ? w.variant : N, L = T(e, fa), E = Y(de({
+    height: g,
+    direction: s
+  }, p)), P = pe(E, 2), R = P[0], I = P[1], C = H();
+  return z(l, function() {
+    return C.current;
+  }, []), ge(function() {
+    I(de({
+      height: g,
+      // display: 'flex', do we need this?
+      direction: s
+    }, p));
+  }, [g, s, p]), /* @__PURE__ */ m.createElement("div", _({
+    ref: C,
+    className: v("lmnt", "lmnt-card", "mdc-card", x === "outlined" && "mdc-card--outlined", x === "flat" && "lmnt-card--flat", x === "raised" && "lmnt-card--raised", b && "lmnt-card--loading", "lmnt-card--".concat(i), "lmnt-theme-".concat(B, "-bg"), c),
+    style: R
+  }, L), t);
+});
+he.displayName = "Card";
+he.propTypes = Ge;
+var ha = ["children", "className", "customRef", "disabled", "fullWidth", "href", "label", "leadingIcon", "actionButtonThemeColor", "trailingIcon", "type"], A = He, be = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? A.children : r, n = e.className, t = n === void 0 ? A.className : n, o = e.customRef, c = o === void 0 ? A.customRef : o, d = e.disabled, s = d === void 0 ? A.disabled : d, y = e.fullWidth, g = y === void 0 ? A.fullWidth : y, u = e.href, b = u === void 0 ? A.href : u, f = e.label, p = f === void 0 ? A.label : f, h = e.leadingIcon, B = h === void 0 ? A.leadingIcon : h, N = e.actionButtonThemeColor, x = N === void 0 ? A.actionButtonThemeColor : N, L = e.trailingIcon, E = L === void 0 ? A.trailingIcon : L, P = e.type, R = P === void 0 ? A.type : P, I = T(e, ha), C = q(function() {
+    return p || i;
+  }, [p, i]);
+  return /* @__PURE__ */ m.createElement(Ee, _({
+    ref: l,
+    customRef: c,
+    disabled: s,
+    fullWidth: g,
+    href: b,
+    label: p,
+    leadingIcon: B,
+    themeColor: x,
+    trailingIcon: E,
+    type: R,
+    variant: "text",
+    className: v("mdc-card__action mdc-card__action--button", t)
+  }, I), C);
+});
+be.displayName = "CardActionButton";
+be.propTypes = qe;
+var ba = ["active", "ariaLabel", "ariaLabelledBy", "children", "className", "disabled", "onClick", "toggleOff", "toggleOffAriaLabel", "toggleOffAriaLabelledBy", "toggleOn", "toggleOnAriaLabel", "toggleOnAriaLabelledBy", "variant"], k = Ke, Ce = /* @__PURE__ */ $(function(e, l) {
+  e.active;
+  var r = e.ariaLabel, i = r === void 0 ? k.ariaLabel : r;
+  e.ariaLabelledBy;
+  var n = e.children, t = n === void 0 ? k.children : n, o = e.className, c = o === void 0 ? k.className : o, d = e.disabled, s = d === void 0 ? k.disabled : d, y = e.onClick, g = y === void 0 ? k.onClick : y, u = e.toggleOff, b = u === void 0 ? k.toggleOff : u, f = e.toggleOffAriaLabel, p = f === void 0 ? k.toggleOffAriaLabel : f, h = e.toggleOffAriaLabelledBy, B = h === void 0 ? k.toggleOffAriaLabelledBy : h, N = e.toggleOn, x = N === void 0 ? k.toggleOn : N, L = e.toggleOnAriaLabel, E = L === void 0 ? k.toggleOnAriaLabel : L, P = e.toggleOnAriaLabelledBy, R = P === void 0 ? k.toggleOnAriaLabelledBy : P, I = e.variant, C = I === void 0 ? k.variant : I, F = T(e, ba), Le = q(function() {
+    return typeof t == "string" ? /* @__PURE__ */ m.createElement(De, {
+      icon: t
+    }) : t;
+  }, [t]);
+  return /* @__PURE__ */ m.createElement(Re, _({
+    ref: l,
+    variant: C,
+    disabled: s,
+    onClick: g,
+    ariaLabel: i,
+    toggleOffAriaLabel: p,
+    toggleOffAriaLabelledBy: B,
+    toggleOnAriaLabel: E,
+    toggleOnAriaLabelledBy: R,
+    toggleOn: x,
+    toggleOff: b,
+    className: v("mdc-card__action mdc-card__action--icon", c)
+  }, F), Le);
+});
+Ce.displayName = "CardActionIcon";
+Ce.propTypes = Fe;
+var Ca = ["alignment", "actionIcons", "actionButtons", "className"], W = Qe, Te = /* @__PURE__ */ $(function(e, l) {
+  var r = e.alignment, i = r === void 0 ? W.alignment : r, n = e.actionIcons, t = n === void 0 ? W.actionIcons : n, o = e.actionButtons, c = o === void 0 ? W.actionButtons : o, d = e.className, s = d === void 0 ? W.className : d, y = T(e, Ca);
+  return /* @__PURE__ */ m.createElement("div", _({
+    ref: l,
+    className: v("lmnt", "mdc-card__actions", i === "leading" && "lmnt-card__actions--leading", i === "center" && "lmnt-card__actions--center", i === "trailing" && "lmnt-card__actions--trailing", s)
+  }, y), c && /* @__PURE__ */ m.createElement("div", {
+    className: "mdc-card__action-buttons"
+  }, c), t && i === "leading" && /* @__PURE__ */ m.createElement("div", {
+    className: "mdc-card__action-icons"
+  }, t));
+});
+Te.displayName = "CardActions";
+Te.propTypes = Je;
+var Ta = ["children", "typographyType", "themeColor", "className"], G = Ye, _e = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? G.children : r, n = e.typographyType, t = n === void 0 ? G.typographyType : n, o = e.themeColor, c = o === void 0 ? G.themeColor : o, d = e.className, s = d === void 0 ? G.className : d, y = T(e, Ta);
+  return /* @__PURE__ */ m.createElement("div", _({
+    ref: l,
+    className: v("lmnt-card-body", t === "body1" && " mdc-typography--body1", t === "body2" && " mdc-typography--body2", t === "button" && " mdc-typography--button", t === "caption" && " mdc-typography--caption", t === "headline1" && " mdc-typography--headline1", t === "headline2" && " mdc-typography--headline2", t === "headline3" && " mdc-typography--headline3", t === "headline4" && " mdc-typography--headline4", t === "headline5" && " mdc-typography--headline5", t === "headline6" && " mdc-typography--headline6", t === "display1" && " mdc-typography--headline1", t === "display2" && " mdc-typography--headline2", t === "display3" && " mdc-typography--headline3", t === "display4" && " mdc-typography--headline4", t === "display5" && " mdc-typography--headline5", t === "display6" && " mdc-typography--headline6", t === "overline" && " mdc-typography--overline", t === "subtitle1" && " mdc-typography--subtitle1", t === "subtitle2" && " mdc-typography--subtitle2", "lmnt-theme-".concat(c, "-bg"), s)
+  }, y), i);
+});
+_e.displayName = "CardBody";
+_e.propTypes = Xe;
+var _a = ["children", "className"], ce = ea, $e = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? ce.children : r, n = e.className, t = n === void 0 ? ce.className : n, o = T(e, _a);
+  return /* @__PURE__ */ m.createElement("div", _({
+    ref: l,
+    className: v(["lmnt", "mdc-card__content"], t)
+  }, o), i);
+});
+$e.displayName = "CardContent";
+$e.propTypes = Ze;
+var $a = ["className", "dividerVariant", "dividerThemeColor"], K = ra, Ne = /* @__PURE__ */ $(function(e, l) {
+  var r = e.className, i = r === void 0 ? K.className : r, n = e.dividerVariant, t = n === void 0 ? K.dividerVariant : n, o = e.dividerThemeColor, c = o === void 0 ? K.dividerThemeColor : o, d = T(e, $a);
+  return /* @__PURE__ */ m.createElement(Se, _({
+    ref: l,
+    variant: t,
+    themeColor: c,
+    className: v("mdc-card__divider", "lmnt-card-divider", i)
+  }, d));
+});
+Ne.displayName = "CardDivider";
+Ne.propTypes = aa;
+var Na = ["children", "className", "filterType"], J = na, ke = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? J.children : r, n = e.className, t = n === void 0 ? J.className : n, o = e.filterType, c = o === void 0 ? J.filterType : o, d = T(e, Na);
+  return /* @__PURE__ */ m.createElement("div", _({
+    ref: l,
+    className: v("lmnt", "lmnt-card__filters", c === "chips" && "lmnt-card__filters--chips", c === "select" && "lmnt-card__filters--select", c === "select-2" && "lmnt-card__filters--select lmnt-card__filters--select-2", t)
+  }, d), i);
+});
+ke.displayName = "CardFilter";
+ke.propTypes = ta;
+var ka = /* @__PURE__ */ we({
+  groupRect: {}
+}), Oa = ["children", "className", "rtl"], Q = ia, Oe = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? Q.children : r, n = e.className, t = n === void 0 ? Q.className : n, o = e.rtl, c = o === void 0 ? Q.rtl : o, d = T(e, Oa), s = We(), y = pe(s, 2), g = y[0], u = y[1], b = H(g);
+  return z(l, function() {
+    return b.current;
+  }, []), z(g, function() {
+    return b.current;
+  }, []), // eslint-disable-next-line react/jsx-no-constructed-context-values
+  /* @__PURE__ */ m.createElement(ka.Provider, {
+    value: {
+      groupRect: u
+    }
+  }, /* @__PURE__ */ m.createElement(Me, _({
+    className: v("lmnt-card__horizontal-group", "lmnt-card--horizontal", t),
+    ref: b,
+    gap: "none",
+    direction: c ? "horizontal-reverse" : "horizontal",
+    secondaryAlign: "start"
+  }, d), i));
+});
+Oe.propTypes = la;
+Oe.displayName = "CardHorizontalGroup";
+var Ba = ["children", "className", "position", "overlayThemeColor"], V = ya, ne = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? V.children : r, n = e.className, t = n === void 0 ? V.className : n, o = e.position, c = o === void 0 ? V.position : o, d = e.overlayThemeColor, s = d === void 0 ? V.overlayThemeColor : d, y = T(e, Ba), g = H();
+  z(l, function() {
+    return g.current;
+  }, []);
+  var u = q(function() {
+    return c !== "none" && v("lmnt", "lmnt-card-overlay ", !ie(s).call(s, "gradient") && s !== "surface" && "lmnt-card-overlay__".concat(s), ie(s).call(s, "gradient") && s !== "surface" && "lmnt-theme--bg-".concat(s), s === "surface" && "lmnt-theme-surface-bg", "lmnt-card-overlay__".concat(c), t);
+  }, [s, c, t]);
+  return /* @__PURE__ */ m.createElement("div", _({
+    className: u
+  }, y), i && i);
+});
+ne.displayName = "CardOverlay";
+ne.propTypes = ma;
+var Pa = ["children", "className", "contentPlacement", "imageUrl", "overlay", "overlayThemeColor", "ratio", "style"];
+function se(e, l) {
+  var r = Z(e);
+  if (U) {
+    var i = U(e);
+    l && (i = te(i).call(i, function(n) {
+      return j(e, n).enumerable;
+    })), r.push.apply(r, i);
+  }
+  return r;
+}
+function Aa(e) {
+  for (var l = 1; l < arguments.length; l++) {
+    var r, i, n = arguments[l] != null ? arguments[l] : {};
+    l % 2 ? S(r = se(Object(n), !0)).call(r, function(t) {
+      ee(e, t, n[t]);
+    }) : M ? ae(e, M(n)) : S(i = se(Object(n))).call(i, function(t) {
+      re(e, t, j(n, t));
+    });
+  }
+  return e;
+}
+var D = sa, Be = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? D.children : r, n = e.className, t = n === void 0 ? D.className : n, o = e.contentPlacement, c = o === void 0 ? D.contentPlacement : o, d = e.imageUrl, s = d === void 0 ? D.imageUrl : d, y = e.overlay, g = y === void 0 ? D.overlay : y, u = e.overlayThemeColor, b = u === void 0 ? D.overlayThemeColor : u, f = e.ratio, p = f === void 0 ? D.ratio : f, h = e.style, B = h === void 0 ? D.style : h, N = T(e, Pa);
+  return /* @__PURE__ */ m.createElement("div", _({
+    ref: l,
+    className: v("lmnt", "mdc-card__media", (p === "square" || !p) && "mdc-card__media--square", p === "sixteen-nine" && "mdc-card__media--16-9", p === "four-three" && "lmnt-card__media--4-3", p === "four-five" && "lmnt-card__media--4-5", p === "two-one" && "lmnt-card__media--2-1", t),
+    style: Aa({
+      backgroundImage: "url(".concat(s, ")")
+    }, B)
+  }, N), g && /* @__PURE__ */ m.createElement(ne, {
+    overlayThemeColor: b
+  }), i && /* @__PURE__ */ m.createElement("div", {
+    className: v("mdc-card__media-content", g && "lmnt-card__media-content--with-overlay", c === "bottom" && "lmnt-card__content--bottom", c === "top" && "lmnt-card__content--top")
+  }, /* @__PURE__ */ m.createElement("div", {
+    className: "lmnt-card__media-inner-content"
+  }, i)));
+});
+Be.displayName = "CardMedia";
+Be.propTypes = ca;
+var xa = ["children", "className", "tag"], me = ga, Pe = /* @__PURE__ */ $(function(e, l) {
+  var r = e.children, i = r === void 0 ? me.children : r, n = e.className, t = n === void 0 ? me.className : n, o = e.tag, c = o === void 0 ? "div" : o, d = T(e, xa);
+  return /* @__PURE__ */ m.createElement(c, _({
+    ref: l,
+    tabIndex: "0",
+    className: v(["lmnt", "mdc-card__primary-action"], t)
+  }, d), i);
+});
+Pe.displayName = "CardPrimaryAction";
+Pe.propTypes = pa;
+var La = ["className", "leadingBlock", "leadingBlockType", "overlineText", "placement", "primaryText", "secondaryText", "stackedSecondaryText", "stacked", "themeColor", "trailingBlock", "trailingBlockType"], O = va, Ae = /* @__PURE__ */ $(function(e, l) {
+  var r = e.className, i = r === void 0 ? O.className : r, n = e.leadingBlock, t = n === void 0 ? O.leadingBlock : n, o = e.leadingBlockType, c = o === void 0 ? O.leadingBlockType : o, d = e.overlineText, s = d === void 0 ? O.overlineText : d, y = e.placement, g = y === void 0 ? O.placement : y, u = e.primaryText, b = u === void 0 ? O.primaryText : u, f = e.secondaryText, p = f === void 0 ? O.secondaryText : f, h = e.stackedSecondaryText, B = h === void 0 ? O.stackedSecondaryText : h, N = e.stacked, x = N === void 0 ? O.stacked : N, L = e.themeColor, E = L === void 0 ? O.themeColor : L, P = e.trailingBlock, R = P === void 0 ? O.trailingBlock : P, I = e.trailingBlockType, C = I === void 0 ? O.trailingBlockType : I, F = T(e, La);
+  return /* @__PURE__ */ m.createElement("div", _({
+    ref: l,
+    className: v("lmnt", "lmnt-card-title", x && "lmnt-card-title--stacked", g === "top" && "lmnt-card-title--top-placement", g === "bottom" && "lmnt-card-title--bottom-placement", E === "primary" && "lmnt-theme-primary-bg", E === "secondary" && "lmnt-theme-secondary-bg", i)
+  }, F), c ? /* @__PURE__ */ m.createElement("div", {
+    className: v("lmnt-card-title__leadingBlock", c === "avatar" && "lmnt-card-title__leadingBlock--avatar", c === "icon" && "lmnt-card-title__leadingBlock--icon", c === "icon-with-background" && "lmnt-card-title__leadingBlock--icon-with-background", c === "thumbnail" && "lmnt-card-title__leadingBlock--thumbnail")
+  }, t) : null, /* @__PURE__ */ m.createElement("div", {
+    className: "lmnt-card-title__text"
+  }, s && /* @__PURE__ */ m.createElement("div", {
+    className: "lmnt-card-title__overlineText"
+  }, s), b, (p || B) && /* @__PURE__ */ m.createElement("div", {
+    className: v("lmnt-card-title-secondaryText-container", !x && "lmnt-card-title__items")
+  }, p && /* @__PURE__ */ m.createElement("div", {
+    className: "lmnt-card-title__secondaryText"
+  }, p), B && /* @__PURE__ */ m.createElement("div", {
+    className: "lmnt-card-title__secondaryText"
+  }, B))), C ? /* @__PURE__ */ m.createElement("div", {
+    className: v("lmnt-card-title__trailingBlock", C === "title-actions" && "lmnt-card-title__trailingBlock--title-actions", C === "avatar" && "lmnt-card-title__trailingBlock--avatar", C === "icon" && "lmnt-card-title__trailingBlock--icon", C === "icon-with-background" && "lmnt-card-title__trailingBlock--icon-with-background", C === "thumbnail" && "lmnt-card-title__trailingBlock--thumbnail", C === "badge" && "lmnt-card-title__trailingBlock--badge")
+  }, R) : null);
+});
+Ae.displayName = "CardTitle";
+Ae.propTypes = ua;
+var Ia = ["style", "mediaUrl", "width"];
+function ye(e, l) {
+  var r = Z(e);
+  if (U) {
+    var i = U(e);
+    l && (i = te(i).call(i, function(n) {
+      return j(e, n).enumerable;
+    })), r.push.apply(r, i);
+  }
+  return r;
+}
+function wa(e) {
+  for (var l = 1; l < arguments.length; l++) {
+    var r, i, n = arguments[l] != null ? arguments[l] : {};
+    l % 2 ? S(r = ye(Object(n), !0)).call(r, function(t) {
+      ee(e, t, n[t]);
+    }) : M ? ae(e, M(n)) : S(i = ye(Object(n))).call(i, function(t) {
+      re(e, t, j(n, t));
+    });
+  }
+  return e;
+}
+var X = da, xe = /* @__PURE__ */ $(function(e, l) {
+  var r = e.style, i = r === void 0 ? X.style : r, n = e.mediaUrl, t = n === void 0 ? X.mediaUrl : n, o = e.width, c = o === void 0 ? X.width : o, d = T(e, Ia), s = H();
+  return z(l, function() {
+    return s.current;
+  }, []), /* @__PURE__ */ m.createElement("img", _({
+    src: t,
+    alt: "leadingCardMedia",
+    width: c,
+    style: wa({
+      flexShrink: 0
+    }, i)
+  }, d));
+});
+xe.propTypes = oa;
+xe.displayName = "CardLeadingMedia";
+export {
+  he as C,
+  $e as a,
+  _e as b,
+  Ae as c,
+  Ne as d,
+  Ha as e,
+  ve as i,
+  qa as o
+};