@hortiview/shared-components 0.0.4539 → 0.0.4624

package/dist/components/BaseView/BaseView.test.js

@@ -1,9 +1,10 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
 import { a as l } from "../../useBreakpoint-DyAmuka7.js";
 import { BaseView as r } from "./BaseView.js";
-import { d as p, b as u, t as i, r as n, g as t, s as e, v as c, f as d } from "../../vi.JYQecGiw-8gz0k16C.js";
-p("BaseView Test", () => {
-  u(() => {
+import { r as i, s as e, f as p } from "../../react.esm-BeDwcQWb.js";
+import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BbUbJcT8.js";
+u("BaseView Test", () => {
+  m(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isXs: !1,
       isSm: !1,
@@ -38,8 +39,8 @@ p("BaseView Test", () => {
       component: /* @__PURE__ */ a(s, { children: "Security selected" })
     }
   ];
-  i("render BaseView with empty view and navigation list", () => {
-    n(
+  n("render BaseView with empty view and navigation list", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -53,8 +54,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("user.noselection")).toBeInTheDocument(), t(e.getByText("user.personal-profile")).toBeInTheDocument(), t(e.getByText("user.personal_information")).toBeInTheDocument(), t(e.getByText("user.data_privacy")).toBeInTheDocument(), t(e.getByText("user.security")).toBeInTheDocument();
-  }), i("render BaseView with data and navigation list", () => {
-    n(
+  }), n("render BaseView with data and navigation list", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -68,8 +69,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
-  }), i("render BaseView with custom detail title and no detail icon", () => {
-    n(
+  }), n("render BaseView with custom detail title and no detail icon", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -83,7 +84,7 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Data Privacy selected")).toBeInTheDocument(), t(e.getByText("Data Privacy 2000")).toBeInTheDocument(), t(e.getAllByText("privacy_tip")).toHaveLength(1), t(e.getAllByText("user.data_privacy")).toHaveLength(1);
-  }), i("hide empty view when screen is small", () => {
+  }), n("hide empty view when screen is small", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isXs: !1,
       isSm: !0,
@@ -91,7 +92,7 @@ p("BaseView Test", () => {
       isLg: !1,
       isXlg: !1,
       active: "sm"
-    }), n(
+    }), i(
       /* @__PURE__ */ a(
         r,
         {
@@ -105,8 +106,8 @@ p("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
-  }), i("render BaseView with selected detail section", () => {
-    n(
+  }), n("render BaseView with selected detail section", () => {
+    i(
       /* @__PURE__ */ a(
         r,
         {
@@ -119,6 +120,6 @@ p("BaseView Test", () => {
           routerLinkElement: void 0
         }
       )
-    ), d.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
+    ), p.click(e.getAllByRole("option")[1]), t(e.getByText("Data Privacy selected")).toBeInTheDocument();
   });
 });

package/dist/components/BasicHeading/BasicHeading.d.ts

@@ -1,12 +1,9 @@
+import { PropsWithChildren } from 'react';
 export type BasicHeadingProps = {
     /**
      * the text content of the heading
      */
     heading: string;
-    /**
-     * optional actions on the right side of the header
-     */
-    children?: JSX.Element | JSX.Element[];
     /**
      * optional margin bottom
      */
@@ -45,4 +42,4 @@ export type BasicHeadingProps = {
      */
     withAvatar?: boolean;
 };
-export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, }: BasicHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicHeading: ({ children, marginBottom, heading, icon, className, subHeading, subHeadingLevel, invisibleButton, level, fontWeight, withAvatar, }: PropsWithChildren<BasicHeadingProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,75 +1,64 @@
-import "../../assets/BasicHeading.css";
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { u as C } from "../../useBreakpoint-DyAmuka7.js";
-import { Iconify as u } from "../Iconify/Iconify.js";
-import { AvailableCustomIcons as w } from "../../enums/AvailableCustomIcons.js";
-import { b as y, c as I } from "../../index.es-BD4kFWFx.js";
-import { I as B } from "../../index.es-Cv6meSAn.js";
-const N = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", H = "_actionButtonContainer_fwns1_16", A = "_content_fwns1_25", W = "_leadingIcon_fwns1_31", $ = "_headingWrapper_fwns1_38", x = "_headingContainer_fwns1_43", T = "_invisible_fwns1_48", j = "_withAvatar_fwns1_52", z = "_iconContainer_fwns1_57", n = {
-  pageHeader: N,
-  headlineContainer: b,
-  actionButtonContainer: H,
-  content: A,
-  leadingIcon: W,
-  headingWrapper: $,
-  headingContainer: x,
-  invisible: T,
-  withAvatar: j,
-  iconContainer: z
-}, L = ({ icon: e }) => e ? typeof e != "string" ? /* @__PURE__ */ i("div", { className: n.iconContainer, children: e }) : e in w ? /* @__PURE__ */ i(
-  u,
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { u as v } from "../../useBreakpoint-DyAmuka7.js";
+import { Iconify as N } from "../Iconify/Iconify.js";
+import { s as e } from "../../basicHeading.module-ClcvD7x2.js";
+import { AvailableCustomIcons as I } from "../../enums/AvailableCustomIcons.js";
+import { c as B, b as C } from "../../index.es-Cm4X20_S.js";
+import { I as $ } from "../../index.es-InSNsV4f.js";
+const b = ({ icon: a }) => a ? typeof a != "string" ? /* @__PURE__ */ i("div", { className: e.iconContainer, children: a }) : a in I ? /* @__PURE__ */ i(
+  N,
   {
-    icon: e,
-    className: n.leadingIcon,
+    icon: a,
+    className: e.leadingIcon,
     iconSize: "large",
     iconType: "filled"
   }
-) : /* @__PURE__ */ i(B, { iconSize: "large", iconType: "filled", icon: e, className: n.leadingIcon }) : null, E = ({
-  children: e,
-  marginBottom: a,
-  heading: l,
+) : /* @__PURE__ */ i($, { iconSize: "large", iconType: "filled", icon: a, className: e.leadingIcon }) : null, S = ({
+  children: a,
+  marginBottom: t,
+  heading: c,
   icon: d,
-  className: p,
-  subHeading: o,
-  subHeadingLevel: _ = 2,
+  className: m,
+  subHeading: s,
+  subHeadingLevel: p = 2,
   invisibleButton: f = !1,
-  level: r = 4,
-  fontWeight: s = 400,
-  withAvatar: g = !1
+  level: n = 4,
+  fontWeight: o = 400,
+  withAvatar: y = !1
 }) => {
-  const { isLg: c } = C(), m = c ? r : r + 1, h = s === "bold" ? 500 : s, v = () => {
-    if (a !== void 0)
-      return typeof a == "number" ? `${a}px` : "2rem";
+  const { isLg: l } = v(), g = l ? n : n + 1, h = o === "bold" ? 500 : o, u = () => {
+    if (t !== void 0)
+      return typeof t == "number" ? `${t}px` : "2rem";
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: n.pageHeader,
-      style: { marginBottom: v() },
+      className: e.pageHeader,
+      style: { marginBottom: u() },
       "data-testid": "HeaderContainer",
       children: [
-        /* @__PURE__ */ t("div", { className: `${g && c ? n.withAvatar : ""} ${n.headingWrapper}`, children: [
-          /* @__PURE__ */ i(L, { icon: d }),
-          /* @__PURE__ */ t("div", { className: o ? n.headingContainer : "", children: [
+        /* @__PURE__ */ r("div", { className: `${y && l ? e.withAvatar : ""} ${e.headingWrapper}`, children: [
+          /* @__PURE__ */ i(b, { icon: d }),
+          /* @__PURE__ */ r("div", { className: s ? e.headingContainer : "", children: [
             /* @__PURE__ */ i(
-              y,
+              B,
               {
-                level: m,
+                level: g,
                 "data-testid": "Header",
-                className: p ?? "",
+                className: m ?? "",
                 style: { fontWeight: h },
-                children: l
+                children: c
               }
             ),
-            /* @__PURE__ */ i(I, { level: _, children: o })
+            /* @__PURE__ */ i(C, { level: p, children: s })
           ] })
         ] }),
         /* @__PURE__ */ i(
           "div",
           {
-            className: `${n.actionButtonContainer} ${f && n.invisible}`,
+            className: `${e.actionButtonContainer} ${f && e.invisible}`,
             "data-testid": "RightPart",
-            children: e
+            children: a
           }
         )
       ]
@@ -77,5 +66,5 @@ const N = "_pageHeader_fwns1_1", b = "_headlineContainer_fwns1_11", H = "_action
   );
 };
 export {
-  E as BasicHeading
+  S as BasicHeading
 };

package/dist/components/BasicHeading/BasicHeading.test.js

@@ -1,336 +1,36 @@
-import { jsx as g, Fragment as st } from "react/jsx-runtime";
-import { BasicHeading as w } from "./BasicHeading.js";
-import { d as ut, t as T, r as k, s as p, g as a } from "../../vi.JYQecGiw-8gz0k16C.js";
-import { d as s, P as t, b as ct, e as W, _ as J, c as X } from "../../index.es-WZ1mqvGz.js";
-import m, { forwardRef as F, useRef as mt, useImperativeHandle as bt, useCallback as G } from "react";
-import { R as ft } from "../../index.es-mBp_Btvi.js";
-import { I as z } from "../../index.es-Cv6meSAn.js";
-const pt = {
-  /**
-   * @deprecated _Use `themeColor='secondary'` instead._
-   *
-   * Preview feature, this may change. Apply alternative button color scheme (defined by the individual theme).
-   *
-   * Defaults to **undefined**.
-   */
-  altColor: s(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: s(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: s(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: s(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. 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: 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: s(t.bool, "Button", 'Use `variant="outlined"`.'),
-  /**
-   * @deprecated _Use `variant='filled'` instead._
-   *
-   * Apply primary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  primary: s(t.bool, "Button", 'Use `variant="filled"` instead.'),
-  /**
-   * @deprecated _Use `'variant=outlined'` instead._
-   *
-   * Apply secondary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  secondary: s(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(m.Component)]),
-  /**
-   * @deprecated _Use `variant='embedded'` instead._
-   *
-   * Apply tertiary style to the Button.
-   *
-   * Defaults to **undefined**.
-   */
-  tertiary: s(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: s(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: ct(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. 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: 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: s(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"])
-}, yt = {
-  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"
-}, gt = {
-  /**
-   * 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"])
-}, ht = {
-  children: null,
-  variant: "standard"
-}, C = /* @__PURE__ */ F((r, u) => {
-  const {
-    altColor: b,
-    buttonSize: P,
-    children: x,
-    className: O,
-    customRef: L,
-    disabled: j,
-    elevation: H,
-    primary: q,
-    secondary: M,
-    tertiary: $,
-    text: A,
-    danger: K,
-    filled: Q,
-    fullWidth: V,
-    href: R,
-    label: Y,
-    leadingIcon: d,
-    onClick: Z,
-    outlined: tt,
-    tag: nt,
-    themeColor: e,
-    trailingIcon: h,
-    type: et,
-    unelevated: n,
-    variant: c,
-    ...ot
-  } = r, N = mt(L || null);
-  bt(u, () => N.current, []);
-  const at = Y || x, rt = nt || (R ? "a" : "button"), l = c === "outlined" || tt || M, S = c === "rounded-small" || c === "rounded-micro", i = c === "text" || A || $, y = c === "danger" || K || e === "danger", _ = c === "success" || e === "success", o = !l && !i && (c === "filled" || Q || q), B = b || e === "secondary", f = e === "primary", dt = h && !d, v = e === "onUnknownBlack" || e === "on-unknown-black", I = e === "onUnknownWhite" || e === "on-unknown-white", U = e === "onPrimary" || e === "on-primary", E = e === "onSecondary" || e === "on-secondary", lt = G(() => typeof d == "string" ? /* @__PURE__ */ m.createElement(z, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--leading",
-    icon: d
-  }) : typeof d == "function" ? d({
-    className: "mdc-button__icon lmnt-button__icon--leading"
-  }) : W(d, "mdc-button__icon lmnt-button__icon--leading"), [d]), it = G(() => typeof h == "string" ? /* @__PURE__ */ m.createElement(z, {
-    tabIndex: 0,
-    role: "button",
-    className: "mdc-button__icon lmnt-button__icon--trailing",
-    icon: h
-  }) : typeof d == "function" ? h({
-    className: "mdc-button__icon lmnt-button__icon--trailing"
-  }) : W(h, "mdc-button__icon lmnt-button__icon--trailing"), [d, h]);
-  return /* @__PURE__ */ m.createElement(ft, {
-    componentRef: N
-  }, /* @__PURE__ */ m.createElement(rt, J({
-    ref: N,
-    href: R,
-    onClick: Z,
-    type: et,
-    disabled: j,
-    className: X("lmnt", "mdc-button", "lmnt-button", o && n && f && "lmnt-button--filled-primary", o && y && "lmnt-button--filled-danger", o && _ && "lmnt-button--filled-success", o && n && B && "lmnt-button--filled-secondary", o && !n && f && ["lmnt-button--filled-primary", "mdc-button--raised"], o && !n && B && ["lmnt-button--filled-secondary", "mdc-button--raised"], o && !n && e === "on-primary" && ["lmnt-button--filled-on-primary", "mdc-button--raised"], o && !n && e === "on-secondary" && ["lmnt-button--filled-on-secondary", "mdc-button--raised"], o && !n && e === "on-success" && ["lmnt-button--filled-on-success", "mdc-button--raised"], o && !n && e === "on-danger" && ["lmnt-button--filled-on-danger", "mdc-button--raised"], o && !n && v && ["lmnt-button--filled-on-unknown-black", "mdc-button--raised"], o && !n && I && ["lmnt-button--filled-on-unknown-white", "mdc-button--raised"], l && f && ["lmnt-button--outlined-primary", "mdc-button--outlined"], o && !n && U && ["lmnt-button--filled-on-primary", "mdc-button--raised"], l && B && ["lmnt-button--outlined-secondary", "mdc-button--outlined"], l && U && "lmnt-button--outlined-on-primary mdc-button--outlined", l && E && "lmnt-button--outlined-on-secondary mdc-button--outlined", l && I && "lmnt-button--outlined-on-unknown-white mdc-button--outlined", l && v && "lmnt-button--outlined-on-unknown-black mdc-button--outlined", i && U && "lmnt-button--text-on-primary mdc-button__text", i && E && "lmnt-button--text-on-secondary mdc-button__text", i && I && "lmnt-button--text-on-unknown-white mdc-button__text", i && v && "lmnt-button--text-on-unknown-black mdc-button__text", S && I && "lmnt-button--text-on-unknown-white mdc-button__text", S && v && "lmnt-button--text-on-unknown-black mdc-button__text", i && f && "lmnt-button--text-primary", i && B && "lmnt-button--text-secondary", i && y && "lmnt-button--text-danger", i && _ && "lmnt-button--text-success", y && n && B && "lmnt-button--danger-secondary", y && !n && B && ["lmnt-button--danger-secondary", "mdc-button--raised"], y && n && f && "lmnt-button--danger-primary", y && !n && f && ["lmnt-button--danger-primary", "mdc-button--raised"], y && l && ["lmnt-button--danger-primary", "mdc-button--outlined"], _ && n && f && "lmnt-button--success-primary", _ && !n && f && ["lmnt-button--success-primary", "mdc-button--raised"], _ && l && ["lmnt-button--success-primary", "mdc-button--outlined"], _ && l && ["lmnt-button--success-primary", "mdc-button--outlined"], V && "lmnt-button--full-width", n && !i && "mdc-button--unelevated", H === "flat" && "lmnt-button--flat", H === "elevated" && "lmnt-button--elevated", `lmnt-button--${P}`, c === "rounded-small" && "lmnt-button--rounded lmnt-button--rounded-small mdc-button__text lmnt-button--text-primary", c === "rounded-micro" && "lmnt-button--rounded lmnt-button--rounded-micro mdc-button__text lmnt-button--text-primary", O, "mdc-touch-target-wrapper")
-  }, ot), /* @__PURE__ */ m.createElement("span", {
-    className: "mdc-button__ripple"
-  }), d && lt(), /* @__PURE__ */ m.createElement("span", {
-    className: "mdc-button__label"
-  }, at), dt && it(), /* @__PURE__ */ m.createElement("span", {
-    className: "mdc-button__touch"
-  })));
-});
-C.displayName = "Button";
-C.propTypes = pt;
-C.defaultProps = yt;
-const D = /* @__PURE__ */ F((r, u) => {
-  const {
-    children: b,
-    className: P,
-    variant: x,
-    ...O
-  } = r;
-  return /* @__PURE__ */ m.createElement("div", J({
-    ref: u,
-    className: X("lmnt", "lmnt-button-group", x === "dense" && "lmnt-button-group--dense", x === "standard" && "lmnt-button-group--standard", x === "airy" && "lmnt-button-group--airy", P)
-  }, O), b);
-});
-D.displayName = "ButtonGroup";
-D.propTypes = gt;
-D.defaultProps = ht;
-ut("BasicHeading-Test", () => {
-  T("render small container without content", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test" }));
-    const r = p.getByTestId("HeaderContainer");
-    a(r).toBeDefined(), a(r).toHaveClass(/pageHeader/);
-    const u = p.getByTestId("Header");
-    a(u).toBeDefined(), a(u).toHaveTextContent("Test");
-    const b = p.getByTestId("RightPart");
-    a(b).toBeDefined();
-  }), T("render large container with children", () => {
-    k(
-      /* @__PURE__ */ g(w, { heading: "Test", marginBottom: "large", children: /* @__PURE__ */ g(C, { children: "Extracontent" }) })
+import { jsx as o, Fragment as c } from "react/jsx-runtime";
+import { BasicHeading as a } from "./BasicHeading.js";
+import { r as i, s as n } from "../../react.esm-BeDwcQWb.js";
+import { d as g, t as s, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+import { B as h } from "../../index.es-CQ3ep412.js";
+g("BasicHeading-Test", () => {
+  s("render small container without content", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test" }));
+    const t = n.getByTestId("HeaderContainer");
+    e(t).toBeDefined(), e(t).toHaveClass(/pageHeader/);
+    const r = n.getByTestId("Header");
+    e(r).toBeDefined(), e(r).toHaveTextContent("Test");
+    const d = n.getByTestId("RightPart");
+    e(d).toBeDefined();
+  }), s("render large container with children", () => {
+    i(
+      /* @__PURE__ */ o(a, { heading: "Test", marginBottom: "large", children: /* @__PURE__ */ o(h, { children: "Extracontent" }) })
     );
-    const r = p.getByTestId("HeaderContainer");
-    a(r).toBeDefined();
-    const u = p.getByTestId("Header");
-    a(u).toBeDefined(), a(u).toHaveTextContent("Test");
-    const b = p.getByTestId("RightPart");
-    a(b).toBeDefined(), a(b).toContainHTML("<button");
-  }), T("render with available custom icon", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test", icon: "farm" }));
-    const r = p.getByTestId("farm");
-    a(r).toBeInTheDocument();
-  }), T("render with JSX element as icon", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test", icon: /* @__PURE__ */ g(st, { children: "JSX" }) })), a(p.getByText("JSX")).toBeInTheDocument();
-  }), T("render with other icon", () => {
-    k(/* @__PURE__ */ g(w, { heading: "Test", icon: "contact_support" }));
-    const r = document.querySelector("i");
-    a(r).toHaveTextContent("contact_support");
+    const t = n.getByTestId("HeaderContainer");
+    e(t).toBeDefined();
+    const r = n.getByTestId("Header");
+    e(r).toBeDefined(), e(r).toHaveTextContent("Test");
+    const d = n.getByTestId("RightPart");
+    e(d).toBeDefined(), e(d).toContainHTML("<button");
+  }), s("render with available custom icon", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: "farm" }));
+    const t = n.getByTestId("farm");
+    e(t).toBeInTheDocument();
+  }), s("render with JSX element as icon", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: /* @__PURE__ */ o(c, { children: "JSX" }) })), e(n.getByText("JSX")).toBeInTheDocument();
+  }), s("render with other icon", () => {
+    i(/* @__PURE__ */ o(a, { heading: "Test", icon: "contact_support" }));
+    const t = document.querySelector("i");
+    e(t).toHaveTextContent("contact_support");
   });
 });