@pismo/marola 1.0.0-beta.8 → 1.0.0-beta.9

package/dist/components/Checkbox/Checkbox.js

@@ -1,71 +1,71 @@
 import '../../assets/Checkbox.css';
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import * as o from "react";
+import { jsxs as w, jsx as c } from "react/jsx-runtime";
+import * as l from "react";
 import { useState as k, useEffect as i } from "react";
-import { c as s } from "../../clsx-DB4S2d7J.js";
-const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_18hen_64", E = "_checkmark_18hen_93", e = {
-  "u-typography-h1": "_u-typography-h1_18hen_1",
-  "u-typography-h2": "_u-typography-h2_18hen_8",
-  "u-typography-h3": "_u-typography-h3_18hen_15",
-  "u-typography-h4": "_u-typography-h4_18hen_22",
-  "u-typography-h5": "_u-typography-h5_18hen_29",
-  "u-typography-h6": "_u-typography-h6_18hen_36",
-  "u-typography-base": "_u-typography-base_18hen_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_18hen_48",
-  "u-typography-base--xl": "_u-typography-base--xl_18hen_52",
-  "u-typography-base--lg": "_u-typography-base--lg_18hen_56",
-  "u-typography-base--sm": "_u-typography-base--sm_18hen_60",
-  "u-typography-base--bold": "_u-typography-base--bold_18hen_64",
-  "checkbox-wrapper": "_checkbox-wrapper_18hen_64",
-  "label--highlighted": "_label--highlighted_18hen_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18hen_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_18hen_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18hen_73",
-  label: z,
-  "label--highlighted-checked": "_label--highlighted-checked_18hen_90",
-  checkmark: E,
-  "checkmark--checked": "_checkmark--checked_18hen_105",
-  "checkmark--light-theme": "_checkmark--light-theme_18hen_108",
-  "checkmark--accent-theme": "_checkmark--accent-theme_18hen_115",
-  "checkmark--small-size": "_checkmark--small-size_18hen_122",
-  "checkmark--normal-size": "_checkmark--normal-size_18hen_129"
-}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+const v = (a) => /* @__PURE__ */ l.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), N = "_label_xqg5n_65", z = "_checkmark_xqg5n_94", e = {
+  "u-typography-h1": "_u-typography-h1_xqg5n_1",
+  "u-typography-h2": "_u-typography-h2_xqg5n_8",
+  "u-typography-h3": "_u-typography-h3_xqg5n_15",
+  "u-typography-h4": "_u-typography-h4_xqg5n_22",
+  "u-typography-h5": "_u-typography-h5_xqg5n_29",
+  "u-typography-h6": "_u-typography-h6_xqg5n_36",
+  "u-typography-base": "_u-typography-base_xqg5n_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_xqg5n_49",
+  "u-typography-base--xl": "_u-typography-base--xl_xqg5n_53",
+  "u-typography-base--lg": "_u-typography-base--lg_xqg5n_57",
+  "u-typography-base--sm": "_u-typography-base--sm_xqg5n_61",
+  "u-typography-base--bold": "_u-typography-base--bold_xqg5n_65",
+  "checkbox-wrapper": "_checkbox-wrapper_xqg5n_65",
+  "label--highlighted": "_label--highlighted_xqg5n_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_xqg5n_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_xqg5n_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_xqg5n_74",
+  label: N,
+  "label--highlighted-checked": "_label--highlighted-checked_xqg5n_91",
+  checkmark: z,
+  "checkmark--checked": "_checkmark--checked_xqg5n_106",
+  "checkmark--light-theme": "_checkmark--light-theme_xqg5n_109",
+  "checkmark--accent-theme": "_checkmark--accent-theme_xqg5n_116",
+  "checkmark--small-size": "_checkmark--small-size_xqg5n_123",
+  "checkmark--normal-size": "_checkmark--normal-size_xqg5n_130"
+}, E = (a) => /* @__PURE__ */ l.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), B = ({
   className: a,
-  label: n,
+  label: s,
   name: m,
-  theme: u = "accent",
-  size: b = "normal",
+  theme: x = "accent",
+  size: u = "normal",
   checked: r,
-  onChange: d,
-  isIndeterminate: l,
-  highlightLabel: x = !1,
-  ...p
+  onChange: b,
+  isIndeterminate: g,
+  highlightLabel: d = !1,
+  ...o
 }) => {
-  const [h, g] = k(r), [t, y] = k(l);
+  const [h, n] = k(r), [t, y] = k(g);
   i(() => {
-    r !== h && g(r);
+    r !== h && n(r);
   }, [r]), i(() => {
-    typeof l == "boolean" && y(l);
-  }, [l]);
-  const C = s(e["checkbox-wrapper"], a), f = s(
+    typeof g == "boolean" && y(g);
+  }, [g]);
+  const q = _(e["checkbox-wrapper"], a), C = _(
     e.checkmark,
-    e[`checkmark--${u}-theme`],
-    e[`checkmark--${b}-size`],
+    e[`checkmark--${x}-theme`],
+    e[`checkmark--${u}-size`],
     (h || t) && e["checkmark--checked"]
-  ), w = x && (p.children || n) ? s(
+  ), f = d && (o.children || s) ? _(
     e.label,
     e["label--highlighted"],
     (h || t) && e["label--highlighted-checked"]
   ) : e.label;
