@cfx-dev/ui-components 2.0.9 → 2.1.0

package/dist/components/Layout/Box/Box.d.ts

@@ -1,9 +1,12 @@
 import { default as React } from 'react';
+import { MPProps } from '../../ui';
 
-export interface BoxProps {
+export interface BoxProps extends MPProps {
     noOverflow?: boolean;
     noShrink?: boolean;
     grow?: boolean;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
     /**
      * Number values is treated like quant multiplier
      * String value used as is

package/dist/components/Layout/Box/Box.js

@@ -1,38 +1,104 @@
-import { jsx as m } from "react/jsx-runtime";
-import g from "react";
-import { useContextualStyle as u } from "../../Style/Style.js";
+import { jsx as P } from "react/jsx-runtime";
+import m from "react";
+import { useContextualStyle as j } from "../../Style/Style.js";
 import { ui as d } from "../../ui.js";
-import { clsx as x } from "../../../utils/clsx.js";
-import '../../../assets/Box.css';const p = "_root_1e1ao_1", k = "_grow_1e1ao_7", r = {
-  root: p,
-  "no-overflow": "_no-overflow_1e1ao_1",
-  "no-shrink": "_no-shrink_1e1ao_4",
-  grow: k,
-  "no-grow": "_no-grow_1e1ao_10"
+import { clsx as H } from "../../../utils/clsx.js";
+import '../../../assets/Box.css';const W = "_root_1bvck_1", z = "_grow_1bvck_13", o = {
+  root: W,
+  "full-width": "_full-width_1bvck_1",
+  "full-height": "_full-height_1bvck_4",
+  "no-overflow": "_no-overflow_1bvck_7",
+  "no-shrink": "_no-shrink_1bvck_10",
+  grow: z,
+  "no-grow": "_no-grow_1bvck_16"
 };
-function f(t) {
-  return typeof t == "string" ? t : d.q(t);
+function b(r) {
+  return typeof r == "string" ? r : d.q(r);
 }
-const B = g.forwardRef(function(s, a) {
+const J = m.forwardRef(function(x, y) {
   const {
-    noOverflow: w = !1,
-    noShrink: _ = !1,
-    grow: n = void 0,
-    width: e,
-    height: i,
-    children: l,
-    className: c
-  } = s, h = x(r.root, c, {
-    [r["no-overflow"]]: w,
-    [r["no-shrink"]]: _,
-    [r["no-grow"]]: n === !1,
-    [r.grow]: n === !0
-  }), o = {
-    ...u(),
-    ...s.style || {}
-  };
-  return (e || i) && (e && (o.width = f(e)), i && (o.height = f(i))), !o.width && n === !0 && (o.width = "1px"), /* @__PURE__ */ m("div", { ref: a, className: h, style: o, children: l });
+    noOverflow: S = !1,
+    noShrink: M = !1,
+    grow: e = void 0,
+    width: g,
+    height: a,
+    children: A,
+    className: N,
+    fullWidth: R,
+    fullHeight: q,
+    style: p,
+    // --- MPProps
+    m: l,
+    mt: s,
+    mr: n,
+    mb: f,
+    ml: i,
+    p: c,
+    pt: h,
+    pr: u,
+    pb: _,
+    pl: w
+  } = x, k = j(), B = H(o.root, N, {
+    [o["full-width"]]: R,
+    [o["full-height"]]: q,
+    [o["no-overflow"]]: S,
+    [o["no-shrink"]]: M,
+    [o["no-grow"]]: e === !1,
+    [o.grow]: e === !0
+  }), C = m.useMemo(() => d.getAllMPAttrs({
+    m: l,
+    mt: s,
+    mr: n,
+    mb: f,
+    ml: i,
+    p: c,
+    pt: h,
+    pr: u,
+    pb: _,
+    pl: w
+  }), [
+    l,
+    s,
+    n,
+    f,
+    i,
+    c,
+    h,
+    u,
+    _,
+    w
+  ]), v = m.useMemo(() => d.getAllMPStyles({
+    m: l,
+    mt: s,
+    mr: n,
+    mb: f,
+    ml: i,
+    p: c,
+    pt: h,
+    pr: u,
+    pb: _,
+    pl: w
+  }), [
+    l,
+    s,
+    n,
+    f,
+    i,
+    c,
+    h,
+    u,
+    _,
+    w
+  ]), O = m.useMemo(() => {
+    const t = {
+      ...v,
+      ...k,
+      ...p || {}
+    };
+    return g && (t.width = b(g)), a && (t.height = b(a)), !t.width && e === !0 && (t.width = "1px"), t;
+  }, [e, a, v, p, g, k]);
+  return /* @__PURE__ */ P("div", { ...C, ref: y, className: B, style: O, children: A });
 });
 export {
-  B as Box
+  J as Box
 };

