@cagatayfdn/flora-components 0.0.138 → 0.0.140

package/dist/components/IconBox/IconBox.js

@@ -0,0 +1,13 @@
+import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as r } from "../../index-BHf7G3IG.js";
+import i from "../Icon/index.js";
+import '../../IconBox.css';const x = "_iconBox_jz84k_2", a = "_iconBox__primary_jz84k_2", t = "_iconBox__secondary_jz84k_2", c = {
+  iconBox: x,
+  iconBox__primary: a,
+  iconBox__secondary: t
+}, j = ({ icon: s, onClick: _, type: o = "secondary" }) => /* @__PURE__ */ n.jsx("button", { className: r(c.iconBox, {
+  [c[`iconBox__${o}`]]: o
+}), onClick: _, children: /* @__PURE__ */ n.jsx(i, { name: s }) });
+export {
+  j as default
+};

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1,41 @@
+import { j as g } from "../../jsx-runtime-BcAkpsdy.js";
+import { useRef as h, useState as p, useEffect as l } from "react";
+function E({
+  children: i,
+  hasMore: c,
+  height: f = 400,
+  loadMore: d,
+  treshold: m = 100
+}) {
+  const t = h(null), [n, o] = p(!1), s = () => {
+    var e, r, u;
+    t.current && ((e = t == null ? void 0 : t.current) == null ? void 0 : e.scrollTop) + ((r = t == null ? void 0 : t.current) == null ? void 0 : r.clientHeight) >= ((u = t == null ? void 0 : t.current) == null ? void 0 : u.scrollHeight) - m && o(!0);
+  }, a = () => {
+    var e;
+    d(), o(!1), (e = t.current) == null || e.scroll(
+      0,
+      t.current.scrollHeight / 2
+    );
+  };
+  return l(() => {
+    n && c && setTimeout(() => a(), 300);
+  }, [n, c]), l(() => {
+    var e;
+    return (e = t.current) == null || e.addEventListener("scroll", s), () => {
+      var r;
+      return (r = t.current) == null ? void 0 : r.removeEventListener("scroll", s);
+    };
+  }, []), /* @__PURE__ */ g.jsx(
+    "div",
+    {
+      "data-testid": "infinitescroll",
+      ref: t,
+      style: { overflow: "auto", height: f },
+      onScroll: s,
+      children: i
+    }
+  );
+}
+export {
+  E as default
+};

package/dist/components/InfoBoxList/InfoBoxList.js

@@ -0,0 +1,30 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import m from "../ContentLoader/ContentLoader.js";
+import x from "../NoResult/NoResult.js";
+import p from "../TypographyText/TypographyText.js";
+import { s as f } from "../../InfoBoxList.module-BHkAHgos.js";
+const y = ({
+  items: r,
+  isLoading: e,
+  className: s
+}) => {
+  const d = r.every(({ value: o }) => o === void 0);
+  return /* @__PURE__ */ t.jsx("div", { className: s, "data-testid": "infoboxlist-container", children: d ? /* @__PURE__ */ t.jsx(x, {}) : r.map(
+    ({ label: o, value: i, copy: n }) => i !== void 0 && /* @__PURE__ */ t.jsxs("div", { className: f.item, "data-testid": "infoboxlist-item", children: [
+      /* @__PURE__ */ t.jsx("div", { children: o }),
+      /* @__PURE__ */ t.jsx("div", { children: e ? /* @__PURE__ */ t.jsx(m, {}) : n ? /* @__PURE__ */ t.jsx(
+        p,
+        {
+          className: s,
+          ellipsis: !0,
+          href: `${i}`,
+          copyable: !0,
+          children: i
+        }
+      ) : i })
+    ] }, o + i)
+  ) });
+};
+export {
+  y as default
+};

package/dist/components/InfoBoxList/helper.js