-  return /* @__PURE__ */ v("div", { className: C, onClick: () => {
-    let _ = !h;
-    t && (y(!1), _ = !0), d(_), g(_);
-  }, ...p, children: [
+  return /* @__PURE__ */ w("div", { className: q, onClick: () => {
+    let p = !h;
+    t && (y(!1), p = !0), b(p), n(p);
+  }, ...o, children: [
     /* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
-    /* @__PURE__ */ c("span", { className: f, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
-    /* @__PURE__ */ c("label", { className: w, children: p.children || n })
+    /* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(E, {}) : h && /* @__PURE__ */ c(v, {}) }),
+    /* @__PURE__ */ c("label", { className: f, children: o.children || s })
   ] });
 };
 export {
-  M as Checkbox
+  B as Checkbox
 };

package/dist/components/Chip/Chip.js

@@ -5,7 +5,7 @@ import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Button/Button.js";
-import { C as k } from "../../Toggle-BSvvbKBp.js";
+import { C as k } from "../../Toggle-f5brSwAI.js";
 import "../Dialog/Backdrop.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
+import { s as t } from "../../Dialog.module-DFcZsVAd.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

package/dist/components/Dialog/Backdrop.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-DFEmFdYT.js";
+import { s as e } from "../../Dialog.module-DFcZsVAd.js";
 const i = t((o, r) => {
   const { open: m, className: p, ...s } = o;
   return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });

package/dist/components/Dialog/CloseIconButton.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
+import { s as t } from "../../Dialog.module-DFcZsVAd.js";
 import { B as a } from "../../Button-DiLqcAJG.js";
 const d = ({ handleOnClose: i, className: o }) => {
   const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];

package/dist/components/Dialog/Dialog.js

@@ -3,7 +3,7 @@ import { default as Ye } from "./Actions.js";
 import oe from "./Backdrop.js";
 import re from "./CloseIconButton.js";
 import { default as Ge } from "./Content.js";
-import { s as q } from "../../Dialog.module-DFEmFdYT.js";
+import { s as q } from "../../Dialog.module-DFcZsVAd.js";
 import se from "./DialogTitle.js";
 import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../useSlotProps-kRhf7Gil.js";
 import * as f from "react";

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -76,11 +76,11 @@ declare const meta: {
         style?: import('react').CSSProperties | undefined;
         className?: string | undefined;
         slot?: string | undefined;
-        content?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
+        content?: string | undefined;
         dir?: string | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;

package/dist/components/Dialog/DialogTitle.js

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
 import { Typography as r } from "../Typography/Typography.js";
-import { s as a } from "../../Dialog.module-DFEmFdYT.js";
+import { s as a } from "../../Dialog.module-DFcZsVAd.js";
 const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
   /* @__PURE__ */ e(
     r,

package/dist/components/IconButton/IconButton.js

@@ -1,58 +1,58 @@
 import '../../assets/IconButton.css';
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as x, useMemo as d } from "react";
-import { c as l } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as m } from "../../Button-DiLqcAJG.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as d, useMemo as l } from "react";
+import { c as j } from "../../clsx-DB4S2d7J.js";
+import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as x } from "../../Button-DiLqcAJG.js";
 const o = {
-  "u-typography-h1": "_u-typography-h1_1xyj5_1",
-  "u-typography-h2": "_u-typography-h2_1xyj5_8",
-  "u-typography-h3": "_u-typography-h3_1xyj5_15",
-  "u-typography-h4": "_u-typography-h4_1xyj5_22",
-  "u-typography-h5": "_u-typography-h5_1xyj5_29",
-  "u-typography-h6": "_u-typography-h6_1xyj5_36",
-  "u-typography-base": "_u-typography-base_1xyj5_43",
-  "icon-button": "_icon-button_1xyj5_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1xyj5_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1xyj5_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1xyj5_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1xyj5_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1xyj5_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1xyj5_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1xyj5_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1xyj5_73",
-  "icon-button--primary": "_icon-button--primary_1xyj5_86",
-  "icon-button--square": "_icon-button--square_1xyj5_108",
-  "icon-button__container": "_icon-button__container_1xyj5_124"
-}, B = x((r, p) => {
+  "u-typography-h1": "_u-typography-h1_gt5j9_1",
+  "u-typography-h2": "_u-typography-h2_gt5j9_8",
+  "u-typography-h3": "_u-typography-h3_gt5j9_15",
+  "u-typography-h4": "_u-typography-h4_gt5j9_22",
+  "u-typography-h5": "_u-typography-h5_gt5j9_29",
+  "u-typography-h6": "_u-typography-h6_gt5j9_36",
+  "u-typography-base": "_u-typography-base_gt5j9_43",
+  "icon-button": "_icon-button_gt5j9_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_gt5j9_49",
+  "u-typography-base--xl": "_u-typography-base--xl_gt5j9_53",
+  "u-typography-base--lg": "_u-typography-base--lg_gt5j9_57",
+  "u-typography-base--sm": "_u-typography-base--sm_gt5j9_61",
+  "u-typography-base--bold": "_u-typography-base--bold_gt5j9_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_gt5j9_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_gt5j9_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_gt5j9_74",
+  "icon-button--primary": "_icon-button--primary_gt5j9_87",
+  "icon-button--square": "_icon-button--square_gt5j9_109",
+  "icon-button__container": "_icon-button__container_gt5j9_125"
+}, B = d((p, y) => {
   const {
     onClick: _,
     icon: e,
     link: u,
-    loading: n,
-    children: h,
-    type: s = "button",
-    disabled: i,
-    className: y,
+    loading: g,
+    children: n,
+    type: h = "button",
+    disabled: s,
+    className: a,
     variant: t = "primary",
-    "data-testid": g
-  } = r, b = d(
-    () => l([o["icon-button"], o[`icon-button--${t}`], y]),
-    [y, t]
+    "data-testid": i
+  } = p, b = l(
+    () => j([o["icon-button"], o[`icon-button--${t}`], a]),
+    [a, t]
   );
-  return /* @__PURE__ */ a(
-    m,
+  return /* @__PURE__ */ r(
+    x,
     {
-      type: s,
+      type: h,
       href: u,
       onClick: _,
-      disabled: i,
+      disabled: s,
       className: b,
-      ref: p,
-      "data-testid": g,
+      ref: y,
+      "data-testid": i,
       children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
-        n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
-        t !== "square" && h
+        g ? /* @__PURE__ */ r(m, { invert: !0 }) : e,
+        t !== "square" && n
       ] })
     }
   );

package/dist/components/Input/Input.js

@@ -3,7 +3,7 @@ import * as g from "react";
 import { useState as V, useId as k } from "react";
 import { c as a } from "../../clsx-DB4S2d7J.js";
 import { Typography as c } from "../Typography/Typography.js";
-import { s as t, I as q } from "../../Input.module-iOYlI_1w.js";
+import { s as t, I as q } from "../../Input.module-ZTRZRcNt.js";
 const D = (s) => /* @__PURE__ */ g.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", "data-waves-icon": "fa/solid/circle-exclamation", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
   fill: "currentcolor",
   color: "currentcolor",

package/dist/components/PageHeader/PageHeader.js

@@ -1,85 +1,85 @@
 import '../../assets/PageHeader.css';
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useMemo as L } from "react";
-import { c as n } from "../../clsx-DB4S2d7J.js";
+import { c as h } from "../../clsx-DB4S2d7J.js";
 import { Icon as B } from "../Icon/Icon.js";
 import { IconButton as C } from "../IconButton/IconButton.js";
-const j = "_title_z7ezb_22", w = "_subtitle_z7ezb_43", e = {
-  "u-typography-h1": "_u-typography-h1_z7ezb_1",
-  "u-typography-h2": "_u-typography-h2_z7ezb_8",
-  "u-typography-h3": "_u-typography-h3_z7ezb_15",
-  "u-typography-h4": "_u-typography-h4_z7ezb_22",
-  "page-header__main-left-content": "_page-header__main-left-content_z7ezb_22",
+const j = "_title_1qpkd_22", w = "_subtitle_1qpkd_43", e = {
+  "u-typography-h1": "_u-typography-h1_1qpkd_1",
+  "u-typography-h2": "_u-typography-h2_1qpkd_8",
+  "u-typography-h3": "_u-typography-h3_1qpkd_15",
+  "u-typography-h4": "_u-typography-h4_1qpkd_22",
+  "page-header__main-left-content": "_page-header__main-left-content_1qpkd_22",
   title: j,
-  "u-typography-h5": "_u-typography-h5_z7ezb_29",
-  "u-typography-h6": "_u-typography-h6_z7ezb_36",
-  "u-typography-base": "_u-typography-base_z7ezb_43",
+  "u-typography-h5": "_u-typography-h5_1qpkd_29",
+  "u-typography-h6": "_u-typography-h6_1qpkd_36",
+  "u-typography-base": "_u-typography-base_1qpkd_43",
   subtitle: w,
-  "u-typography-base--xxl": "_u-typography-base--xxl_z7ezb_48",
-  "u-typography-base--xl": "_u-typography-base--xl_z7ezb_52",
-  "u-typography-base--lg": "_u-typography-base--lg_z7ezb_56",
-  "u-typography-base--sm": "_u-typography-base--sm_z7ezb_60",
-  "u-typography-base--bold": "_u-typography-base--bold_z7ezb_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_z7ezb_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_z7ezb_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_z7ezb_73",
-  "page-header": "_page-header_z7ezb_22",
-  "page-header__top-content": "_page-header__top-content_z7ezb_86",
-  "page-header__main-content": "_page-header__main-content_z7ezb_89",
-  "page-header__bottom-content": "_page-header__bottom-content_z7ezb_89",
-  "page-header__breadcrumb": "_page-header__breadcrumb_z7ezb_103",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_z7ezb_108",
-  "page-header__main-right-content": "_page-header__main-right-content_z7ezb_131"
+  "u-typography-base--xxl": "_u-typography-base--xxl_1qpkd_49",
+  "u-typography-base--xl": "_u-typography-base--xl_1qpkd_53",
+  "u-typography-base--lg": "_u-typography-base--lg_1qpkd_57",
+  "u-typography-base--sm": "_u-typography-base--sm_1qpkd_61",
+  "u-typography-base--bold": "_u-typography-base--bold_1qpkd_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qpkd_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_1qpkd_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qpkd_74",
+  "page-header": "_page-header_1qpkd_22",
+  "page-header__top-content": "_page-header__top-content_1qpkd_87",
+  "page-header__main-content": "_page-header__main-content_1qpkd_90",
+  "page-header__bottom-content": "_page-header__bottom-content_1qpkd_90",
+  "page-header__breadcrumb": "_page-header__breadcrumb_1qpkd_104",
+  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_1qpkd_109",
+  "page-header__main-right-content": "_page-header__main-right-content_1qpkd_132"
 }, P = ({
-  title: l,
-  subtitle: g,
-  rightChildren: d,
-  bottomChildren: b,
-  classNameWrapper: y,
-  classNameTitle: u,
-  classNameSubtitle: z,
+  title: g,
+  subtitle: y,
+  rightChildren: n,
+  bottomChildren: c,
+  classNameWrapper: u,
+  classNameTitle: b,
+  classNameSubtitle: k,
   "data-testid-wrapper": m,
-  "data-testid-title": k,
+  "data-testid-title": q,
   "data-testid-subtitle": N,
   ...f
 }) => {
   const {
-    breadcrumb: r,
-    backLinkText: p,
-    onBackLinkClick: s,
-    classNameBackLink: c,
-    "data-testid-backLink": i,
+    breadcrumb: _,
+    backLinkText: r,
+    onBackLinkClick: d,
+    classNameBackLink: i,
+    "data-testid-backLink": l,
     ...x
   } = f, v = L(() => {
-    const _ = [];
-    return p && s && _.push({
-      label: p,
-      className: c,
-      "data-testid": i,
-      onClick: s
-    }), r && _.push(...r), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: _.map((t, o) => /* @__PURE__ */ a(
+    const p = [];
+    return r && d && p.push({
+      label: r,
+      className: i,
+      "data-testid": l,
+      onClick: d
+    }), _ && p.push(..._), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: p.map((t, s) => /* @__PURE__ */ a(
       C,
       {
-        icon: o === 0 ? /* @__PURE__ */ a(B, { icon: "arrow-left" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
+        icon: s === 0 ? /* @__PURE__ */ a(B, { icon: "arrow-left" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
         onClick: () => t.onClick && t.onClick(),
         className: t.className,
         "data-testid": t["data-testid"],
-        disabled: _.length === 1 ? !1 : o === _.length - 1,
+        disabled: p.length === 1 ? !1 : s === p.length - 1,
         children: t.label
       },
-      `${t.label}_${o}`
+      `${t.label}_${s}`
     )) }) });
-  }, [r, p, c, i, s]);
-  return /* @__PURE__ */ h("div", { className: n([e["page-header"], y]), "data-testid": m, ...x, children: [
+  }, [_, r, i, l, d]);
+  return /* @__PURE__ */ o("div", { className: h([e["page-header"], u]), "data-testid": m, ...x, children: [
     v,
-    /* @__PURE__ */ h("div", { className: e["page-header__main-content"], children: [
-      /* @__PURE__ */ h("div", { className: e["page-header__main-left-content"], children: [
-        /* @__PURE__ */ a("h1", { className: n(e.title, u), "data-testid": k, children: l }),
-        /* @__PURE__ */ a("h2", { className: n(e.subtitle, z), "data-testid": N, children: g })
+    /* @__PURE__ */ o("div", { className: e["page-header__main-content"], children: [
+      /* @__PURE__ */ o("div", { className: e["page-header__main-left-content"], children: [
+        /* @__PURE__ */ a("h1", { className: h(e.title, b), "data-testid": q, children: g }),
+        /* @__PURE__ */ a("h2", { className: h(e.subtitle, k), "data-testid": N, children: y })
       ] }),
-      d && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: d })
+      n && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: n })
     ] }),
-    b && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: b })
+    c && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: c })
   ] });
 };
 export {