@cfx-dev/ui-components 3.0.2 → 3.0.3

package/dist/components/Separator/Separator.js

@@ -1,40 +1,40 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { clsx as l } from "../../utils/clsx.js";
-const p = "_root_dsunb_1", i = "_separator_dsunb_4", c = "_content_dsunb_42", d = "_thin_dsunb_45", m = "_vertical_dsunb_51", u = "_text_dsunb_98", s = {
-  root: p,
-  "separator-offset-none": "_separator-offset-none_dsunb_4",
-  "separator-offset-hairthin": "_separator-offset-hairthin_dsunb_7",
-  "separator-offset-thin": "_separator-offset-thin_dsunb_10",
-  "separator-offset-xxsmall": "_separator-offset-xxsmall_dsunb_13",
-  "separator-offset-xsmall": "_separator-offset-xsmall_dsunb_16",
-  "separator-offset-small": "_separator-offset-small_dsunb_19",
-  "separator-offset-normal": "_separator-offset-normal_dsunb_22",
-  "separator-offset-medium": "_separator-offset-medium_dsunb_25",
-  "separator-offset-large": "_separator-offset-large_dsunb_28",
-  "separator-offset-xlarge": "_separator-offset-xlarge_dsunb_31",
-  "separator-offset-safezone": "_separator-offset-safezone_dsunb_34",
-  separator: i,
-  content: c,
-  thin: d,
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { clsx as c } from "../../utils/clsx.js";
+const i = "cfxui__Separator__root__3aea3", n = "cfxui__Separator__separator__5dbbd", l = "cfxui__Separator__content__7ade9", x = "cfxui__Separator__thin__628fd", m = "cfxui__Separator__vertical__8bd90", d = "cfxui__Separator__text__d02da", a = {
+  root: i,
+  "separator-offset-none": "cfxui__Separator__separator-offset-none__f2b70",
+  "separator-offset-hairthin": "cfxui__Separator__separator-offset-hairthin__56e9d",
+  "separator-offset-thin": "cfxui__Separator__separator-offset-thin__36d86",
+  "separator-offset-xxsmall": "cfxui__Separator__separator-offset-xxsmall__84364",
+  "separator-offset-xsmall": "cfxui__Separator__separator-offset-xsmall__6dba9",
+  "separator-offset-small": "cfxui__Separator__separator-offset-small__872f2",
+  "separator-offset-normal": "cfxui__Separator__separator-offset-normal__60e53",
+  "separator-offset-medium": "cfxui__Separator__separator-offset-medium__032b1",
+  "separator-offset-large": "cfxui__Separator__separator-offset-large__918a2",
+  "separator-offset-xlarge": "cfxui__Separator__separator-offset-xlarge__01c53",
+  "separator-offset-safezone": "cfxui__Separator__separator-offset-safezone__d28af",
+  separator: n,
+  content: l,
+  thin: x,
   vertical: m,
-  text: u
+  text: d
 };
 function h(o) {
   const {
-    content: a,
-    thin: r = !1,
-    vertical: n = !1,
+    content: t,
+    thin: _ = !1,
+    vertical: s = !1,
     offset: f = "none"
-  } = o, e = l(s.root, s[`separator-offset-${f}`], {
-    [s.text]: !!a,
-    [s.thin]: r,
-    [s.vertical]: n
+  } = o, e = c(a.root, a[`separator-offset-${f}`], {
+    [a.text]: !!t,
+    [a.thin]: _,
+    [a.vertical]: s
   });
-  return a ? /* @__PURE__ */ _("div", { className: e, children: [
-    /* @__PURE__ */ t("div", { className: s.separator }),
-    /* @__PURE__ */ t("div", { className: s.content, children: a }),
-    /* @__PURE__ */ t("div", { className: s.separator })
-  ] }) : /* @__PURE__ */ t("div", { className: e, children: /* @__PURE__ */ t("div", { className: s.separator }) });
+  return t ? /* @__PURE__ */ p("div", { className: e, children: [
+    /* @__PURE__ */ r("div", { className: a.separator }),
+    /* @__PURE__ */ r("div", { className: a.content, children: t }),
+    /* @__PURE__ */ r("div", { className: a.separator })
+  ] }) : /* @__PURE__ */ r("div", { className: e, children: /* @__PURE__ */ r("div", { className: a.separator }) });
 }
 export {
   h as Separator

package/dist/components/Shroud/Shroud.js

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import r from "react";
-import { TITLE_OUTLET_ID as p } from "../Title/Title.js";
-import { ui as _ } from "../ui.js";
+import { TITLE_OUTLET_ID as _ } from "../Title/Title.js";
+import { ui as p } from "../ui.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import { useWindowResize as v } from "../../utils/hooks/useWindowResize.js";
+import { useWindowResize as b } from "../../utils/hooks/useWindowResize.js";
 import { useOutlet as x } from "../../utils/hooks/useOutlet.js";
-const b = "_root_7v6x1_1", g = "_tile_7v6x1_6", e = {
-  root: b,
-  tile: g
-}, P = r.forwardRef(function(c, n) {
+const g = "cfxui__Shroud__root__99944", v = "cfxui__Shroud__tile__db55f", e = {
+  root: g,
+  tile: v
+}, P = r.forwardRef(function(l, n) {
   const {
     forRef: s
-  } = c, [m, u] = r.useState({}), d = x(p, "before"), i = r.useCallback(() => {
+  } = l, [u, d] = r.useState({}), f = x(_, "before"), i = r.useCallback(() => {
     if (!s.current)
       return;
-    const o = s.current.getBoundingClientRect(), f = {
+    const o = s.current.getBoundingClientRect(), m = {
       x: o.x,
       y: o.y,
       w: o.width,
@@ -23,16 +23,16 @@ const b = "_root_7v6x1_1", g = "_tile_7v6x1_6", e = {
       sw: globalThis.screen.availWidth,
       sh: globalThis.screen.availHeight
     };
-    u(
+    d(
       Object.fromEntries(
-        Object.entries(f).flatMap(([a, l]) => [
-          [`--${a}`, _.px(l)],
-          [`--${a}-raw`, l]
+        Object.entries(m).flatMap(([a, c]) => [
+          [`--${a}`, p.px(c)],
+          [`--${a}-raw`, c]
         ])
       )
     );
   }, []);
-  return r.useEffect(i, []), v(i), /* @__PURE__ */ t(d, { children: /* @__PURE__ */ h("div", { ref: n, className: e.root, style: m, children: [
+  return r.useEffect(i, []), b(i), /* @__PURE__ */ t(f, { children: /* @__PURE__ */ h("div", { ref: n, className: e.root, style: u, children: [
     /* @__PURE__ */ t("div", { className: e.tile, "data-top": !0 }),
     /* @__PURE__ */ t("div", { className: e.tile, "data-left": !0 }),
     /* @__PURE__ */ t("div", { className: e.tile, "data-right": !0 }),

package/dist/components/Skeleton/Skeleton.js

@@ -1,20 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import n from "react";
+import { jsx as n } from "react/jsx-runtime";
+import m from "react";
 import { TextSizeEnum as l } from "../Text/Text.types.js";
-const r = "_skeleton_fx7ao_1", i = "_shimmer_fx7ao_1", f = {
-  skeleton: r,
-  shimmer: i
+const i = "cfxui__Skeleton__skeleton__d700e", _ = "cfxui__Skeleton__shimmer__d72f5", r = {
+  skeleton: i,
+  shimmer: _
 };
-function a({
+function f({
   width: o = "100%",
   height: e = "20px",
   borderRadius: s = "4px"
 }) {
   let t = e;
-  return e in l && (t = `var(--font-size-${e})`), /* @__PURE__ */ m(
+  return e in l && (t = `var(--font-size-${e})`), /* @__PURE__ */ n(
     "div",
     {
-      className: f.skeleton,
+      className: r.skeleton,
       style: {
         width: o,
         height: t,
@@ -23,7 +23,7 @@ function a({
     }
   );
 }
-const k = n.memo(a);
+const u = m.memo(f);
 export {
-  k as default
+  u as default
 };

package/dist/components/Spacer/Spacer.js

@@ -1,31 +1,31 @@
-import { jsx as o } from "react/jsx-runtime";
-import { clsx as l } from "../../utils/clsx.js";
-const r = "_root_x8a9c_1", z = "_horizontal_x8a9c_1", c = "_vertical_x8a9c_37", e = {
-  root: r,
-  horizontal: z,
-  "size-none": "_size-none_x8a9c_4",
-  "size-hairthin": "_size-hairthin_x8a9c_7",
-  "size-thin": "_size-thin_x8a9c_10",
-  "size-xxsmall": "_size-xxsmall_x8a9c_13",
-  "size-xsmall": "_size-xsmall_x8a9c_16",
-  "size-small": "_size-small_x8a9c_19",
-  "size-normal": "_size-normal_x8a9c_22",
-  "size-medium": "_size-medium_x8a9c_25",
-  "size-large": "_size-large_x8a9c_28",
-  "size-xlarge": "_size-xlarge_x8a9c_31",
-  "size-safezone": "_size-safezone_x8a9c_34",
-  vertical: c
+import { jsx as s } from "react/jsx-runtime";
+import { clsx as r } from "../../utils/clsx.js";
+const o = "cfxui__Spacer__root__118fe", l = "cfxui__Spacer__horizontal__feb96", z = "cfxui__Spacer__vertical__5263f", _ = {
+  root: o,
+  horizontal: l,
+  "size-none": "cfxui__Spacer__size-none__64e4c",
+  "size-hairthin": "cfxui__Spacer__size-hairthin__9e4e3",
+  "size-thin": "cfxui__Spacer__size-thin__e1486",
+  "size-xxsmall": "cfxui__Spacer__size-xxsmall__703d4",
+  "size-xsmall": "cfxui__Spacer__size-xsmall__01aac",
+  "size-small": "cfxui__Spacer__size-small__6fa49",
+  "size-normal": "cfxui__Spacer__size-normal__5fe08",
+  "size-medium": "cfxui__Spacer__size-medium__be07e",
+  "size-large": "cfxui__Spacer__size-large__f8138",
+  "size-xlarge": "cfxui__Spacer__size-xlarge__88c98",
+  "size-safezone": "cfxui__Spacer__size-safezone__912d3",
+  vertical: z
 };
-function x(s) {
+function n(i) {
   const {
-    size: i = "normal",
-    vertical: a = !1
-  } = s, _ = l(e.root, e[`size-${i}`], {
-    [e.horizontal]: !a,
-    [e.vertical]: a
+    size: a = "normal",
+    vertical: e = !1
+  } = i, c = r(_.root, _[`size-${a}`], {
+    [_.horizontal]: !e,
+    [_.vertical]: e
   });
-  return /* @__PURE__ */ o("div", { className: _ });
+  return /* @__PURE__ */ s("div", { className: c });
 }
 export {
-  x as Spacer
+  n as Spacer
 };

package/dist/components/Switch/Switch.js

@@ -1,54 +1,54 @@
 import { jsxs as N, jsx as i } from "react/jsx-runtime";
 import * as a from "react";
 import U from "react";
-import { c as B, u as H, a as I, P as _, b as M, d as j, e as q } from "../../index-CjWRnNpt.js";
-import { clsx as C } from "../../utils/clsx.js";
+import { c as B, u as H, a as I, P as C, b as M, d as j, e as q } from "../../index-CjWRnNpt.js";
+import { clsx as k } from "../../utils/clsx.js";
 var S = "Switch", [z, Y] = B(S), [A, O] = z(S), P = a.forwardRef(
-  (t, s) => {
+  (t, o) => {
     const {
       __scopeSwitch: e,
-      name: o,
-      checked: c,
+      name: c,
+      checked: s,
       defaultChecked: d,
       required: u,
-      disabled: n,
+      disabled: r,
       value: h = "on",
-      onCheckedChange: m,
-      ...v
-    } = t, [r, f] = a.useState(null), T = H(s, (p) => f(p)), w = a.useRef(!1), k = r ? !!r.closest("form") : !0, [l = !1, x] = I({
-      prop: c,
+      onCheckedChange: f,
+      ..._
+    } = t, [n, m] = a.useState(null), T = H(o, (p) => m(p)), w = a.useRef(!1), v = n ? !!n.closest("form") : !0, [l = !1, g] = I({
+      prop: s,
       defaultProp: d,
-      onChange: m
+      onChange: f
     });
-    return /* @__PURE__ */ N(A, { scope: e, checked: l, disabled: n, children: [
+    return /* @__PURE__ */ N(A, { scope: e, checked: l, disabled: r, children: [
       /* @__PURE__ */ i(
-        _.button,
+        C.button,
         {
           type: "button",
           role: "switch",
           "aria-checked": l,
           "aria-required": u,
           "data-state": y(l),
-          "data-disabled": n ? "" : void 0,
-          disabled: n,
+          "data-disabled": r ? "" : void 0,
+          disabled: r,
           value: h,
-          ...v,
+          ..._,
           ref: T,
           onClick: M(t.onClick, (p) => {
-            x((E) => !E), k && (w.current = p.isPropagationStopped(), w.current || p.stopPropagation());
+            g((E) => !E), v && (w.current = p.isPropagationStopped(), w.current || p.stopPropagation());
           })
         }
       ),
-      k && /* @__PURE__ */ i(
+      v && /* @__PURE__ */ i(
         $,
         {
-          control: r,
+          control: n,
           bubbles: !w.current,
-          name: o,
+          name: c,
           value: h,
           checked: l,
           required: u,
-          disabled: n,
+          disabled: r,
           style: { transform: "translateX(-100%)" }
         }
       )
@@ -56,41 +56,41 @@ var S = "Switch", [z, Y] = B(S), [A, O] = z(S), P = a.forwardRef(
   }
 );
 P.displayName = S;
-var R = "SwitchThumb", g = a.forwardRef(
-  (t, s) => {
-    const { __scopeSwitch: e, ...o } = t, c = O(R, e);
+var R = "SwitchThumb", x = a.forwardRef(
+  (t, o) => {
+    const { __scopeSwitch: e, ...c } = t, s = O(R, e);
     return /* @__PURE__ */ i(
-      _.span,
+      C.span,
       {
-        "data-state": y(c.checked),
-        "data-disabled": c.disabled ? "" : void 0,
-        ...o,
-        ref: s
+        "data-state": y(s.checked),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...c,
+        ref: o
       }
     );
   }
 );
-g.displayName = R;
+x.displayName = R;
 var $ = (t) => {
-  const { control: s, checked: e, bubbles: o = !0, ...c } = t, d = a.useRef(null), u = j(e), n = q(s);
+  const { control: o, checked: e, bubbles: c = !0, ...s } = t, d = a.useRef(null), u = j(e), r = q(o);
   return a.useEffect(() => {
-    const h = d.current, m = window.HTMLInputElement.prototype, r = Object.getOwnPropertyDescriptor(m, "checked").set;
-    if (u !== e && r) {
-      const f = new Event("click", { bubbles: o });
-      r.call(h, e), h.dispatchEvent(f);
+    const h = d.current, f = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(f, "checked").set;
+    if (u !== e && n) {
+      const m = new Event("click", { bubbles: c });
+      n.call(h, e), h.dispatchEvent(m);
     }
-  }, [u, e, o]), /* @__PURE__ */ i(
+  }, [u, e, c]), /* @__PURE__ */ i(
     "input",
     {
       type: "checkbox",
       "aria-hidden": !0,
       defaultChecked: e,
-      ...c,
+      ...s,
       tabIndex: -1,
       ref: d,
       style: {
         ...t.style,
-        ...n,
+        ...r,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -102,19 +102,19 @@ var $ = (t) => {
 function y(t) {
   return t ? "checked" : "unchecked";
 }
-var D = P, F = g;
-const L = "_switchUnset_tpmng_1", W = "_switchRoot_tpmng_5", X = "_switchThumb_tpmng_30", b = {
+var D = P, F = x;
+const L = "cfxui__Switch__switchUnset__c8b03", W = "cfxui__Switch__switchRoot__f2911", X = "cfxui__Switch__switchThumb__9cbf5", b = {
   switchUnset: L,
   switchRoot: W,
   switchThumb: X
 };
 function G(t) {
   const {
-    classNameRoot: s,
+    classNameRoot: o,
     classNameThumb: e,
-    ...o
+    ...c
   } = t;
-  return /* @__PURE__ */ i(D, { ...o, className: C(b.switchRoot, b.switchUnset, s), children: /* @__PURE__ */ i(F, { className: C(b.switchThumb, e) }) });
+  return /* @__PURE__ */ i(D, { ...c, className: k(b.switchRoot, b.switchUnset, o), children: /* @__PURE__ */ i(F, { className: k(b.switchThumb, e) }) });
 }
 const Z = U.memo(G);
 export {

package/dist/components/Table/Table.js

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import s, { useState as k } from "react";
-import y from "../Checkbox/Checkbox.js";
-import I from "../IconButton/IconButton.js";
-import { Text as $ } from "../Text/Text.js";
-import { clsx as f } from "../../utils/clsx.js";
-const S = "_tableIcon_jm0lw_1", z = "_iconButton_jm0lw_1", A = "_root_jm0lw_21", E = "_radio_jm0lw_38", O = "_radioContent_jm0lw_42", g = "_pointer_jm0lw_49", F = "_selectedRow_jm0lw_52", H = "_headerText_jm0lw_56", V = "_headerContent_jm0lw_65", q = "_hidden_jm0lw_84", o = {
-  tableIcon: S,
+import l, { useState as k } from "react";
+import I from "../Checkbox/Checkbox.js";
+import $ from "../IconButton/IconButton.js";
+import { Text as S } from "../Text/Text.js";
+import { clsx as u } from "../../utils/clsx.js";
+const j = "cfxui__Table__tableIcon__f8e96", z = "cfxui__Table__iconButton__ac6da", A = "cfxui__Table__root__591ed", E = "cfxui__Table__radio__70dd7", O = "cfxui__Table__radioContent__35cef", g = "cfxui__Table__pointer__7b6a4", F = "cfxui__Table__selectedRow__f7130", H = "cfxui__Table__headerText__02722", V = "cfxui__Table__headerContent__f0e66", q = "cfxui__Table__hidden__e4ac6", c = {
+  tableIcon: j,
   iconButton: z,
   root: A,
   radio: E,
@@ -16,33 +16,33 @@ const S = "_tableIcon_jm0lw_1", z = "_iconButton_jm0lw_1", A = "_root_jm0lw_21",
   headerContent: V,
   hidden: q
 };
-function D(r) {
+function D(i) {
   const {
     className: e,
-    color: n = "inherit"
-  } = r, i = f(o.tableIcon, o.iconButton, e);
-  return /* @__PURE__ */ t(I, { ...r, className: i, color: n });
+    color: o = "inherit"
+  } = i, r = u(c.tableIcon, c.iconButton, e);
+  return /* @__PURE__ */ t($, { ...i, className: r, color: o });
 }
-function G(r) {
+function G(i) {
   const {
     item: e,
-    onSortClick: n
-  } = r, i = s.useCallback(() => {
-    n && n(e.sortKey || e.text);
-  }, [e.sortKey, e.text, n]), a = f(o.headerContent, {
-    [o.sortable]: e.sortable,
-    [o.empty]: !e.text
+    onSortClick: o
+  } = i, r = l.useCallback(() => {
+    o && o(e.sortKey || e.text);
+  }, [e.sortKey, e.text, o]), s = u(c.headerContent, {
+    [c.sortable]: e.sortable,
+    [c.empty]: !e.text
   });
   return /* @__PURE__ */ t(
     "th",
     {
-      className: e.sortable ? o.pointer : void 0,
-      onClick: e.sortable ? i : void 0,
-      children: /* @__PURE__ */ C("div", { className: a, children: [
+      className: e.sortable ? c.pointer : void 0,
+      onClick: e.sortable ? r : void 0,
+      children: /* @__PURE__ */ C("div", { className: s, children: [
         /* @__PURE__ */ t(
-          $,
+          S,
           {
-            className: o.headerText,
+            className: c.headerText,
             color: "secondary",
             letterSpacing: "large",
             weight: "bold",
@@ -55,50 +55,50 @@ function G(r) {
           D,
           {
             name: "Sort",
-            onClick: i
+            onClick: r
           }
         )
       ] })
     }
   );
 }
-function J(r) {
+function J(i) {
   const {
     index: e,
-    includeRadio: n = !1,
-    loading: i,
-    selectedRow: a,
-    item: p,
-    dataContainer: _,
+    includeRadio: o = !1,
+    loading: r,
+    selectedRow: s,
+    item: T,
+    dataContainer: m,
     onSelectChange: d
-  } = r, u = s.useCallback((c) => {
+  } = i, h = l.useCallback((n) => {
     d(
-      c ? e : null
+      n ? e : null
     );
-  }, [d, e]), b = s.useCallback(() => {
+  }, [d, e]), b = l.useCallback(() => {
     d(e);
-  }, [d, e]), x = f({
-    [o.selectedRow]: a === e,
-    [o.pointer]: n
+  }, [d, e]), p = u({
+    [c.selectedRow]: s === e,
+    [c.pointer]: o
   });
   return /* @__PURE__ */ C(
     "tr",
     {
-      className: x,
-      onClick: n ? b : void 0,
+      className: p,
+      onClick: o ? b : void 0,
       children: [
-        n && /* @__PURE__ */ t("td", { className: f(o.radio, { [o.hidden]: i }), children: /* @__PURE__ */ t("div", { className: o.radioContent, children: /* @__PURE__ */ t(
-          y,
+        o && /* @__PURE__ */ t("td", { className: u(c.radio, { [c.hidden]: r }), children: /* @__PURE__ */ t("div", { className: c.radioContent, children: /* @__PURE__ */ t(
+          I,
           {
             size: "small",
-            onCheckedChange: u,
+            onCheckedChange: h,
             "aria-label": `${e}`,
-            checked: a === e
+            checked: s === e
           }
         ) }) }),
-        p.map((c, w) => {
-          let h;
-          return s.isValidElement(c) ? h = c : _ ? h = s.createElement(_, { item: c }) : h = String(c), /* @__PURE__ */ t("td", { children: h }, `item-${w}`);
+        T.map((n, x) => {
+          let f;
+          return l.isValidElement(n) ? f = n : m ? f = l.createElement(m, { item: n }) : f = String(n), /* @__PURE__ */ t("td", { children: f }, `item-${x}`);
         })
       ]
     },
@@ -106,58 +106,58 @@ function J(r) {
   );
 }
 function W({
-  headers: r = [],
+  headers: i = [],
   data: e = [],
-  includeRadio: n = !1,
-  loading: i = !1,
-  onSelectChange: a,
-  dataContainer: p,
-  selectedRow: _ = null,
+  includeRadio: o = !1,
+  loading: r = !1,
+  onSelectChange: s,
+  dataContainer: T,
+  selectedRow: m = null,
   sortBy: d,
-  sortOrder: u = "asc",
+  sortOrder: h = "asc",
   onSortChange: b,
-  className: x
+  className: p
 }) {
-  const [c, w] = k(_), [h, j] = k(d), [N, R] = k(u), B = s.useCallback((l) => {
-    const T = h === l && N === "asc" ? "desc" : "asc";
-    j(l), R(T), b == null || b(l, T);
-  }, [b, h, N]), v = s.useCallback(
-    (l) => {
-      const m = l === c ? null : l;
-      w(m), a == null || a(m);
+  const [n, x] = k(m), [f, w] = k(d), [N, R] = k(h), v = l.useCallback((a) => {
+    const B = f === a && N === "asc" ? "desc" : "asc";
+    w(a), R(B), b == null || b(a, B);
+  }, [b, f, N]), y = l.useCallback(
+    (a) => {
+      const _ = a === n ? null : a;
+      x(_), s == null || s(_);
     },
-    [a, c]
+    [s, n]
   );
-  return s.useEffect(() => {
-    w(_);
-  }, [_]), s.useEffect(() => {
-    j(d);
-  }, [d]), s.useEffect(() => {
-    R(u);
-  }, [u]), /* @__PURE__ */ t("div", { className: f(o.root, x), children: /* @__PURE__ */ C("table", { children: [
+  return l.useEffect(() => {
+    x(m);
+  }, [m]), l.useEffect(() => {
+    w(d);
+  }, [d]), l.useEffect(() => {
+    R(h);
+  }, [h]), /* @__PURE__ */ t("div", { className: u(c.root, p), children: /* @__PURE__ */ C("table", { children: [
     /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ C("tr", { children: [
-      n && /* @__PURE__ */ t("th", { "aria-label": "Select Row" }),
-      r.map((l, m) => /* @__PURE__ */ t(
+      o && /* @__PURE__ */ t("th", { "aria-label": "Select Row" }),
+      i.map((a, _) => /* @__PURE__ */ t(
         G,
         {
-          item: l,
-          onSortClick: B
+          item: a,
+          onSortClick: v
         },
-        `header-${m}`
+        `header-${_}`
       ))
     ] }) }),
-    /* @__PURE__ */ t("tbody", { children: e.map((l, m) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t("tbody", { children: e.map((a, _) => /* @__PURE__ */ t(
       J,
       {
-        index: m,
-        item: l,
-        includeRadio: n,
-        loading: i,
-        selectedRow: c,
-        onSelectChange: v,
-        dataContainer: p
+        index: _,
+        item: a,
+        includeRadio: o,
+        loading: r,
+        selectedRow: n,
+        onSelectChange: y,
+        dataContainer: T
       },
-      `row-${m}`
+      `row-${_}`
     )) })
   ] }) });
 }