@@ -0,0 +1,83 @@
+import { j as c } from "../../jsx-runtime-BcAkpsdy.js";
+import d from "../TypographyText/TypographyText.js";
+import { c as p } from "../../index-BHf7G3IG.js";
+import { s as l } from "../../InfoBoxList.module-BHkAHgos.js";
+import { a as m, _ as o, b as x, k as _ } from "../../keys-B0bo5Q7o.js";
+import { c as f, _ as h, a as b, b as v } from "../../_reduce-DsUCMz4O.js";
+function y(a, t, r) {
+  return function() {
+    for (var n = [], e = 0, u = a, s = 0; s < t.length || e < arguments.length; ) {
+      var i;
+      s < t.length && (!m(t[s]) || e >= arguments.length) ? i = t[s] : (i = arguments[e], e += 1), n[s] = i, m(i) || (u -= 1), s += 1;
+    }
+    return u <= 0 ? r.apply(this, n) : f(u, y(a, n, r));
+  };
+}
+var g = /* @__PURE__ */ o(function(t, r) {
+  return t === 1 ? x(r) : f(t, y(t, [], r));
+});
+function j(a, t) {
+  for (var r = 0, n = t.length, e = Array(n); r < n; )
+    e[r] = a(t[r]), r += 1;
+  return e;
+}
+var N = /* @__PURE__ */ function() {
+  function a(t, r) {
+    this.xf = r, this.f = t;
+  }
+  return a.prototype["@@transducer/init"] = h.init, a.prototype["@@transducer/result"] = h.result, a.prototype["@@transducer/step"] = function(t, r) {
+    return this.xf["@@transducer/step"](t, this.f(r));
+  }, a;
+}(), w = /* @__PURE__ */ o(function(t, r) {
+  return new N(t, r);
+});
+const S = w;
+var $ = /* @__PURE__ */ o(
+  /* @__PURE__ */ b(["fantasy-land/map", "map"], S, function(t, r) {
+    switch (Object.prototype.toString.call(r)) {
+      case "[object Function]":
+        return g(r.length, function() {
+          return t.call(this, r.apply(this, arguments));
+        });
+      case "[object Object]":
+        return v(function(n, e) {
+          return n[e] = t(r[e]), n;
+        }, {}, _(r));
+      default:
+        return j(t, r);
+    }
+  })
+);
+const A = (a, t = !0) => {
+  if (a && a[0])
+    return $(
+      (r) => /* @__PURE__ */ c.jsxs(
+        "span",
+        {
+          className: p(
+            {},
+            {
+              [l.connectedService]: t
+            }
+          ),
+          children: [
+            /* @__PURE__ */ c.jsx("span", { children: r.name }),
+            r.url ? /* @__PURE__ */ c.jsx(
+              d,
+              {
+                ellipsis: !0,
+                href: `//${r.url}`,
+                copyable: !0,
+                className: p(l.subUrl, "cursor-pointer"),
+                children: `https://${r.url}`
+              }
+            ) : "-"
+          ]
+        }
+      ),
+      a
+    );
+};
+export {
+  A as createConnectedService
+};

package/dist/components/InfoDate/InfoDate.js

@@ -0,0 +1,19 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import e, { CLIENT_TIME_FORMAT as l, CLIENT_DATE_SHORT_FORMAT as _ } from "../../utils/date.js";
+import '../../InfoDate.css';const D = "_infoDateWrapper_bn5u6_2", u = "_time_bn5u6_2", a = {
+  infoDateWrapper: D,
+  time: u
+}, x = (m) => {
+  const { date: r, time: f = !1, fromNow: i = !1 } = m, p = ((o, d) => {
+    var n;
+    let s = "";
+    return i ? (s = (n = e(o)) == null ? void 0 : n.fromNow(!0), s) : e(o).format(d);
+  })(r, _), c = e(r).format(l);
+  return /* @__PURE__ */ t.jsxs("span", { className: a.infoDateWrapper, "data-testid": "infodate", children: [
+    /* @__PURE__ */ t.jsx("span", { className: a.date, children: p }),
+    f && /* @__PURE__ */ t.jsx("span", { className: a.time, children: c })
+  ] });
+};
+export {
+  x as default
+};

package/dist/components/InfoText/InfoText.js

