@hortiview/default-components 1.4.0 → 1.4.2

package/dist/components/HealthChecks/DataBaseHealthCheck.d.ts

@@ -1,4 +1,4 @@
-import { HealthCheckFailedProps } from '@hortiview/shared-components';
+import { InfoCardProps } from '@hortiview/shared-components';
 
-export type DataBaseHealthCheckProps = Omit<HealthCheckFailedProps, 'title' | 'subtitle' | 'type'>;
+export type DataBaseHealthCheckProps = Omit<InfoCardProps, 'title' | 'subtitle' | 'type'>;
 export declare const DataBaseHealthCheck: ({ ...props }: DataBaseHealthCheckProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HealthChecks/DataBaseHealthCheck.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { N as r } from "../../HealthCheckFailed-CqLYAwpc.js";
+import { G as r } from "../../InfoCard-CFmkh7DJ.js";
 import { InternationalizationWrapper as o } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as i } from "../../useTranslation-B_ODv8uN.js";
+import { u as i } from "../../useTranslation-CVaIJbcK.js";
 const m = ({ ...e }) => {
   const { t } = i();
   return /* @__PURE__ */ a(o, { children: /* @__PURE__ */ a(

package/dist/components/HealthChecks/DefaultHealthCheck.d.ts

@@ -1,4 +1,4 @@
-import { HealthCheckFailedProps } from '@hortiview/shared-components';
+import { InfoCardProps } from '@hortiview/shared-components';
 
-export type DefaultHealthCheckProps = Omit<HealthCheckFailedProps, 'title' | 'subtitle' | 'type'>;
+export type DefaultHealthCheckProps = Omit<InfoCardProps, 'title' | 'subtitle' | 'type'>;
 export declare const DefaultHealthCheck: ({ ...props }: DefaultHealthCheckProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HealthChecks/DefaultHealthCheck.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { N as o } from "../../HealthCheckFailed-CqLYAwpc.js";
+import { G as o } from "../../InfoCard-CFmkh7DJ.js";
 import { InternationalizationWrapper as a } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as i } from "../../useTranslation-B_ODv8uN.js";
+import { u as i } from "../../useTranslation-CVaIJbcK.js";
 const p = ({ ...r }) => {
   const { t } = i();
   return /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(

package/dist/components/HealthChecks/IotServiceHealthCheck.d.ts

@@ -1,4 +1,4 @@
-import { HealthCheckFailedProps } from '@hortiview/shared-components';
+import { InfoCardProps } from '@hortiview/shared-components';
 
-export type IotServiceHealthCheckProps = Omit<HealthCheckFailedProps, 'title' | 'subtitle' | 'type'>;
+export type IotServiceHealthCheckProps = Omit<InfoCardProps, 'title' | 'subtitle' | 'type'>;
 export declare const IotServiceHealthCheck: ({ ...props }: IotServiceHealthCheckProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HealthChecks/IotServiceHealthCheck.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { N as i } from "../../HealthCheckFailed-CqLYAwpc.js";
+import { G as i } from "../../InfoCard-CFmkh7DJ.js";
 import { InternationalizationWrapper as o } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as a } from "../../useTranslation-B_ODv8uN.js";
+import { u as a } from "../../useTranslation-CVaIJbcK.js";
 const m = ({ ...r }) => {
   const { t } = a();
   return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(

package/dist/components/HealthChecks/PlatformHealthCheck.d.ts

@@ -1,4 +1,4 @@
-import { HealthCheckFailedProps } from '@hortiview/shared-components';
+import { InfoCardProps } from '@hortiview/shared-components';
 
-export type PlatformHealthCheckProps = Omit<HealthCheckFailedProps, 'title' | 'subtitle' | 'type'>;
+export type PlatformHealthCheckProps = Omit<InfoCardProps, 'title' | 'subtitle' | 'type'>;
 export declare const PlatformHealthCheck: ({ isOutlined }: PlatformHealthCheckProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HealthChecks/PlatformHealthCheck.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { N as e } from "../../HealthCheckFailed-CqLYAwpc.js";
+import { G as e } from "../../InfoCard-CFmkh7DJ.js";
 import { InternationalizationWrapper as a } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as l } from "../../useTranslation-B_ODv8uN.js";
+import { u as l } from "../../useTranslation-CVaIJbcK.js";
 const h = ({ isOutlined: o }) => {
   const { t } = l();
   return /* @__PURE__ */ r(a, { children: /* @__PURE__ */ r(

package/dist/components/ImpatienceLoadingSpinner/ImpatienceLoadingSpinner.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { p as r } from "../../LoadingSpinner-FRQEZvxs.js";
+import { N as r } from "../../LoadingSpinner-DVBQ1tGJ.js";
 import { InternationalizationWrapper as a } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as t } from "../../useTranslation-B_ODv8uN.js";
+import { u as t } from "../../useTranslation-CVaIJbcK.js";
 const c = ({ ...i }) => {
   const { t: e } = t();
   return /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(

package/dist/components/OfflineView/OfflineView.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import { z as o } from "../../OfflineView-HbuDPpQL-kqlzfoUS.js";
+import { j as o } from "../../OfflineView-DHtzNLwt-BmxTfGZq.js";
 import { InternationalizationWrapper as r } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as n } from "../../useTranslation-B_ODv8uN.js";
+import { u as n } from "../../useTranslation-CVaIJbcK.js";
 const a = ({ ...e }) => {
   const { t } = n();
   return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(

package/dist/index.es-0QJC9VS2-CNPew9LK.js

@@ -0,0 +1,360 @@
+import { t, r as rn, h as un, e as dn, q as xn, ag as Cn, l as On, m as h, Y as _n } from "./useTranslation-CVaIJbcK.js";
+import y, { forwardRef as D, useRef as sn, useImperativeHandle as cn, useEffect as Nn, useMemo as an } from "react";
+import { U as Un } from "./component-DsB0poTj-CeLHB9Ok.js";
+var Bn = {
+  /**
+   * Content to be rendered inside the component.
+   *
+   * Defaults to **null**.
+   */
+  children: t.node,
+  /**
+   * A reference to the component to apply the ripple to.
+   *
+   * Defaults to **undefined**.
+   */
+  componentRef: t.object,
+  /**
+   * Allows the ripple to extend beyond the component boundaries.
+   *
+   * Defaults to **undefined**.
+   */
+  unbounded: t.bool
+}, Sn = {
+  children: null,
+  componentRef: void 0,
+  unbounded: void 0
+}, P = Sn, $ = /* @__PURE__ */ D(function(n, a) {
+  var l = n.componentRef, u = l === void 0 ? P.componentRef : l, c = n.unbounded, p = c === void 0 ? P.unbounded : c, e = n.children, b = e === void 0 ? P.children : e, m = sn();
+  return cn(a, function() {
+    return m.current;
+  }, []), Nn(function() {
+    var r = u.current;
+    return r && (m.current = Un.attachTo(u.current), p && (m.current.unbounded = !0)), function() {
+      r && m.current.destroy();
+    };
+  }, [u, p]), b;
+});
+$.displayName = "Ripple";
+$.propTypes = Bn;
+var Rn = {
+  /**
+   * @deprecated _Use `themeColor='secondary'` instead._
+   *
+   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
+   *
+   * Defaults to **undefined**.
+   */
+  altColor: h(t.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: t.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: t.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: t.string,
+  /**
+   * @deprecated _forwardRef has been implemented for Button._
+   *
+   * Reference to the DOM button. This enables a greater level of integration.
+   *
+   * Defaults to **undefined**.
+   */
+  customRef: h(t.oneOfType([
+    t.func,
+    // eslint-disable-next-line react/forbid-prop-types
+    t.shape({
+      current: t.any
+    })
+  ]), "Button", "forwardRef has been implemented for Button."),
+  /**
+   * @deprecated _Use `variant='danger'` instead._
+   *
+   * Apply danger style to the button.
+   *
+   * Defaults to **undefined**.
+   */
+  danger: h(t.bool, "Button", 'Use `variant="danger"` instead.'),
+  /**
+   * Prevent the user from interacting with the component.
+   *
+   * Defaults to **false**.
+   */
+  disabled: t.bool,
+  /**
+   * Sets elevation of the button. Default will be the theme default.
+   *
+   * Defaults to **'default'**.
+   */
+  elevation: t.oneOf(["default", "elevated", "flat"]),
+  /**
+   * @deprecated _Use `variant='filled'` instead._
+   *
+   * Apply a filled-in style. Previously called `primary`.
+   *
+   * Defaults to **undefined**.
+   */
+  filled: h(t.bool, "Button", 'Use `variant="filled"` instead.'),
+  /**
+   * Applies a full-width style where the textfield will fill it's container.
+   *
+   * Defaults to **false**.
+   */
+  fullWidth: t.bool,
+  /**
+   * The button will render as an anchor tag. If the tag prop is set, that prop will take precedence.
+   *
+   * Defaults to **null**.
+   */
+  href: t.string,
+  /**
+   * The displayed text. Expects a valid string. If label and children are both set, label will take priority.
+   *
+   * Defaults to **null**.
+   */
+  label: t.string,
+  /**
+   * Adds the given Icon to the left of the button text. Use only one icon per button. Place icons in the leading position by default. Expects the name of a valid Material icon, however an icon component may be passed in instead for more control,
+   *
+   * Defaults to **undefined**.
+   */
+  leadingIcon: t.oneOfType([t.string, t.func, t.node]),
+  /**
+   * The primary interaction event for button.
+   *
+   * Defaults to **null**.
+   */
+  onClick: t.func,
+  /**
+   * @deprecated _Use `variant='outlined'`._
+   *
+   * Apply outlined style to the button. Previously called `secondary`.
+   *
+   * Defaults to **undefined**.
+   */
+  outlined: h(t.bool, "Button", 'Use `variant="outlined"`.'),
+  /**
+   * @deprecated _Use `variant='filled'` instead._
+   *
+   * Apply primary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  primary: h(t.bool, "Button", 'Use `variant="filled"` instead.'),
+  /**
+   * @deprecated _Use `'variant=outlined'` instead._
+   *
+   * Apply secondary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  secondary: h(t.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: t.oneOfType([t.string, t.elementType, t.instanceOf(y.Component)]),
+  /**
+   * @deprecated _Use `variant='embedded'` instead._
+   *
+   * Apply tertiary style to the Button.
+   *
+   * Defaults to **undefined**.
+   */
+  tertiary: h(t.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: h(t.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: _n(t.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. Use only one icon per button. Place icons in the leading position by default. Expects the name of a valid Material icon, however an icon component may be passed in instead for more control.
+   *
+   * Defaults to **undefined**.
+   */
+  trailingIcon: t.oneOfType([t.string, t.func, t.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: t.oneOf(["button", "submit", "reset"]),
+  /**
+   * @deprecated _Use `elevation='flat' instead._
+   *
+   * Remove elevation.
+   *
+   * Defaults to **undefined**.
+   */
+  unelevated: h(t.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: t.oneOf(["filled", "outlined", "danger", "text", "success", "rounded-small", "rounded-micro"])
+}, In = {
+  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,
+  onClick: null,
+  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"
+}, Wn = {
+  /**
+   * Children to be rendered. Expects multiple Element Buttons
+   *
+   * Defaults to **null**.
+   */
+  children: t.node,
+  /**
+   * How much spacing between buttons. Dense is 8p, standard is 16px and airy is 24px.
+   *
+   * Defaults to **'standard'**.
+   */
+  variant: t.oneOf(["dense", "standard", "airy"])
+}, Tn = {
+  children: null,
+  variant: "standard"
+}, En = ["altColor", "buttonSize", "children", "className", "customRef", "disabled", "elevation", "primary", "secondary", "tertiary", "text", "danger", "filled", "fullWidth", "href", "label", "leadingIcon", "onClick", "outlined", "tag", "themeColor", "trailingIcon", "type", "unelevated", "variant"], o = In, mn = /* @__PURE__ */ D(function(n, a) {
+  var l = n.altColor, u = l === void 0 ? o.altColor : l, c = n.buttonSize, p = c === void 0 ? o.buttonSize : c, e = n.children, b = e === void 0 ? o.children : e, m = n.className, r = m === void 0 ? o.className : m, k = n.customRef, T = k === void 0 ? o.customRef : k, C = n.disabled, U = C === void 0 ? o.disabled : C, O = n.elevation, g = O === void 0 ? o.elevation : O, v = n.primary, w = v === void 0 ? o.primary : v, x = n.secondary, _ = x === void 0 ? o.secondary : x, N = n.tertiary, R = N === void 0 ? o.tertiary : N, I = n.text, B = I === void 0 ? o.text : I, i = n.danger, S = i === void 0 ? o.danger : i, f = n.filled, d = f === void 0 ? o.filled : f, s = n.fullWidth, W = s === void 0 ? o.fullWidth : s, Y = n.href, j = Y === void 0 ? o.href : Y, q = n.label, bn = q === void 0 ? o.label : q, G = n.leadingIcon, H = G === void 0 ? o.leadingIcon : G, M = n.onClick, vn = M === void 0 ? o.onClick : M, X = n.outlined, A = X === void 0 ? o.outlined : X, F = n.tag, fn = F === void 0 ? o.tag : F, J = n.themeColor, K = J === void 0 ? o.themeColor : J, L = n.trailingIcon, Q = L === void 0 ? o.trailingIcon : L, V = n.type, hn = V === void 0 ? o.type : V, Z = n.unelevated, nn = Z === void 0 ? o.unelevated : Z, tn = n.variant, en = tn === void 0 ? o.variant : tn, yn = rn(n, En), E = sn(T || null);
+  cn(a, function() {
+    return E.current;
+  }, []);
+  var gn = bn || b, kn = fn || (j ? "a" : "button"), on = an(function() {
+    return {
+      variant: en,
+      outlined: A,
+      text: B,
+      tertiary: R,
+      danger: S,
+      themeColor: K,
+      filled: d,
+      primary: w,
+      secondary: _,
+      unelevated: nn,
+      fullWidth: W,
+      elevation: g,
+      buttonSize: p,
+      className: r,
+      altColor: u
+    };
+  }, [en, A, B, R, S, K, d, w, _, nn, W, g, p, r, u]), wn = an(function() {
+    return zn(on);
+  }, [on]);
+  return /* @__PURE__ */ y.createElement($, {
+    componentRef: E
+  }, /* @__PURE__ */ y.createElement(kn, un({
+    ref: E,
+    href: j,
+    onClick: vn,
+    type: hn,
+    disabled: U,
+    className: wn
+  }, yn), /* @__PURE__ */ y.createElement("span", {
+    className: "mdc-button__ripple"
+  }), H && /* @__PURE__ */ y.createElement(ln, {
+    icon: H,
+    position: "leading"
+  }), /* @__PURE__ */ y.createElement("span", {
+    className: "mdc-button__label"
+  }, gn), Q && /* @__PURE__ */ y.createElement(ln, {
+    icon: Q,
+    position: "trailing"
+  }), /* @__PURE__ */ y.createElement("span", {
+    className: "mdc-button__touch"
+  })));
+}), Pn = function(n) {
+  var a = n.variant, l = n.outlined, u = n.text, c = n.tertiary, p = n.danger, e = n.themeColor;
+  n.filled, n.primary;
+  var b = n.secondary, m = n.altColor;
+  return {
+    isOutlined: a === "outlined" || l || b,
+    isRounded: a === "rounded-small" || a === "rounded-micro",
+    isText: a === "text" || u || c,
+    isDanger: a === "danger" || p || e === "danger",
+    isSuccess: a === "success" || e === "success",
+    isSecondaryColor: m || e === "secondary",
+    isPrimaryColor: e === "primary",
+    isOnUnknownBlack: e === "onUnknownBlack" || e === "on-unknown-black",
+    isOnUnknownWhite: e === "onUnknownWhite" || e === "on-unknown-white",
+    isOnPrimary: e === "onPrimary" || e === "on-primary",
+    isOnSecondary: e === "onSecondary" || e === "on-secondary",
+    isOnSuccess: e === "on-success",
+    isOnDanger: e === "on-danger"
+  };
+}, zn = function(n) {
+  var a = n.variant, l = n.unelevated, u = n.fullWidth, c = n.elevation, p = n.buttonSize, e = n.className, b = n.filled, m = n.primary, r = Pn(n), k = r.isOutlined, T = r.isRounded, C = r.isText, U = r.isDanger, O = r.isSuccess, g = r.isSecondaryColor, v = r.isPrimaryColor, w = r.isOnUnknownBlack, x = r.isOnUnknownWhite, _ = r.isOnPrimary, N = r.isOnSecondary, R = r.isOnSuccess, I = r.isOnDanger, B = ["lmnt", "mdc-button", "lmnt-button", "mdc-button--touch", "mdc-touch-target-wrapper"], i = [], S = !k && !C && (a === "filled" || b || m);
+  S && l && (v && i.push("lmnt-button--filled-primary"), g && i.push("lmnt-button--filled-secondary"), U && i.push("lmnt-button--filled-danger"), O && i.push("lmnt-button--filled-success")), S && !l && (i.push("mdc-button--raised"), v && i.push("lmnt-button--filled-primary"), g && i.push("lmnt-button--filled-secondary"), _ && i.push("lmnt-button--filled-on-primary"), N && i.push("lmnt-button--filled-on-secondary"), R && i.push("lmnt-button--filled-on-success"), I && i.push("lmnt-button--filled-on-danger"), w && i.push("lmnt-button--filled-on-unknown-black"), x && i.push("lmnt-button--filled-on-unknown-white"));
+  var f = [];
+  k && (f.push("mdc-button--outlined"), v && f.push("lmnt-button--outlined-primary"), g && f.push("lmnt-button--outlined-secondary"), _ && f.push("lmnt-button--outlined-on-primary"), N && f.push("lmnt-button--outlined-on-secondary"), x && f.push("lmnt-button--outlined-on-unknown-white"), w && f.push("lmnt-button--outlined-on-unknown-black"));
+  var d = [];
+  C && (d.push("mdc-button__text"), _ && d.push("lmnt-button--text-on-primary"), N && d.push("lmnt-button--text-on-secondary"), x && d.push("lmnt-button--text-on-unknown-white"), w && d.push("lmnt-button--text-on-unknown-black"), v && d.push("lmnt-button--text-primary"), g && d.push("lmnt-button--text-secondary"), U && d.push("lmnt-button--text-danger"), O && d.push("lmnt-button--text-success")), T && (x && d.push("lmnt-button--text-on-unknown-white mdc-button__text"), w && d.push("lmnt-button--text-on-unknown-black mdc-button__text"));
+  var s = [];
+  U ? (l && g && s.push("lmnt-button--danger-secondary"), !l && g && (s.push("lmnt-button--danger-secondary"), s.push("mdc-button--raised")), l && v && s.push("lmnt-button--danger-primary"), !l && v && (s.push("lmnt-button--danger-primary"), s.push("mdc-button--raised")), k && s.push("lmnt-button--danger-primary")) : O && (l && v && s.push("lmnt-button--success-primary"), !l && v && (s.push("lmnt-button--success-primary"), s.push("mdc-button--raised")), k && s.push("lmnt-button--success-primary"));
+  var W = [u && "lmnt-button--full-width", l && !C && "mdc-button--unelevated", c === "flat" && "lmnt-button--flat", c === "elevated" && "lmnt-button--elevated", "lmnt-button--".concat(p), a === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", a === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", e];
+  return dn.apply(void 0, xn(B).call(B, i, f, d, s, W));
+}, ln = function(n) {
+  var a = n.icon, l = n.position, u = "mdc-button__icon lmnt-button__icon--".concat(l);
+  return typeof a == "string" ? /* @__PURE__ */ y.createElement(On, {
+    className: u,
+    icon: a
+  }) : typeof a == "function" ? a({
+    className: u
+  }) : Cn(a, u);
+};
+mn.displayName = "Button";
+mn.propTypes = Rn;
+var Dn = ["children", "className", "variant"], z = Tn, pn = /* @__PURE__ */ D(function(n, a) {
+  var l = n.children, u = l === void 0 ? z.children : l, c = n.className, p = c === void 0 ? z.className : c, e = n.variant, b = e === void 0 ? z.variant : e, m = rn(n, Dn);
+  return /* @__PURE__ */ y.createElement("div", un({
+    ref: a,
+    className: dn("lmnt", "lmnt-button-group", b === "dense" && "lmnt-button-group--dense", b === "standard" && "lmnt-button-group--standard", b === "airy" && "lmnt-button-group--airy", p)
+  }, m), u);
+});
+pn.displayName = "ButtonGroup";
+pn.propTypes = Wn;
+export {
+  $ as c,
+  mn as d
+};