@cagatayfdn/flora-components 0.0.115 → 0.0.116

package/dist/components/Button/Button.js

@@ -1,18 +1,18 @@
 import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as w } from "../../index-BHf7G3IG.js";
+import { c as j } from "../../index-BHf7G3IG.js";
 import { AppearanceButton as I } from "../../enums/appearance.js";
 import N from "../Icon/index.js";
 import y from "../Loading/Loading.js";
-import '../../Button.css';const $ = "_btn_1ofjd_1", R = "_btn__round_1ofjd_15", A = "_solid__success_1ofjd_18", B = "_solid__danger_1ofjd_23", h = "_solid__warning_1ofjd_28", C = "_solid__default_1ofjd_33", E = "_btn__pill_1ofjd_38", H = "_prefixIcon_1ofjd_44", M = "_btn__block_1ofjd_53", P = "_btn__loading_1ofjd_57", Y = "_loading_1ofjd_61", q = "_disabled_1ofjd_72", v = "_btn__default_1ofjd_81", F = "_btn__link_1ofjd_93", G = "_btn__primary_1ofjd_103", J = "_btn__success_1ofjd_119", K = "_btn__warning_1ofjd_126", O = "_btn__danger_1ofjd_133", Q = "_btn__dark_1ofjd_140", T = "_btn__xsmall_1ofjd_143", U = "_btn__small_1ofjd_148", V = "_btn__focus_1ofjd_153", _ = {
+import '../../Button.css';const $ = "_btn_awsee_2", R = "_btn__block_awsee_2", A = "_btn__round_awsee_2", B = "_solid__success_awsee_2", h = "_solid__danger_awsee_2", C = "_solid__warning_awsee_2", E = "_solid__default_awsee_2", H = "_btn__pill_awsee_2", M = "_prefixIcon_awsee_2", P = "_btn__loading_awsee_2", Y = "_loading_awsee_2", q = "_disabled_awsee_2", v = "_btn__default_awsee_2", F = "_btn__link_awsee_2", G = "_btn__primary_awsee_2", J = "_btn__success_awsee_2", K = "_btn__warning_awsee_2", O = "_btn__danger_awsee_2", Q = "_btn__dark_awsee_2", T = "_btn__xsmall_awsee_2", U = "_btn__small_awsee_2", V = "_btn__focus_awsee_2", _ = {
   btn: $,
-  btn__round: R,
-  solid__success: A,
-  solid__danger: B,
-  solid__warning: h,
-  solid__default: C,
-  btn__pill: E,
-  prefixIcon: H,
-  btn__block: M,
+  btn__block: R,
+  btn__round: A,
+  solid__success: B,
+  solid__danger: h,
+  solid__warning: C,
+  solid__default: E,
+  btn__pill: H,
+  prefixIcon: M,
   btn__loading: P,
   loading: Y,
   disabled: q,
@@ -26,57 +26,57 @@ import '../../Button.css';const $ = "_btn_1ofjd_1", R = "_btn__round_1ofjd_15",
   btn__xsmall: T,
   btn__small: U,
   btn__focus: V,
-  "no-border": "_no-border_1ofjd_161",
-  "no-background": "_no-background_1ofjd_165"
+  "no-border": "_no-border_awsee_2",
+  "no-background": "_no-background_awsee_2"
 }, L = ({
-  children: r,
-  size: s,
+  children: d,
+  size: o,
   isLoading: n,
-  isDisabled: d,
-  isBlock: i,
-  noBorder: f,
-  noBackground: e,
-  round: u,
-  isSolid: b,
-  isPill: j,
-  type: l = "button",
-  focus: m,
-  className: g,
-  prefixIcon: a,
-  appearance: o = I.PRIMARY,
+  isDisabled: e,
+  isBlock: r,
+  noBorder: i,
+  noBackground: u,
+  round: w,
+  isSolid: a,
+  isPill: m,
+  type: b = "button",
+  focus: g,
+  className: f,
+  prefixIcon: l,
+  appearance: s = I.PRIMARY,
   onClick: c
 }) => {
-  const k = w(
+  const k = j(
     "btn",
     _.btn,
     {
-      [_.btn__block]: i,
-      [_[`btn__${o}`]]: o && !b,
-      [_[`solid__${o}`]]: b,
-      [_[`btn__${s}`]]: s,
-      [_["no-border"]]: f,
-      [_["no-background"]]: e,
-      [_.btn__round]: u,
+      [_.btn__block]: r,
+      [_[`btn__${s}`]]: s && !a,
+      [_[`solid__${s}`]]: a,
+      [_[`btn__${o}`]]: o,
+      [_["no-border"]]: i,
+      [_["no-background"]]: u,
+      [_.btn__round]: w,
       [_.btn__loading]: n,
-      [_.disabled]: d,
-      [_.btn__pill]: j,
-      [_.btn__focus]: m
+      [_.disabled]: e,
+      [_.btn__pill]: m,
+      [_.btn__focus]: g
     },
-    g
+    f
   ), p = (x) => {
     !n && c && c(x);
   };
   return /* @__PURE__ */ t.jsxs(
     "button",
     {
-      type: l,
+      type: b,
       className: k,
       onClick: p,
-      "data-testid": `button-${l}`,
-      disabled: d,
+      "data-testid": `button-${b}`,
+      disabled: e,
       children: [
-        a && /* @__PURE__ */ t.jsx(N, { name: a, className: _.prefixIcon }),
-        r,
+        l && /* @__PURE__ */ t.jsx(N, { name: l, className: _.prefixIcon }),
+        d,
         n && /* @__PURE__ */ t.jsx(y, { className: _.loading, layer: !1 })
       ]
     }

package/dist/components/Card/Card.js

@@ -1,21 +1,21 @@
-import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
 import i from "../Heading/Heading.js";
 import d from "../Icon/index.js";
-import '../../Card.css';const l = "_wrap_96sol_1", p = "_iconWrap_96sol_8", m = "_content_96sol_23", _ = "_body_96sol_36", s = {
+import '../../Card.css';const l = "_wrap_1eugx_2", p = "_iconWrap_1eugx_2", x = "_content_1eugx_2", m = "_body_1eugx_2", e = {
   wrap: l,
   iconWrap: p,
-  content: m,
-  body: _
-}, b = (t) => {
-  const { children: c, icon: n, bgColor: r, title: e, description: a } = t;
-  return /* @__PURE__ */ o.jsxs("div", { className: s.wrap, "data-testid": "card", children: [
-    /* @__PURE__ */ o.jsx("div", { className: s.iconWrap, style: { background: r }, children: n && /* @__PURE__ */ o.jsx(d, { name: n }) }),
-    /* @__PURE__ */ o.jsx("div", { className: s.content, children: c || /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(i, { level: 3, children: e }),
-      /* @__PURE__ */ o.jsx("div", { className: s.body, children: a })
+  content: x,
+  body: m
+}, u = (s) => {
+  const { children: t, icon: o, bgColor: c, title: r, description: a } = s;
+  return /* @__PURE__ */ n.jsxs("div", { className: e.wrap, "data-testid": "card", children: [
+    /* @__PURE__ */ n.jsx("div", { className: e.iconWrap, style: { background: c }, children: o && /* @__PURE__ */ n.jsx(d, { name: o }) }),
+    /* @__PURE__ */ n.jsx("div", { className: e.content, children: t || /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(i, { level: 3, children: r }),
+      /* @__PURE__ */ n.jsx("div", { className: e.body, children: a })
     ] }) })
   ] });
 };
 export {
-  b as default
+  u as default
 };

package/dist/components/Charts/Legends.js

@@ -1,20 +1,20 @@
-import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
-import '../../Legends.css';const a = "_legends_yisya_1", c = "_dot_yisya_15", t = {
-  legends: a,
-  dot: c
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import '../../Legends.css';const c = "_legends_13zf3_2", a = "_dot_13zf3_2", t = {
+  legends: c,
+  dot: a
 };
 function u({ items: r, colorMap: d }) {
-  const o = (e) => e == null ? void 0 : e.map((n, l) => /* @__PURE__ */ s.jsxs("li", { children: [
-    /* @__PURE__ */ s.jsx(
+  const o = (s) => s == null ? void 0 : s.map((n, l) => /* @__PURE__ */ e.jsxs("li", { children: [
+    /* @__PURE__ */ e.jsx(
       "span",
       {
         className: t.dot,
         style: { backgroundColor: d[n.text] || "#037cf9" }
       }
     ),
-    /* @__PURE__ */ s.jsx("span", { children: n.text })
+    /* @__PURE__ */ e.jsx("span", { children: n.text })
   ] }, l));
-  return /* @__PURE__ */ s.jsx("ul", { className: t.legends, children: o(r) });
+  return /* @__PURE__ */ e.jsx("ul", { className: t.legends, children: o(r) });
 }
 export {
   u as default

package/dist/components/Checkbox/Checkbox.js

@@ -1,131 +1,68 @@
-import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
-import x, { useState as f, useEffect as w } from "react";
-import { c as k } from "../../index-BHf7G3IG.js";
-import g from "../Label/Label.js";
-import j from "../ValidationError/ValidationError.js";
-import '../../Checkbox.css';const v = "_checkbox_nnabh_268", y = "_checkbox__filter_nnabh_342", C = "_slider_nnabh_389", E = "_round_nnabh_436", o = {
-  "icon-applications": "_icon-applications_nnabh_16",
-  "icon-attach": "_icon-attach_nnabh_20",
-  "icon-attachment": "_icon-attachment_nnabh_24",
-  "icon-billing": "_icon-billing_nnabh_28",
-  "icon-box": "_icon-box_nnabh_32",
-  "icon-calendar": "_icon-calendar_nnabh_36",
-  "icon-cart": "_icon-cart_nnabh_40",
-  "icon-case-sensitive": "_icon-case-sensitive_nnabh_44",
-  "icon-certificate": "_icon-certificate_nnabh_48",
-  "icon-check": "_icon-check_nnabh_52",
-  "icon-chevron-left": "_icon-chevron-left_nnabh_56",
-  "icon-chevron-right": "_icon-chevron-right_nnabh_60",
-  "icon-circle-minus": "_icon-circle-minus_nnabh_64",
-  "icon-circle-plus": "_icon-circle-plus_nnabh_68",
-  "icon-clock": "_icon-clock_nnabh_72",
-  "icon-close-window": "_icon-close-window_nnabh_76",
-  "icon-close": "_icon-close_nnabh_76",
-  "icon-copy": "_icon-copy_nnabh_84",
-  "icon-credit-card": "_icon-credit-card_nnabh_88",
-  "icon-document": "_icon-document_nnabh_92",
-  "icon-domain-registration": "_icon-domain-registration_nnabh_96",
-  "icon-domains": "_icon-domains_nnabh_100",
-  "icon-down-arrow": "_icon-down-arrow_nnabh_104",
-  "icon-down-square": "_icon-down-square_nnabh_108",
-  "icon-down": "_icon-down_nnabh_104",
-  "icon-download": "_icon-download_nnabh_116",
-  "icon-edit-outline": "_icon-edit-outline_nnabh_120",
-  "icon-edit": "_icon-edit_nnabh_120",
-  "icon-email": "_icon-email_nnabh_128",
-  "icon-environment": "_icon-environment_nnabh_132",
-  "icon-error-fill": "_icon-error-fill_nnabh_136",
-  "icon-error": "_icon-error_nnabh_136",
-  "icon-expand-window": "_icon-expand-window_nnabh_144",
-  "icon-fileTextOutlined": "_icon-fileTextOutlined_nnabh_148",
-  "icon-group": "_icon-group_nnabh_152",
-  "icon-info": "_icon-info_nnabh_156",
-  "icon-install": "_icon-install_nnabh_160",
-  "icon-link": "_icon-link_nnabh_164",
-  "icon-log": "_icon-log_nnabh_168",
-  "icon-menu-close": "_icon-menu-close_nnabh_172",
-  "icon-menu-open": "_icon-menu-open_nnabh_176",
-  "icon-monitoring": "_icon-monitoring_nnabh_180",
-  "icon-network": "_icon-network_nnabh_184",
-  "icon-no-results": "_icon-no-results_nnabh_188",
-  "icon-not-edit": "_icon-not-edit_nnabh_192",
-  "icon-order_down": "_icon-order_down_nnabh_196",
-  "icon-order_up": "_icon-order_up_nnabh_200",
-  "icon-out": "_icon-out_nnabh_204",
-  "icon-path": "_icon-path_nnabh_208",
-  "icon-plus": "_icon-plus_nnabh_212",
-  "icon-preview": "_icon-preview_nnabh_216",
-  "icon-profile": "_icon-profile_nnabh_220",
-  "icon-project-list": "_icon-project-list_nnabh_224",
-  "icon-projects": "_icon-projects_nnabh_228",
-  "icon-regex": "_icon-regex_nnabh_232",
-  "icon-reload": "_icon-reload_nnabh_236",
-  "icon-retry": "_icon-retry_nnabh_240",
-  "icon-search": "_icon-search_nnabh_244",
-  "icon-settings": "_icon-settings_nnabh_248",
-  "icon-support": "_icon-support_nnabh_252",
-  "icon-trash": "_icon-trash_nnabh_256",
-  "icon-users": "_icon-users_nnabh_260",
-  "icon-warning": "_icon-warning_nnabh_264",
-  checkbox: v,
-  checkbox__filter: y,
-  switch: "_switch_nnabh_372",
-  "text-hide": "_text-hide_nnabh_379",
-  slider: C,
-  round: E
-}, F = x.forwardRef(
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import m, { useState as p, useEffect as u } from "react";
+import { c as j } from "../../index-BHf7G3IG.js";
+import C from "../Label/Label.js";
+import w from "../ValidationError/ValidationError.js";
+import '../../Checkbox.css';const y = "_checkbox_1kt47_2", E = "_checkbox__filter_1kt47_2", N = "_slider_1kt47_2", R = "_round_1kt47_2", t = {
+  checkbox: y,
+  checkbox__filter: E,
+  switch: "_switch_1kt47_2",
+  "text-hide": "_text-hide_1kt47_2",
+  slider: N,
+  round: R
+}, S = m.forwardRef(
   ({
-    name: i,
-    label: e,
-    labelAppearance: l,
-    error: a,
-    isDisabled: t = !1,
-    isInline: d,
-    checked: c = !1,
-    onChange: r,
-    filterInput: p,
-    wrapperClassName: u,
-    ..._
+    name: c,
+    label: i,
+    labelAppearance: x,
+    error: r,
+    isDisabled: _ = !1,
+    isInline: h,
+    checked: s = !1,
+    onChange: a,
+    filterInput: k,
+    wrapperClassName: f,
+    ...o
   }) => {
-    const [h, s] = f(
-      c || !!_.value
+    const [n, d] = p(
+      s || !!o.value
     );
-    w(() => {
-      s(c);
-    }, [c]);
-    const m = (b) => {
-      !_.readOnly && !t && (b.persist(), s(!h), r && r(b));
+    u(() => {
+      d(s);
+    }, [s]);
+    const b = (l) => {
+      !o.readOnly && !_ && (l.persist(), d(!n), a && a(l));
     };
-    return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: k(o.checkbox, u, {
-            [o.inline]: d,
-            [o.checkbox__filter]: p
+          className: j(t.checkbox, f, {
+            [t.inline]: h,
+            [t.checkbox__filter]: k
           }),
           "data-testid": "checkbox",
           children: [
-            /* @__PURE__ */ n.jsx(
+            /* @__PURE__ */ e.jsx(
               "input",
               {
                 type: "checkbox",
-                name: i,
-                id: i,
-                disabled: t,
-                checked: h,
-                onChange: m,
-                ..._
+                name: c,
+                id: c,
+                disabled: _,
+                checked: n,
+                onChange: b,
+                ...o
               }
             ),
-            /* @__PURE__ */ n.jsx(g, { className: o.label, name: i, appearance: l, children: e && /* @__PURE__ */ n.jsx("span", { children: e }) })
+            /* @__PURE__ */ e.jsx(C, { className: t.label, name: c, appearance: x, children: i && /* @__PURE__ */ e.jsx("span", { children: i }) })
           ]
         }
       ),
-      a && /* @__PURE__ */ n.jsx(j, { ...a })
+      r && /* @__PURE__ */ e.jsx(w, { ...r })
     ] });
   }
 );
 export {
-  F as default
+  S as default
 };

package/dist/components/Config/Config.js

@@ -1,32 +1,32 @@
 import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
 import o from "../ScrollContainer/ScrollContainer.js";
-import '../../Config.css';const m = "_configWrapper_q9ieu_1", f = "_configItem_q9ieu_5", d = "_configItemTitle_q9ieu_12", n = {
+import '../../Config.css';const m = "_configWrapper_rymlp_2", f = "_configItem_rymlp_2", p = "_configItemTitle_rymlp_2", i = {
   configWrapper: m,
   configItem: f,
-  configItemTitle: d
+  configItemTitle: p
 };
-function u({ config: i, scrollProps: l }) {
-  const a = () => Object.keys(i).map((e) => {
-    var r, s, c;
-    return (r = i[e]) != null && r.isUrl ? /* @__PURE__ */ t.jsxs("li", { className: n.configItem, "data-testid": "config-list-item", children: [
-      /* @__PURE__ */ t.jsx("span", { className: n.configItemTitle, children: `${e}: ` }),
+function j({ config: r, scrollProps: c }) {
+  const a = () => Object.keys(r).map((e) => {
+    var n, s, l;
+    return (n = r[e]) != null && n.isUrl ? /* @__PURE__ */ t.jsxs("li", { className: i.configItem, "data-testid": "config-list-item", children: [
+      /* @__PURE__ */ t.jsx("span", { className: i.configItemTitle, children: `${e}: ` }),
       /* @__PURE__ */ t.jsx(
         "a",
         {
           className: "link",
           target: "_blank",
           rel: "noreferrer",
-          href: (s = i[e]) == null ? void 0 : s.url,
-          children: `${(c = i[e]) == null ? void 0 : c.url}`
+          href: (s = r[e]) == null ? void 0 : s.url,
+          children: `${(l = r[e]) == null ? void 0 : l.url}`
         }
       )
-    ] }, e) : /* @__PURE__ */ t.jsxs("li", { className: n.configItem, "data-testid": "config-list-item", children: [
-      /* @__PURE__ */ t.jsx("span", { className: n.configItemTitle, children: `${e}: ` }),
-      /* @__PURE__ */ t.jsx("span", { children: `${i[e]}` })
+    ] }, e) : /* @__PURE__ */ t.jsxs("li", { className: i.configItem, "data-testid": "config-list-item", children: [
+      /* @__PURE__ */ t.jsx("span", { className: i.configItemTitle, children: `${e}: ` }),
+      /* @__PURE__ */ t.jsx("span", { children: `${r[e]}` })
     ] }, e);
   });
-  return /* @__PURE__ */ t.jsx(o, { ...l, children: /* @__PURE__ */ t.jsx("ul", { className: n.configWrapper, "data-testid": "config-list", children: a() }) });
+  return /* @__PURE__ */ t.jsx(o, { ...c, children: /* @__PURE__ */ t.jsx("ul", { className: i.configWrapper, "data-testid": "config-list", children: a() }) });
 }
 export {
-  u as default
+  j as default
 };

package/dist/components/Confirm/Confirm.js

@@ -1,37 +1,37 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
-import { useEffect as h } from "react";
-import w from "../Button/Button.js";
-import N from "../Modal/Modal.js";
-import b from "../../hooks/useNiceModal.js";
-import { ThemeAppearance as c, AppearanceButton as j } from "../../enums/appearance.js";
+import { useEffect as C } from "react";
+import h from "../Button/Button.js";
+import w from "../Modal/Modal.js";
+import N from "../../hooks/useNiceModal.js";
+import { ThemeAppearance as c, AppearanceButton as b } from "../../enums/appearance.js";
 import { c as _ } from "../../index-BHf7G3IG.js";
 import { N as y } from "../../index-H7XbDVmH.js";
 import { u as v } from "../../useTranslation-CnCPcxVj.js";
-import '../../Confirm.css';const B = "_btnWrap_ztmp0_1", E = "_dark_ztmp0_9", l = {
+import '../../Confirm.css';const B = "_btnWrap_1j5qr_2", E = "_dark_1j5qr_2", l = {
   btnWrap: B,
   dark: E
-}, M = (t) => {
-  const { t: n } = v(), [, m] = b(t.id), {
-    onClose: o,
+}, M = (o) => {
+  const { t: n } = v(), [, d] = N(o.id), {
+    onClose: t,
     okBtnCallback: r,
-    isLoading: p,
-    appearence: d = c.LIGHT,
+    isLoading: m,
+    appearence: p = c.LIGHT,
     description: f,
     descriptionClassName: k,
     title: u = n("title.warning"),
     okBtnText: x = n("button.yes_proceed"),
-    cancelBtnText: C = n("button.cancel")
-  } = t, a = () => {
-    m(), o && o();
+    cancelBtnText: j = n("button.cancel")
+  } = o, a = () => {
+    d(), t && t();
   };
-  return h(() => {
+  return C(() => {
     const s = (i) => {
       i.key === "Enter" && (i.preventDefault(), r());
     };
     return window.addEventListener("keydown", s), () => {
       window.removeEventListener("keydown", s);
     };
-  }, []), /* @__PURE__ */ e.jsxs(N, { title: u, appearance: d, onClose: a, children: [
+  }, []), /* @__PURE__ */ e.jsxs(w, { title: u, appearance: p, onClose: a, children: [
     /* @__PURE__ */ e.jsx(
       "p",
       {
@@ -43,15 +43,15 @@ import '../../Confirm.css';const B = "_btnWrap_ztmp0_1", E = "_dark_ztmp0_9", l
     ),
     /* @__PURE__ */ e.jsxs("div", { className: l.btnWrap, children: [
       /* @__PURE__ */ e.jsx(
-        w,
+        h,
         {
-          appearance: j.PRIMARY,
+          appearance: b.PRIMARY,
           onClick: r,
-          isLoading: p,
+          isLoading: m,
           children: x
         }
       ),
-      /* @__PURE__ */ e.jsx("a", { className: "link", onClick: a, children: C })
+      /* @__PURE__ */ e.jsx("a", { className: "link", onClick: a, children: j })
     ] })
   ] });
 }, K = y.create(M);

package/dist/components/ContentHeader/ContentHeader.js

@@ -1,38 +1,38 @@
-import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
 import { C as _ } from "../../react-content-loader.es-CswLCxkm.js";
-import { c as e } from "../../index-BHf7G3IG.js";
-import '../../ContentHeader.css';const j = "_container_18oux_1", u = "_left_18oux_12", v = "_right_18oux_15", N = "_isActiveBorder_18oux_19", f = "_titleWrapper_18oux_31", g = "_title_18oux_31", C = "_description_18oux_52", i = {
-  container: j,
-  left: u,
+import { c as t } from "../../index-BHf7G3IG.js";
+import '../../ContentHeader.css';const x = "_container_ffrew_2", j = "_left_ffrew_2", v = "_right_ffrew_2", N = "_isActiveBorder_ffrew_2", g = "_titleWrapper_ffrew_2", w = "_title_ffrew_2", C = "_description_ffrew_2", r = {
+  container: x,
+  left: j,
   right: v,
   isActiveBorder: N,
-  titleWrapper: f,
-  title: g,
+  titleWrapper: g,
+  title: w,
   description: C
-}, W = (a) => {
+}, A = (a) => {
   const {
-    title: s,
+    title: i,
     leftClassName: n,
-    leftComponent: r,
+    leftComponent: s,
     rightClassName: d,
     titleClassName: l,
-    titleWrapperClassName: h,
-    component: o,
-    description: x,
-    isActiveBorder: c,
+    titleWrapperClassName: f,
+    component: c,
+    description: h,
+    isActiveBorder: o,
     isLoading: p,
     ...m
   } = a;
-  return /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: e(i.container, {
-        isActiveBorder: c
+      className: t(r.container, {
+        isActiveBorder: o
       }),
       ...m,
       "data-testid": "content-header",
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: e(n, i.left), children: p ? /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ e.jsx("div", { className: t(n, r.left), children: p ? /* @__PURE__ */ e.jsxs(
           _,
           {
             backgroundColor: "#8c919d",
@@ -41,35 +41,35 @@ import '../../ContentHeader.css';const j = "_container_18oux_1", u = "_left_18ou
             height: 40,
             viewBox: "0 0 150 40",
             children: [
-              /* @__PURE__ */ t.jsx("rect", { x: "0", y: "10", rx: "3", ry: "3", width: "100%", height: "15" }),
-              /* @__PURE__ */ t.jsx("rect", { x: "0", y: "37", rx: "3", ry: "3", width: "100%", height: "3" })
+              /* @__PURE__ */ e.jsx("rect", { x: "0", y: "10", rx: "3", ry: "3", width: "100%", height: "15" }),
+              /* @__PURE__ */ e.jsx("rect", { x: "0", y: "37", rx: "3", ry: "3", width: "100%", height: "3" })
             ]
           }
-        ) : /* @__PURE__ */ t.jsxs("div", { className: e(h), children: [
-          s && /* @__PURE__ */ t.jsx(
+        ) : /* @__PURE__ */ e.jsxs("div", { className: t(f), children: [
+          i && /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: e({
-                [i.titleWrapper]: c
+              className: t({
+                [r.titleWrapper]: o
               }),
-              children: /* @__PURE__ */ t.jsx(
+              children: /* @__PURE__ */ e.jsx(
                 "h2",
                 {
                   "data-testid": "content-header-title",
-                  className: e(l, i.title),
-                  children: s
+                  className: t(l, r.title),
+                  children: i
                 }
               )
             }
           ),
-          r && r,
-          /* @__PURE__ */ t.jsx("div", { className: i.description, children: x })
+          s && s,
+          /* @__PURE__ */ e.jsx("div", { className: r.description, children: h })
         ] }) }),
-        /* @__PURE__ */ t.jsx("div", { className: e(d, i.right), children: o && o })
+        /* @__PURE__ */ e.jsx("div", { className: t(d, r.right), children: c && c })
       ]
     }
   );
 };
 export {
-  W as default
+  A as default
 };