@@ -0,0 +1,13 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import i from "../Icon/index.js";
+import { Icons as e } from "../../assets/icons/icons.js";
+import '../../InfoText.css';const c = "_infoText_1gwgd_2", f = "_infoIcon_1gwgd_2", n = {
+  infoText: c,
+  infoIcon: f
+}, a = ({ text: t, className: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${n.infoText} ${s}`, "data-testid": "infotext", children: [
+  /* @__PURE__ */ o.jsx(i, { name: e.Info, className: n.infoIcon }),
+  /* @__PURE__ */ o.jsx("span", { children: t })
+] });
+export {
+  a as InfoText
+};

package/dist/components/Input/Input.js

@@ -0,0 +1,140 @@
+import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
+import N, { useState as L, useEffect as V } from "react";
+import { c as i } from "../../index-BHf7G3IG.js";
+import q from "../Label/Label.js";
+import D from "../ValidationError/ValidationError.js";
+import '../../Input.css';const P = "_counter_1xdx7_2", B = "_container_1xdx7_2", H = "_fieldWrap_1xdx7_2", J = "_control_1xdx7_2", K = "_light_1xdx7_2", M = "_disabled_1xdx7_2", O = "_more_dark_1xdx7_2", Q = "_radius_1xdx7_2", U = "_suffix_1xdx7_2", X = "_error_1xdx7_2", Y = "_suffixWrap_1xdx7_2", Z = "_prefixWrap_1xdx7_2", ee = "_prefix_1xdx7_2", re = "_suffixClickable_1xdx7_2", se = "_inputGroup_1xdx7_2", ae = "_addonAfter_1xdx7_2", e = {
+  counter: P,
+  container: B,
+  fieldWrap: H,
+  control: J,
+  light: K,
+  disabled: M,
+  more_dark: O,
+  radius: Q,
+  suffix: U,
+  error: X,
+  suffixWrap: Y,
+  prefixWrap: Z,
+  prefix: ee,
+  suffixClickable: re,
+  inputGroup: se,
+  addonAfter: ae
+}, te = N.forwardRef(
+  (g, j) => {
+    const {
+      name: b,
+      label: h,
+      id: k,
+      type: a = "text",
+      prefix: l,
+      suffix: d,
+      size: C,
+      maxLength: n,
+      isDisabled: c,
+      error: x,
+      appearance: f,
+      className: v,
+      wrapperClassName: y,
+      fieldWrapClassName: A,
+      addonAfter: u,
+      value: t = "",
+      onChange: W,
+      required: G,
+      isRadius: $,
+      textFillColor: F,
+      suffixClickable: R,
+      isFormGroup: S = !0,
+      ...T
+    } = g, [p, _] = L(t), m = (r) => {
+      var o;
+      return (o = r == null ? void 0 : r.toString()) == null ? void 0 : o.slice(0, n);
+    }, w = N.useCallback(
+      (r) => {
+        _(m(r.currentTarget.value)), W && W(r, m(r.currentTarget.value));
+      },
+      [n, _]
+    ), E = (r, o) => {
+      o == "number" && r.currentTarget.blur();
+    };
+    V(() => {
+      t != null && _(m(t));
+    }, [t]);
+    const z = {
+      [e[`type__${a}`]]: a !== "text"
+    }, I = i(
+      {
+        "form-group": S,
+        [e[`size__${C}`]]: C,
+        [e.disabled]: c,
+        [e.hidden]: a === "hidden"
+      },
+      y
+    );
+    return /* @__PURE__ */ s.jsxs("div", { className: I, "data-testid": `input-container-${a}`, children: [
+      /* @__PURE__ */ s.jsxs(
+        "div",
+        {
+          className: i(e.container, {
+            [e[`${f}`]]: f,
+            [e.radius]: $,
+            [e.inputGroup]: u,
+            [e.error]: x,
+            [e.disabled]: c,
+            [e.suffixWrap]: d,
+            [e.prefixWrap]: l
+          }),
+          children: [
+            /* @__PURE__ */ s.jsxs("div", { className: e.counter, children: [
+              h && /* @__PURE__ */ s.jsxs(q, { appearance: f, name: b, children: [
+                h,
+                " ",
+                G && "*"
+              ] }),
+              n && /* @__PURE__ */ s.jsxs("span", { children: [
+                p ? p.toString().length : 0,
+                "/",
+                n
+              ] })
+            ] }),
+            /* @__PURE__ */ s.jsxs("div", { className: i(e.fieldWrap, A), children: [
+              l && /* @__PURE__ */ s.jsx("span", { className: e.prefix, children: l }),
+              /* @__PURE__ */ s.jsx(
+                "input",
+                {
+                  type: a,
+                  name: b,
+                  id: k,
+                  value: p,
+                  "data-testid": `input-${a}`,
+                  className: i(e.control, z, v),
+                  disabled: c,
+                  ref: j,
+                  onWheel: (r) => E(r, a),
+                  onChange: w,
+                  ...T,
+                  style: { WebkitTextFillColor: F }
+                }
+              ),
+              u && /* @__PURE__ */ s.jsx("span", { className: e.addonAfter, children: u }),
+              d && /* @__PURE__ */ s.jsx(
+                "span",
+                {
+                  className: i(e.suffix, {
+                    [e.suffixClickable]: R
+                  }),
+                  children: d
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      x && /* @__PURE__ */ s.jsx(D, { ...x })
+    ] });
+  }
+);
+te.displayName = "Input";
+export {
+  te as default
+};

package/dist/components/Label/Label.js

@@ -0,0 +1,22 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { c } from "../../index-BHf7G3IG.js";
+import '../../Label.css';const r = "_label_4ixkm_2", i = "_light_4ixkm_2", l = {
+  label: r,
+  light: i
+}, p = (s) => {
+  const { name: e, children: t, className: m, appearance: a } = s;
+  return /* @__PURE__ */ o.jsx(
+    "label",
+    {
+      "data-testid": "label",
+      htmlFor: e,
+      className: c(l.label, m, {
+        [l[`${a}`]]: a
+      }),
+      children: t
+    }
+  );
+};
+export {
+  p as default
+};

package/dist/components/Loading/Loading.js

@@ -0,0 +1,62 @@
+import { j as c } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as e } from "../../index-BHf7G3IG.js";
+import '../../Loading.css';const t = "_layer_uipj5_2", o = "_light_uipj5_2", n = "_skChild_uipj5_2", u = "_dark_uipj5_2", j = "_darkFull_uipj5_2", d = "_skCircle_uipj5_2", a = "_skcircleBounceDelay_uipj5_1", p = "_skCircle2_uipj5_2", h = "_skCircle3_uipj5_2", m = "_skCircle4_uipj5_2", y = "_skCircle5_uipj5_2", x = "_skCircle6_uipj5_2", g = "_skCircle7_uipj5_2", f = "_skCircle8_uipj5_2", N = "_skCircle9_uipj5_2", $ = "_skCircle10_uipj5_2", v = "_skCircle11_uipj5_2", B = "_skCircle12_uipj5_2", s = {
+  layer: t,
+  light: o,
+  skChild: n,
+  dark: u,
+  darkFull: j,
+  skCircle: d,
+  skcircleBounceDelay: a,
+  skCircle2: p,
+  skCircle3: h,
+  skCircle4: m,
+  skCircle5: y,
+  skCircle6: x,
+  skCircle7: g,
+  skCircle8: f,
+  skCircle9: N,
+  skCircle10: $,
+  skCircle11: v,
+  skCircle12: B
+}, b = ({
+  className: _,
+  appearance: i,
+  layer: k = !0,
+  wrapperClass: C
+}) => {
+  const r = [];
+  for (let l = 1; l <= 12; l++)
+    r.push(
+      /* @__PURE__ */ c.jsx(
+        "div",
+        {
+          className: e(s.skChild, s[`skCircle${l}`])
+        },
+        `loading-${l}`
+      )
+    );
+  return /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      "data-testid": "loading",
+      className: e(C, {
+        "block!": !i,
+        [s.layer]: k,
+        [s[`${i}`]]: i
+      }),
+      children: /* @__PURE__ */ c.jsx(
+        "div",
+        {
+          className: e(_, s.skCircle, {
+            [s[`${i}`]]: i
+          }),
+          children: r
+        }
+      )
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/components/Modal/Modal.js

@@ -0,0 +1,74 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useEffect as N } from "react";
+import { c as s } from "../../index-BHf7G3IG.js";
+import { Icons as b } from "../../assets/icons/icons.js";
+import f from "../Icon/index.js";
+import '../../Modal.css';const g = "_overlay_6ze30_2", z = "_modal_6ze30_2", C = "_content_6ze30_2", w = "_header_6ze30_2", k = "_close_6ze30_2", E = "_body_6ze30_2", S = "_desc_6ze30_2", F = "_modal__light_6ze30_2", o = {
+  overlay: g,
+  modal: z,
+  content: C,
+  header: w,
+  close: k,
+  body: E,
+  desc: S,
+  modal__light: F
+}, H = (m) => {
+  const {
+    children: i,
+    header: a,
+    title: t,
+    description: d,
+    className: _,
+    onClose: h,
+    showClose: y = !0,
+    visible: c = !0,
+    appearance: l,
+    headerClass: v,
+    descriptionClass: x
+  } = m, p = () => {
+    document.body.style.width = "calc(100% - 15px)", document.body.className = "overflow-hidden";
+  }, j = () => {
+    document.body.className = "", document.body.removeAttribute("style");
+  }, n = () => {
+    h();
+  };
+  return N(() => {
+    const r = (u) => {
+      u.key === "Escape" && n();
+    };
+    return document.addEventListener("keydown", r), c && p(), () => {
+      j(), document.removeEventListener("keydown", r);
+    };
+  }, [c]), /* @__PURE__ */ e.jsx(e.Fragment, { children: c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        "data-testid": "modal-overlay",
+        onClick: n,
+        className: o.overlay
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: s(o.modal, {
+          [o[`modal__${l}`]]: l
+        }),
+        "data-testid": "modal-container",
+        children: /* @__PURE__ */ e.jsxs("div", { className: s(_, o.content), children: [
+          t || a ? /* @__PURE__ */ e.jsxs("div", { className: s(o.header, v), children: [
+            t ? /* @__PURE__ */ e.jsx("h2", { children: t }) : a,
+            y && /* @__PURE__ */ e.jsx("span", { className: o.close, onClick: n, children: /* @__PURE__ */ e.jsx(f, { name: b.Close }) })
+          ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
+          /* @__PURE__ */ e.jsxs("div", { className: o.body, children: [
+            d && /* @__PURE__ */ e.jsx("p", { className: s(o.desc, x), children: d }),
+            i
+          ] })
+        ] })
+      }
+    )
+  ] }) });
+};
+export {
+  H as default
+};

package/dist/components/NavigatorCard/index.js

@@ -0,0 +1,59 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import m from "../Icon/index.js";
+import x from "../InfoDate/InfoDate.js";
+import u from "../PermaLink/PermaLink.js";
+import _ from "../Tooltip/Tooltip.js";
+import { Icons as h } from "../../assets/icons/icons.js";
+import { c as j } from "../../index-BHf7G3IG.js";
+import { u as f } from "../../useTranslation-CnCPcxVj.js";
+import '../../index2.css';const v = "_wrapper_1bxdu_2", N = "_content_1bxdu_2", b = "_iconWrapper_1bxdu_2", G = "_titleGroup_1bxdu_2", w = "_title_1bxdu_2", C = "_textGroup_1bxdu_2", W = "_footer_1bxdu_2", e = {
+  wrapper: v,
+  content: N,
+  iconWrapper: b,
+  titleGroup: G,
+  title: w,
+  textGroup: C,
+  footer: W
+}, E = (c) => {
+  const { t: s } = f(), {
+    id: o,
+    to: l,
+    title: r,
+    content: i,
+    icon: d,
+    iconClassName: p,
+    serviceCount: n = 0,
+    appCount: a = 0
+  } = c;
+  return /* @__PURE__ */ t.jsx(u, { to: l, children: /* @__PURE__ */ t.jsxs("div", { className: e.wrapper, "data-testid": "navigatorcard", children: [
+    /* @__PURE__ */ t.jsx("div", { className: j(e.iconWrapper, p), children: d || /* @__PURE__ */ t.jsx(m, { name: h.Projects }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: e.content, children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("div", { className: e.titleGroup, children: /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: `title-${o}`,
+            className: "width90",
+            tooltipContent: r,
+            ellipsis: !0,
+            children: /* @__PURE__ */ t.jsxs("h2", { className: e.title, children: [
+              " ",
+              r
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ t.jsxs("div", { className: e.textGroup, hidden: !i, children: [
+          /* @__PURE__ */ t.jsx("span", { children: s("label.date_created") }),
+          /* @__PURE__ */ t.jsx(x, { date: i })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: e.footer, children: [
+        /* @__PURE__ */ t.jsx("span", { hidden: !n, children: s("title.services") + " (" + n + ")" }),
+        /* @__PURE__ */ t.jsx("span", { hidden: !a, children: s("title.applications") + " (" + a + ")" })
+      ] })
+    ] })
+  ] }) }, `link-${o}`);
+};
+export {
+  E as default
+};

package/dist/components/NoResult/NoResult.js

@@ -0,0 +1,12 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import { u as e } from "../../useTranslation-CnCPcxVj.js";
+import '../../NoResult.css';const r = "_noResult_udr5k_2", u = {
+  noResult: r
+};
+function i({ text: s }) {
+  const { t: n } = e(), o = s || n("text.no_results");
+  return /* @__PURE__ */ t.jsx("div", { "data-testid": "noresult", className: u.noResult, children: /* @__PURE__ */ t.jsx("span", { children: o }) });
+}
+export {
+  i as default
+};

package/dist/components/Notification/Notification.js

@@ -0,0 +1,26 @@
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import { t as c } from "../../react-toastify.esm-BUWNP7Nm.js";
+import i from "../Icon/index.js";
+import { Icons as o } from "../../assets/icons/icons.js";
+const u = (t) => {
+  const { message: e, type: s, closeTime: r = 5e3 } = t, n = {
+    success: o.Check,
+    warning: o.Warning,
+    error: o.Close
+  };
+  c[s](e, {
+    toastId: e,
+    position: "top-center",
+    autoClose: r,
+    theme: "dark",
+    closeButton: !1,
+    hideProgressBar: !0,
+    closeOnClick: !0,
+    pauseOnHover: !1,
+    draggable: !1,
+    icon: /* @__PURE__ */ a.jsx(i, { name: n[s] })
+  });
+};
+export {
+  u as Notification
+};

package/dist/components/PageWrapper/PageWrap.js

@@ -0,0 +1,46 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import m from "../PermaLink/PermaLink.js";
+import { c as u } from "../../index-BHf7G3IG.js";
+import { u as p } from "../../useTranslation-CnCPcxVj.js";
+import '../../PageWrap.css';const x = "_breadcrumb_mkbfo_2", h = "_breadcrumbItem_mkbfo_2", j = "_pageContent_mkbfo_2", r = {
+  breadcrumb: x,
+  breadcrumbItem: h,
+  pageContent: j
+}, v = (s) => {
+  const { children: c, breadcrumbs: d, className: b, defaultRoute: o = "/" } = s, { t: i } = p();
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: u(r.pageWrapper, b),
+      "data-testid": "pagewrapper-container",
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: r.breadcrumb, children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              "data-testid": "breadcrumb-item",
+              className: r.breadcrumbItem,
+              children: /* @__PURE__ */ e.jsx(m, { to: o, children: i("title.home") })
+            },
+            "breadcrumb-item-home"
+          ),
+          d.map(
+            ({ name: a, route: t, state: n }, l) => /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                "data-testid": "breadcrumb-item",
+                className: r.breadcrumbItem,
+                children: t ? /* @__PURE__ */ e.jsx(m, { to: t, state: n, children: a }) : /* @__PURE__ */ e.jsx("a", { children: a })
+              },
+              `breadcrumb-item-${l}`
+            )
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { className: r.pageContent, children: c })
+      ]
+    }
+  );
+};
+export {
+  v as default
+};