package/dist/components/Layout/Flex/Flex.d.ts

@@ -1,18 +1,17 @@
 import { default as React } from 'react';
+import { BoxProps } from '../Box/Box';
+import { OffesetType } from '../../ui';
 
-export interface FlexProps {
-    fullWidth?: boolean;
-    fullHeight?: boolean;
+export interface FlexProps extends BoxProps {
     centered?: boolean | 'axis' | 'cross-axis' | 'baseline-axis' | 'baseline-cross-axis';
     vertical?: boolean;
     reverseOrder?: boolean;
-    repell?: boolean;
     stretch?: boolean;
     wrap?: boolean;
     spaceBetween?: boolean;
     alignToEnd?: boolean;
     alignToEndAxis?: boolean;
-    gap?: 'none' | 'thin' | 'small' | 'normal' | 'large' | 'xlarge';
+    gap?: OffesetType;
     children?: React.ReactNode;
     className?: string;
 }

package/dist/components/Layout/Flex/Flex.js

@@ -1,55 +1,53 @@
-import { jsx as r } from "react/jsx-runtime";
-import w from "react";
-import { clsx as v } from "../../../utils/clsx.js";
-import { FlexRestricter as z } from "./FlexRestricter.js";
-import '../../../assets/Flex.css';const R = "_root_1bx3e_1", F = "_centered_1bx3e_11", C = "_vertical_1bx3e_30", N = "_repell_1bx3e_36", E = "_wrap_1bx3e_39", T = "_stretch_1bx3e_51", j = "_horizontal_1bx3e_57", e = {
-  root: R,
-  "full-width": "_full-width_1bx3e_5",
-  "full-height": "_full-height_1bx3e_8",
-  centered: F,
-  "centered-axis": "_centered-axis_1bx3e_15",
-  "centered-cross-axis": "_centered-cross-axis_1bx3e_18",
-  "baseline-axis": "_baseline-axis_1bx3e_21",
-  "baseline-cross-axis": "_baseline-cross-axis_1bx3e_24",
-  "reverse-order": "_reverse-order_1bx3e_27",
-  vertical: C,
-  repell: N,
-  wrap: E,
-  "align-to-end": "_align-to-end_1bx3e_42",
-  "align-to-end-axis": "_align-to-end-axis_1bx3e_45",
-  "space-between": "_space-between_1bx3e_48",
-  stretch: T,
-  horizontal: j,
-  "gap-none": "_gap-none_1bx3e_63",
-  "gap-hairthin": "_gap-hairthin_1bx3e_66",
-  "gap-thin": "_gap-thin_1bx3e_69",
-  "gap-xxsmall": "_gap-xxsmall_1bx3e_72",
-  "gap-xsmall": "_gap-xsmall_1bx3e_75",
-  "gap-small": "_gap-small_1bx3e_78",
-  "gap-normal": "_gap-normal_1bx3e_81",
-  "gap-large": "_gap-large_1bx3e_84",
-  "gap-xlarge": "_gap-xlarge_1bx3e_87",
-  "gap-safezone": "_gap-safezone_1bx3e_90"
+import { jsx as i } from "react/jsx-runtime";
+import f from "react";
+import { Box as u } from "../Box/Box.js";
+import { clsx as b } from "../../../utils/clsx.js";
+import { FlexRestricter as v } from "./FlexRestricter.js";
+import '../../../assets/Flex.css';const z = "_root_w5him_1", R = "_centered_w5him_11", F = "_vertical_w5him_30", C = "_repell_w5him_36", N = "_wrap_w5him_39", B = "_stretch_w5him_51", E = "_horizontal_w5him_57", e = {
+  root: z,
+  "full-width": "_full-width_w5him_5",
+  "full-height": "_full-height_w5him_8",
+  centered: R,
+  "centered-axis": "_centered-axis_w5him_15",
+  "centered-cross-axis": "_centered-cross-axis_w5him_18",
+  "baseline-axis": "_baseline-axis_w5him_21",
+  "baseline-cross-axis": "_baseline-cross-axis_w5him_24",
+  "reverse-order": "_reverse-order_w5him_27",
+  vertical: F,
+  repell: C,
+  wrap: N,
+  "align-to-end": "_align-to-end_w5him_42",
+  "align-to-end-axis": "_align-to-end-axis_w5him_45",
+  "space-between": "_space-between_w5him_48",
+  stretch: B,
+  horizontal: E,
+  "gap-none": "_gap-none_w5him_63",
+  "gap-hairthin": "_gap-hairthin_w5him_66",
+  "gap-thin": "_gap-thin_w5him_69",
+  "gap-xxsmall": "_gap-xxsmall_w5him_72",
+  "gap-xsmall": "_gap-xsmall_w5him_75",
+  "gap-small": "_gap-small_w5him_78",
+  "gap-normal": "_gap-normal_w5him_81",
+  "gap-medium": "_gap-medium_w5him_84",
+  "gap-large": "_gap-large_w5him_87",
+  "gap-xlarge": "_gap-xlarge_w5him_90",
+  "gap-safezone": "_gap-safezone_w5him_93"
 };
-function A(l, s) {
+function T(r, s) {
   const {
-    fullWidth: n = !1,
-    fullHeight: o = !1,
-    vertical: t = !1,
     centered: a = !1,
-    repell: i = !1,
-    stretch: x = !1,
-    wrap: c = !1,
-    alignToEnd: p = !1,
-    alignToEndAxis: b = !1,
-    spaceBetween: g = !1,
-    reverseOrder: d = !1,
-    gap: f = "normal",
-    children: h,
-    className: m
-  } = l, u = v(e.root, m, e[`gap-${f}`], {
-    [e["full-width"]]: n,
-    [e["full-height"]]: o,
+    vertical: t = !1,
+    reverseOrder: n = !1,
+    stretch: l = !1,
+    wrap: o = !1,
+    spaceBetween: c = !1,
+    alignToEnd: m = !1,
+    alignToEndAxis: h = !1,
+    gap: p = "normal",
+    children: w,
+    className: g,
+    ...x
+  } = r, d = b(e.root, g, e[`gap-${p}`], {
     [e.centered]: a === !0,
     [e["centered-axis"]]: a === "axis",
     [e["centered-cross-axis"]]: a === "cross-axis",
@@ -57,21 +55,28 @@ function A(l, s) {
     [e["baseline-cross-axis"]]: a === "baseline-cross-axis",
     [e.vertical]: t,
     [e.horizontal]: !t,
-    [e.repell]: i,
-    [e.stretch]: x,
-    [e.wrap]: c,
-    [e["align-to-end"]]: p,
-    [e["align-to-end-axis"]]: b,
-    [e["space-between"]]: g,
-    [e["reverse-order"]]: d
+    [e.stretch]: l,
+    [e.wrap]: o,
+    [e["align-to-end"]]: m,
+    [e["align-to-end-axis"]]: h,
+    [e["space-between"]]: c,
+    [e["reverse-order"]]: n
   });
-  return /* @__PURE__ */ r("div", { ref: s, className: u, children: h });
+  return /* @__PURE__ */ i(
+    u,
+    {
+      ref: s,
+      className: d,
+      ...x,
+      children: w
+    }
+  );
 }
-const B = w.forwardRef(A), _ = B;
+const j = f.forwardRef(T), _ = j;
 _.Restricted = function({
   children: s
 }) {
-  return /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(z, { children: s }) });
+  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(v, { children: s }) });
 };
 export {
   _ as Flex

package/dist/components/Layout/Flex/FlexShowcase.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { FlexProps } from './Flex';
+
+declare function FlexShowcase(props: FlexProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FlexShowcase>;
+export default _default;

package/dist/components/Layout/Flex/FlexShowcase.js

@@ -0,0 +1,19 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import l from "react";
+import { Flex as s } from "./Flex.js";
+import '../../../assets/FlexShowcase.css';const t = "_box_1118n_1", o = {
+  box: t
+};
+function r(a) {
+  return /* @__PURE__ */ e(s, { gap: "large", vertical: !0, children: /* @__PURE__ */ c(s, { ...a, children: [
+    /* @__PURE__ */ e("div", { className: o.box }),
+    /* @__PURE__ */ e("div", { className: o.box }),
+    /* @__PURE__ */ e("div", { className: o.box }),
+    /* @__PURE__ */ e("div", { className: o.box }),
+    /* @__PURE__ */ e("div", { className: o.box })
+  ] }) });
+}
+const d = l.memo(r);
+export {
+  d as default
+};

package/dist/components/Layout/Pad/Pad.js

@@ -1,39 +1,40 @@
 import { jsx as m } from "react/jsx-runtime";
 import { clsx as u } from "../../../utils/clsx.js";
-import '../../../assets/Pad.css';const i = "_root_1wpeu_1", o = {
+import '../../../assets/Pad.css';const i = "_root_1aquh_1", o = {
   root: i,
-  "offset-none": "_offset-none_1wpeu_1",
-  "offset-hairthin": "_offset-hairthin_1wpeu_4",
-  "offset-thin": "_offset-thin_1wpeu_7",
-  "offset-xxsmall": "_offset-xxsmall_1wpeu_10",
-  "offset-xsmall": "_offset-xsmall_1wpeu_13",
-  "offset-small": "_offset-small_1wpeu_16",
-  "offset-normal": "_offset-normal_1wpeu_19",
-  "offset-large": "_offset-large_1wpeu_22",
-  "offset-xlarge": "_offset-xlarge_1wpeu_25",
-  "offset-safezone": "_offset-safezone_1wpeu_28",
-  "only-top": "_only-top_1wpeu_31",
-  "only-left": "_only-left_1wpeu_34",
-  "only-right": "_only-right_1wpeu_37",
-  "only-bottom": "_only-bottom_1wpeu_40"
+  "offset-none": "_offset-none_1aquh_1",
+  "offset-hairthin": "_offset-hairthin_1aquh_4",
+  "offset-thin": "_offset-thin_1aquh_7",
+  "offset-xxsmall": "_offset-xxsmall_1aquh_10",
+  "offset-xsmall": "_offset-xsmall_1aquh_13",
+  "offset-small": "_offset-small_1aquh_16",
+  "offset-normal": "_offset-normal_1aquh_19",
+  "offset-medium": "_offset-medium_1aquh_22",
+  "offset-large": "_offset-large_1aquh_25",
+  "offset-xlarge": "_offset-xlarge_1aquh_28",
+  "offset-safezone": "_offset-safezone_1aquh_31",
+  "only-top": "_only-top_1aquh_34",
+  "only-left": "_only-left_1aquh_37",
+  "only-right": "_only-right_1aquh_40",
+  "only-bottom": "_only-bottom_1aquh_43"
 };
-function h(_) {
+function x(l) {
   const {
-    top: t = !1,
-    left: f = !1,
+    top: f = !1,
+    left: e = !1,
     right: s = !1,
-    bottom: l = !1,
-    size: n = "normal",
-    children: a,
-    className: r
-  } = _, e = !(t || f || s || l), p = u(o.root, r, o[`offset-${n}`], {
-    [o["only-top"]]: e || t,
-    [o["only-left"]]: e || f,
-    [o["only-right"]]: e || s,
-    [o["only-bottom"]]: e || l
+    bottom: _ = !1,
+    size: a = "normal",
+    children: n,
+    className: h
+  } = l, t = !(f || e || s || _), r = u(o.root, h, o[`offset-${a}`], {
+    [o["only-top"]]: t || f,
+    [o["only-left"]]: t || e,
+    [o["only-right"]]: t || s,
+    [o["only-bottom"]]: t || _
   });
-  return /* @__PURE__ */ m("div", { className: p, children: a });
+  return /* @__PURE__ */ m("div", { className: r, children: n });
 }
 export {
-  h as Pad
+  x as Pad
 };

package/dist/components/Separator/Separator.js

@@ -1,40 +1,41 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
 import { clsx as l } from "../../utils/clsx.js";
-import '../../assets/Separator.css';const m = "_root_1aovm_1", p = "_separator_1aovm_4", c = "_content_1aovm_39", i = "_thin_1aovm_42", v = "_vertical_1aovm_48", x = "_text_1aovm_92", a = {
-  root: m,
-  "separator-offset-none": "_separator-offset-none_1aovm_4",
-  "separator-offset-hairthin": "_separator-offset-hairthin_1aovm_7",
-  "separator-offset-thin": "_separator-offset-thin_1aovm_10",
-  "separator-offset-xxsmall": "_separator-offset-xxsmall_1aovm_13",
-  "separator-offset-xsmall": "_separator-offset-xsmall_1aovm_16",
-  "separator-offset-small": "_separator-offset-small_1aovm_19",
-  "separator-offset-normal": "_separator-offset-normal_1aovm_22",
-  "separator-offset-large": "_separator-offset-large_1aovm_25",
-  "separator-offset-xlarge": "_separator-offset-xlarge_1aovm_28",
-  "separator-offset-safezone": "_separator-offset-safezone_1aovm_31",
-  separator: p,
+import '../../assets/Separator.css';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: i,
-  vertical: v,
-  text: x
+  thin: d,
+  vertical: m,
+  text: u
 };
-function N(s) {
+function h(o) {
   const {
-    content: t,
+    content: a,
     thin: r = !1,
-    vertical: f = !1,
-    offset: _ = "none"
-  } = s, e = l(a.root, a[`separator-offset-${_}`], {
-    [a.text]: !!t,
-    [a.thin]: r,
-    [a.vertical]: f
+    vertical: n = !1,
+    offset: f = "none"
+  } = o, e = l(s.root, s[`separator-offset-${f}`], {
+    [s.text]: !!a,
+    [s.thin]: r,
+    [s.vertical]: n
   });
-  return t ? /* @__PURE__ */ n("div", { className: e, children: [
-    /* @__PURE__ */ o("div", { className: a.separator }),
-    /* @__PURE__ */ o("div", { className: a.content, children: t }),
-    /* @__PURE__ */ o("div", { className: a.separator })
-  ] }) : /* @__PURE__ */ o("div", { className: e, children: /* @__PURE__ */ o("div", { className: a.separator }) });
+  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 }) });
 }
 export {
-  N as Separator
+  h as Separator
 };

package/dist/components/Spacer/Spacer.js

@@ -1,29 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { clsx as l } from "../../utils/clsx.js";
-import '../../assets/Spacer.css';const r = "_root_17cx7_1", t = "_horizontal_17cx7_1", c = "_vertical_17cx7_34", s = {
+import '../../assets/Spacer.css';const r = "_root_x8a9c_1", z = "_horizontal_x8a9c_1", c = "_vertical_x8a9c_37", e = {
   root: r,
-  horizontal: t,
-  "size-none": "_size-none_17cx7_4",
-  "size-hairthin": "_size-hairthin_17cx7_7",
-  "size-thin": "_size-thin_17cx7_10",
-  "size-xxsmall": "_size-xxsmall_17cx7_13",
-  "size-xsmall": "_size-xsmall_17cx7_16",
-  "size-small": "_size-small_17cx7_19",
-  "size-normal": "_size-normal_17cx7_22",
-  "size-large": "_size-large_17cx7_25",
-  "size-xlarge": "_size-xlarge_17cx7_28",
-  "size-safezone": "_size-safezone_17cx7_31",
+  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
 };
-function x(i) {
+function x(s) {
   const {
-    size: _ = "normal",
-    vertical: e = !1
-  } = i, o = l(s.root, s[`size-${_}`], {
-    [s.horizontal]: !e,
-    [s.vertical]: e
+    size: i = "normal",
+    vertical: a = !1
+  } = s, _ = l(e.root, e[`size-${i}`], {
+    [e.horizontal]: !a,
+    [e.vertical]: a
   });
-  return /* @__PURE__ */ a("div", { className: o });
+  return /* @__PURE__ */ o("div", { className: _ });
 }
 export {
   x as Spacer

package/dist/components/Table/Table.d.ts

@@ -1,17 +1,29 @@
 import { default as React } from 'react';
 
-interface ITableProps {
-    headers: string[];
-    data: Array<Array<string | number | Date | React.ReactNode>>;
+export interface TableHeaderType {
+    text: string;
+    sortable?: boolean;
+    sortKey?: string;
+}
+export type TableRowType = Array<string | number | Date | React.ReactNode>;
+export type DataContainerType = React.FC<{
+    item: string | number | Date | React.ReactNode;
+}>;
+interface TableHeaderItemProps {
+    item: TableHeaderType;
+    onSortClick?: (sortKey: string) => void;
+}
+export declare function TableHeaderItem(props: TableHeaderItemProps): import("react/jsx-runtime").JSX.Element;
+export interface TableProps {
+    headers: TableHeaderType[];
+    data: TableRowType[];
     includeRadio?: boolean;
-    onSelectChange?: (rowIndex: number) => void;
-    dataContainer?: React.FC<{
-        item: string | number | Date | React.ReactNode;
-    }> | undefined;
-    useSort?: boolean;
+    onSelectChange?: (rowIndex: number | null) => void;
+    dataContainer?: DataContainerType;
+    selectedRow?: number | null;
     sortBy?: string;
     sortOrder?: 'asc' | 'desc';
     onSortChange?: (sortBy: string, sortOrder: 'asc' | 'desc') => void;
 }
-export declare function Table({ headers, data, includeRadio, onSelectChange, dataContainer, useSort, sortBy: initialSortBy, sortOrder: initialSortOrder, onSortChange, }: ITableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ headers, data, includeRadio, onSelectChange, dataContainer, selectedRow: outerSelectedRow, sortBy: outerSortBy, sortOrder: outerSortOrder, onSortChange, }: TableProps): import("react/jsx-runtime").JSX.Element;
 export {};