@cagatayfdn/flora-components 0.0.115 → 0.0.116

package/dist/components/Input/Input.js

@@ -1,9 +1,9 @@
 import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
 import N, { useState as L, useEffect as V } from "react";
-import { c as t } from "../../index-BHf7G3IG.js";
+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_12ffn_1", B = "_container_12ffn_10", H = "_fieldWrap_12ffn_10", J = "_control_12ffn_16", K = "_light_12ffn_37", M = "_disabled_12ffn_46", O = "_more_dark_12ffn_49", Q = "_radius_12ffn_52", U = "_suffix_12ffn_60", X = "_error_12ffn_63", Y = "_suffixWrap_12ffn_70", Z = "_prefixWrap_12ffn_70", ee = "_prefix_12ffn_70", re = "_suffixClickable_12ffn_87", se = "_inputGroup_12ffn_104", ae = "_addonAfter_12ffn_115", e = {
+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,
@@ -20,25 +20,25 @@ import '../../Input.css';const P = "_counter_12ffn_1", B = "_container_12ffn_10"
   suffixClickable: re,
   inputGroup: se,
   addonAfter: ae
-}, ne = N.forwardRef(
+}, te = N.forwardRef(
   (g, j) => {
     const {
       name: b,
       label: h,
       id: k,
       type: a = "text",
-      prefix: f,
-      suffix: l,
+      prefix: l,
+      suffix: d,
       size: C,
-      maxLength: i,
+      maxLength: n,
       isDisabled: c,
-      error: d,
-      appearance: u,
+      error: x,
+      appearance: f,
       className: v,
       wrapperClassName: y,
       fieldWrapClassName: A,
-      addonAfter: p,
-      value: n = "",
+      addonAfter: u,
+      value: t = "",
       onChange: W,
       required: G,
       isRadius: $,
@@ -46,23 +46,23 @@ import '../../Input.css';const P = "_counter_12ffn_1", B = "_container_12ffn_10"
       suffixClickable: R,
       isFormGroup: S = !0,
       ...T
-    } = g, [_, x] = L(n), m = (r) => {
+    } = g, [p, _] = L(t), m = (r) => {
       var o;
-      return (o = r == null ? void 0 : r.toString()) == null ? void 0 : o.slice(0, i);
+      return (o = r == null ? void 0 : r.toString()) == null ? void 0 : o.slice(0, n);
     }, w = N.useCallback(
       (r) => {
-        x(m(r.currentTarget.value)), W && W(r, m(r.currentTarget.value));
+        _(m(r.currentTarget.value)), W && W(r, m(r.currentTarget.value));
       },
-      [i, x]
+      [n, _]
     ), E = (r, o) => {
       o == "number" && r.currentTarget.blur();
     };
     V(() => {
-      n != null && x(m(n));
-    }, [n]);
+      t != null && _(m(t));
+    }, [t]);
     const z = {
       [e[`type__${a}`]]: a !== "text"
-    }, I = t(
+    }, I = i(
       {
         "form-group": S,
         [e[`size__${C}`]]: C,
@@ -75,39 +75,39 @@ import '../../Input.css';const P = "_counter_12ffn_1", B = "_container_12ffn_10"
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          className: t(e.container, {
-            [e[`${u}`]]: u,
+          className: i(e.container, {
+            [e[`${f}`]]: f,
             [e.radius]: $,
-            [e.inputGroup]: p,
-            [e.error]: d,
+            [e.inputGroup]: u,
+            [e.error]: x,
             [e.disabled]: c,
-            [e.suffixWrap]: l,
-            [e.prefixWrap]: f
+            [e.suffixWrap]: d,
+            [e.prefixWrap]: l
           }),
           children: [
             /* @__PURE__ */ s.jsxs("div", { className: e.counter, children: [
-              h && /* @__PURE__ */ s.jsxs(q, { appearance: u, name: b, children: [
+              h && /* @__PURE__ */ s.jsxs(q, { appearance: f, name: b, children: [
                 h,
                 " ",
                 G && "*"
               ] }),
-              i && /* @__PURE__ */ s.jsxs("span", { children: [
-                _ ? _.toString().length : 0,
+              n && /* @__PURE__ */ s.jsxs("span", { children: [
+                p ? p.toString().length : 0,
                 "/",
-                i
+                n
               ] })
             ] }),
-            /* @__PURE__ */ s.jsxs("div", { className: t(e.fieldWrap, A), children: [
-              f && /* @__PURE__ */ s.jsx("span", { className: e.prefix, children: f }),
+            /* @__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: _,
+                  value: p,
                   "data-testid": `input-${a}`,
-                  className: t(e.control, z, v),
+                  className: i(e.control, z, v),
                   disabled: c,
                   ref: j,
                   onWheel: (r) => E(r, a),
@@ -116,25 +116,25 @@ import '../../Input.css';const P = "_counter_12ffn_1", B = "_container_12ffn_10"
                   style: { WebkitTextFillColor: F }
                 }
               ),
-              p && /* @__PURE__ */ s.jsx("span", { className: e.addonAfter, children: p }),
-              l && /* @__PURE__ */ s.jsx(
+              u && /* @__PURE__ */ s.jsx("span", { className: e.addonAfter, children: u }),
+              d && /* @__PURE__ */ s.jsx(
                 "span",
                 {
-                  className: t(e.suffix, {
+                  className: i(e.suffix, {
                     [e.suffixClickable]: R
                   }),
-                  children: l
+                  children: d
                 }
               )
             ] })
           ]
         }
       ),
-      d && /* @__PURE__ */ s.jsx(D, { ...d })
+      x && /* @__PURE__ */ s.jsx(D, { ...x })
     ] });
   }
 );
-ne.displayName = "Input";
+te.displayName = "Input";
 export {
-  ne as default
+  te as default
 };

package/dist/components/Label/Label.js

@@ -1,16 +1,16 @@
-import { j as c } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as r } from "../../index-BHf7G3IG.js";
-import '../../Label.css';const m = "_label_vjkb7_1", n = "_light_vjkb7_8", l = {
-  label: m,
-  light: n
+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: o, appearance: a } = s;
-  return /* @__PURE__ */ c.jsx(
+  const { name: e, children: t, className: m, appearance: a } = s;
+  return /* @__PURE__ */ o.jsx(
     "label",
     {
       "data-testid": "label",
       htmlFor: e,
-      className: r(l.label, o, {
+      className: c(l.label, m, {
         [l[`${a}`]]: a
       }),
       children: t

package/dist/components/Loading/Loading.js

@@ -1,27 +1,27 @@
 import { j as c } from "../../jsx-runtime-BcAkpsdy.js";
-import { c as i } from "../../index-BHf7G3IG.js";
-import '../../Loading.css';const t = "_layer_118em_1", o = "_light_118em_12", n = "_skChild_118em_16", m = "_dark_118em_23", d = "_darkFull_118em_23", a = "_skCircle_118em_38", u = "_skcircleBounceDelay_118em_1", h = "_skCircle2_118em_61", y = "_skCircle3_118em_70", x = "_skCircle4_118em_79", g = "_skCircle5_118em_88", j = "_skCircle6_118em_97", f = "_skCircle7_118em_106", N = "_skCircle8_118em_115", $ = "_skCircle9_118em_124", v = "_skCircle10_118em_133", B = "_skCircle11_118em_142", D = "_skCircle12_118em_151", s = {
+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", d = "_darkFull_uipj5_2", j = "_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: m,
+  dark: u,
   darkFull: d,
-  skCircle: a,
-  skcircleBounceDelay: u,
-  skCircle2: h,
-  skCircle3: y,
-  skCircle4: x,
-  skCircle5: g,
-  skCircle6: j,
-  skCircle7: f,
-  skCircle8: N,
-  skCircle9: $,
-  skCircle10: v,
-  skCircle11: B,
-  skCircle12: D
-}, E = ({
+  skCircle: j,
+  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: e,
+  appearance: i,
   layer: k = !0,
   wrapperClass: C
 }) => {
@@ -31,7 +31,7 @@ import '../../Loading.css';const t = "_layer_118em_1", o = "_light_118em_12", n
       /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: i(s.skChild, s[`skCircle${l}`])
+          className: e(s.skChild, s[`skCircle${l}`])
         },
         `loading-${l}`
       )
@@ -40,16 +40,16 @@ import '../../Loading.css';const t = "_layer_118em_1", o = "_light_118em_12", n
     "div",
     {
       "data-testid": "loading",
-      className: i(C, {
-        "d-inline-block": !e,
+      className: e(C, {
+        "d-inline-block": !i,
         [s.layer]: k,
-        [s[`${e}`]]: e
+        [s[`${i}`]]: i
       }),
       children: /* @__PURE__ */ c.jsx(
         "div",
         {
-          className: i(_, s.skCircle, {
-            [s[`${e}`]]: e
+          className: e(_, s.skCircle, {
+            [s[`${i}`]]: i
           }),
           children: r
         }
@@ -58,5 +58,5 @@ import '../../Loading.css';const t = "_layer_118em_1", o = "_light_118em_12", n
   );
 };
 export {
-  E as default
+  b as default
 };

package/dist/components/Modal/Modal.js

@@ -1,43 +1,43 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
-import { useEffect as w } from "react";
+import { useEffect as u } from "react";
 import { c as s } from "../../index-BHf7G3IG.js";
 import { Icons as N } from "../../assets/icons/icons.js";
 import b from "../Icon/index.js";
-import '../../Modal.css';const f = "_overlay_yit4w_1", g = "_modal_yit4w_10", C = "_content_yit4w_25", k = "_header_yit4w_35", E = "_close_yit4w_55", S = "_body_yit4w_62", F = "_desc_yit4w_66", B = "_modal__light_yit4w_70", o = {
+import '../../Modal.css';const f = "_overlay_eg6v8_2", C = "_modal_eg6v8_2", w = "_content_eg6v8_2", k = "_header_eg6v8_2", E = "_close_eg6v8_2", S = "_body_eg6v8_2", F = "_desc_eg6v8_2", B = "_modal__light_eg6v8_2", o = {
   overlay: f,
-  modal: g,
-  content: C,
+  modal: C,
+  content: w,
   header: k,
   close: E,
   body: S,
   desc: F,
   modal__light: B
-}, K = (i) => {
+}, K = (m) => {
   const {
-    children: m,
+    children: i,
     header: a,
     title: t,
     description: d,
-    className: y,
-    onClose: _,
+    className: _,
+    onClose: v,
     showClose: h = !0,
     visible: c = !0,
     appearance: l,
-    headerClass: v,
-    descriptionClass: x
-  } = i, p = () => {
+    headerClass: y,
+    descriptionClass: g
+  } = m, x = () => {
     document.body.style.width = "calc(100% - 15px)", document.body.className = "overflow-hidden";
-  }, j = () => {
+  }, p = () => {
     document.body.className = "", document.body.removeAttribute("style");
   }, n = () => {
-    _();
+    v();
   };
-  return w(() => {
-    const r = (u) => {
-      u.key === "Escape" && n();
+  return u(() => {
+    const r = (j) => {
+      j.key === "Escape" && n();
     };
-    return document.addEventListener("keydown", r), c && p(), () => {
-      j(), document.removeEventListener("keydown", r);
+    return document.addEventListener("keydown", r), c && x(), () => {
+      p(), document.removeEventListener("keydown", r);
     };
   }, [c]), /* @__PURE__ */ e.jsx(e.Fragment, { children: c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -55,14 +55,14 @@ import '../../Modal.css';const f = "_overlay_yit4w_1", g = "_modal_yit4w_10", C
           [o[`modal__${l}`]]: l
         }),
         "data-testid": "modal-container",
-        children: /* @__PURE__ */ e.jsxs("div", { className: s(y, o.content), children: [
-          t || a ? /* @__PURE__ */ e.jsxs("div", { className: s(o.header, v), children: [
+        children: /* @__PURE__ */ e.jsxs("div", { className: s(_, o.content), children: [
+          t || a ? /* @__PURE__ */ e.jsxs("div", { className: s(o.header, y), children: [
             t ? /* @__PURE__ */ e.jsx("h2", { children: t }) : a,
             h && /* @__PURE__ */ e.jsx("span", { className: o.close, onClick: n, children: /* @__PURE__ */ e.jsx(b, { name: N.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 }),
-            m
+            d && /* @__PURE__ */ e.jsx("p", { className: s(o.desc, g), children: d }),
+            i
           ] })
         ] })
       }

package/dist/components/NavigatorCard/index.js

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

package/dist/components/NoResult/NoResult.js

@@ -1,11 +1,11 @@
 import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
-import { u as o } from "../../useTranslation-CnCPcxVj.js";
-import '../../NoResult.css';const l = "_noResult_19yve_1", r = {
-  noResult: l
+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: e } = o(), n = s || e("text.no_results");
-  return /* @__PURE__ */ t.jsx("div", { "data-testid": "noresult", className: r.noResult, children: /* @__PURE__ */ t.jsx("span", { children: n }) });
+  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/PageWrapper/PageWrap.js

@@ -1,13 +1,13 @@
 import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
-import s from "../PermaLink/PermaLink.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_rb55l_1", h = "_breadcrumbItem_rb55l_9", j = "_pageContent_rb55l_29", r = {
+import '../../PageWrap.css';const x = "_breadcrumb_mkbfo_2", h = "_breadcrumbItem_mkbfo_2", j = "_pageContent_mkbfo_2", r = {
   breadcrumb: x,
   breadcrumbItem: h,
   pageContent: j
-}, v = (m) => {
-  const { children: c, breadcrumbs: d, className: b, defaultRoute: i = "/" } = m, { t: n } = p();
+}, v = (s) => {
+  const { children: c, breadcrumbs: d, className: b, defaultRoute: o = "/" } = s, { t: i } = p();
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -20,17 +20,17 @@ import '../../PageWrap.css';const x = "_breadcrumb_rb55l_1", h = "_breadcrumbIte
             {
               "data-testid": "breadcrumb-item",
               className: r.breadcrumbItem,
-              children: /* @__PURE__ */ e.jsx(s, { to: i, children: n("title.home") })
+              children: /* @__PURE__ */ e.jsx(m, { to: o, children: i("title.home") })
             },
             "breadcrumb-item-home"
           ),
           d.map(
-            ({ name: a, route: t, state: o }, l) => /* @__PURE__ */ e.jsx(
+            ({ name: a, route: t, state: n }, l) => /* @__PURE__ */ e.jsx(
               "div",
               {
                 "data-testid": "breadcrumb-item",
                 className: r.breadcrumbItem,
-                children: t ? /* @__PURE__ */ e.jsx(s, { to: t, state: o, children: a }) : /* @__PURE__ */ e.jsx("a", { children: a })
+                children: t ? /* @__PURE__ */ e.jsx(m, { to: t, state: n, children: a }) : /* @__PURE__ */ e.jsx("a", { children: a })
               },
               `breadcrumb-item-${l}`
             )

package/dist/components/Pager/Pager.js

@@ -1,17 +1,17 @@
 import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
-import { useState as F, useEffect as m } from "react";
-import { c as l } from "../../index-BHf7G3IG.js";
+import { useState as w, useEffect as m } from "react";
+import { c as i } from "../../index-BHf7G3IG.js";
 import { Icons as _ } from "../../assets/icons/icons.js";
-import { ThemeAppearance as I } from "../../enums/appearance.js";
+import { ThemeAppearance as F } from "../../enums/appearance.js";
 import f from "../Icon/index.js";
-import '../../Pager.css';const D = "_wrap_necrs_1", H = "_pager_necrs_1", L = "_disabled_necrs_20", R = "_inputField_necrs_36", S = "_totalPage_necrs_58", E = "_currentPage_necrs_66", V = "_dark_necrs_74", t = {
-  wrap: D,
-  pager: H,
-  disabled: L,
-  inputField: R,
-  totalPage: S,
-  currentPage: E,
-  dark: V
+import '../../Pager.css';const I = "_wrap_17ylr_2", D = "_pager_17ylr_2", H = "_disabled_17ylr_2", L = "_inputField_17ylr_2", R = "_totalPage_17ylr_2", S = "_currentPage_17ylr_2", E = "_dark_17ylr_2", t = {
+  wrap: I,
+  pager: D,
+  disabled: H,
+  inputField: L,
+  totalPage: R,
+  currentPage: S,
+  dark: E
 }, B = (x) => {
   const {
     currentPage: n = 1,
@@ -21,17 +21,17 @@ import '../../Pager.css';const D = "_wrap_necrs_1", H = "_pager_necrs_1", L = "_
     className: P,
     showInput: d = !0,
     pageSize: v = 10,
-    appearance: g = I.LIGHT
-  } = x, [s, u] = F(n), r = Math.ceil(N / v), c = r >= 10, b = s === r, j = s === 1, o = (e) => {
+    appearance: g = F.LIGHT
+  } = x, [s, u] = w(n), r = Math.ceil(N / v), c = r >= 10, b = s === r, j = s === 1, o = (e) => {
     u(e), p && p(e);
   }, C = () => {
     s > 1 && o(s - 1);
-  }, k = () => {
+  }, y = () => {
     r > s && o(s + 1);
-  }, T = (e) => {
-    const w = e.target.value.slice(0, 1), i = Number(c ? e.target.value : w);
+  }, k = (e) => {
+    const T = e.target.value.slice(0, 1), l = Number(c ? e.target.value : T);
     setTimeout(() => {
-      r >= i && i > 0 ? o(i) : i <= 0 ? o(1) : o(r), c || e.target.select();
+      r >= l && l > 0 ? o(l) : l <= 0 ? o(1) : o(r), c || e.target.select();
     }, 300);
   };
   return m(() => {
@@ -42,7 +42,7 @@ import '../../Pager.css';const D = "_wrap_necrs_1", H = "_pager_necrs_1", L = "_
     "div",
     {
       "data-testid": "pager-container",
-      className: l(t.wrap, P, {
+      className: i(t.wrap, P, {
         [t[g]]: g
       }),
       children: /* @__PURE__ */ a.jsxs("div", { className: t.pager, children: [
@@ -50,7 +50,7 @@ import '../../Pager.css';const D = "_wrap_necrs_1", H = "_pager_necrs_1", L = "_
           "a",
           {
             "data-testid": "pager-prev",
-            className: l(t.prev, {
+            className: i(t.prev, {
               [t.disabled]: j
             }),
             onClick: C,
@@ -72,11 +72,11 @@ import '../../Pager.css';const D = "_wrap_necrs_1", H = "_pager_necrs_1", L = "_
               c || (e.currentTarget.setSelectionRange(0, 0), e.currentTarget.select());
             },
             onChange: (e) => {
-              c || (e.target.autofocus = !0), T(e);
+              c || (e.target.autofocus = !0), k(e);
             }
           }
         ),
-        /* @__PURE__ */ a.jsxs("span", { className: l(t.totalPage, {
+        /* @__PURE__ */ a.jsxs("span", { className: i(t.totalPage, {
           [t.currentPage]: !d
         }), children: [
           !d && /* @__PURE__ */ a.jsx("span", { className: t.currentPage, children: n > 1 ? n : s }),
@@ -86,10 +86,10 @@ import '../../Pager.css';const D = "_wrap_necrs_1", H = "_pager_necrs_1", L = "_
         /* @__PURE__ */ a.jsx(
           "a",
           {
-            className: l(t.next, {
+            className: i(t.next, {
               [t.disabled]: b
             }),
-            onClick: k,
+            onClick: y,
             "data-testid": "pager-next",
             children: /* @__PURE__ */ a.jsx(f, { name: _.ChevronRight })
           }