@cfx-dev/ui-components 1.0.0 → 2.0.1

package/dist/components/Select/SelectShowcase.d.ts

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

package/dist/components/Select/SelectShowcase.js

@@ -0,0 +1,121 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import o from "react";
+import { Flex as a } from "../Layout/Flex/Flex.js";
+import { Text as i } from "../Text/Text.js";
+import { Select as n } from "./Select.js";
+const t = [
+  {
+    value: "value",
+    label: "Label"
+  },
+  {
+    value: "value2",
+    label: "Label1"
+  },
+  {
+    value: "value3",
+    label: "Label2"
+  },
+  {
+    value: "value4",
+    label: "Label3"
+  },
+  {
+    value: "value5",
+    label: "Label4"
+  },
+  {
+    value: "value6",
+    label: "Label5"
+  },
+  {
+    value: "value7",
+    label: "Label6"
+  },
+  {
+    value: "value8",
+    label: "Label7"
+  }
+];
+function d() {
+  const [c, r] = o.useState("value");
+  return /* @__PURE__ */ l(a, { gap: "large", vertical: !0, children: [
+    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Size small" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n,
+        {
+          size: "small",
+          value: c,
+          onChange: r,
+          options: t
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Size normal" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n,
+        {
+          value: c,
+          onChange: r,
+          options: t
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Size large" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n,
+        {
+          size: "large",
+          value: c,
+          onChange: r,
+          options: t
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Placeholder" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n,
+        {
+          placeholder: "Placeholder",
+          size: "large",
+          onChange: r,
+          options: t
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Disabled" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n,
+        {
+          disabled: !0,
+          size: "large",
+          value: c,
+          onChange: r,
+          options: t
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ l(a, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "Full Width" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        n,
+        {
+          fullWidth: !0,
+          size: "large",
+          value: c,
+          onChange: r,
+          options: t
+        }
+      ) })
+    ] })
+  ] });
+}
+const g = o.memo(d);
+export {
+  g as default
+};

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption } from './Select';

package/dist/components/Select/index.js

@@ -0,0 +1,4 @@
+import { Select as r } from "./Select.js";
+export {
+  r as Select
+};

package/dist/components/Separator/Separator.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
+import { OffsetType } from '../../types/Offset';
 
 export interface SeparatorProps {
     thin?: boolean;
     vertical?: boolean;
     content?: React.ReactNode;
+    offset?: OffsetType;
 }
 export declare function Separator(props: SeparatorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Separator/Separator.js

@@ -1,28 +1,39 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { clsx as i } from "../../utils/clsx.js";
-import '../../assets/Separator.css';const l = "_root_1omks_1", _ = "_separator_1omks_4", m = "_content_1omks_9", v = "_thin_1omks_12", p = "_vertical_1omks_18", d = "_text_1omks_32", t = {
-  root: l,
-  separator: _,
-  content: m,
-  thin: v,
-  vertical: p,
-  text: d
+import { jsxs as n, jsx as o } 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,
+  content: c,
+  thin: i,
+  vertical: v,
+  text: x
 };
-function N(r) {
+function N(s) {
   const {
-    content: s,
-    thin: a = !1,
-    vertical: n = !1
-  } = r, e = i(t.root, {
-    [t.text]: !!s,
-    [t.thin]: a,
-    [t.vertical]: n
+    content: t,
+    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
   });
-  return s ? /* @__PURE__ */ c("div", { className: e, children: [
-    /* @__PURE__ */ o("div", { className: t.separator }),
-    /* @__PURE__ */ o("div", { className: t.content, children: s }),
-    /* @__PURE__ */ o("div", { className: t.separator })
-  ] }) : /* @__PURE__ */ o("div", { className: e, children: /* @__PURE__ */ o("div", { className: t.separator }) });
+  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 }) });
 }
 export {
   N as Separator

package/dist/components/Shroud/Shroud.js

@@ -2,17 +2,20 @@ 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 { useOutlet as v, useWindowResize as x } from "../../utils/hooks.js";
+import "../../utils/hooks/useGlobalKeyboardEvent.js";
+import "../../utils/hooks/useKeyboardClose.js";
+import { useWindowResize as v } from "../../utils/hooks/useWindowResize.js";
+import { useOutlet as x } from "../../utils/hooks/useOutlet.js";
 import '../../assets/Shroud.css';const b = "_root_7v6x1_1", g = "_tile_7v6x1_6", e = {
   root: b,
   tile: g
-}, S = r.forwardRef(function(c, n) {
+}, P = r.forwardRef(function(c, n) {
   const {
     forRef: s
-  } = c, [u, d] = r.useState({}), f = v(p, "before"), i = r.useCallback(() => {
+  } = c, [m, u] = r.useState({}), d = x(p, "before"), i = r.useCallback(() => {
     if (!s.current)
       return;
-    const o = s.current.getBoundingClientRect(), m = {
+    const o = s.current.getBoundingClientRect(), f = {
       x: o.x,
       y: o.y,
       w: o.width,
@@ -20,16 +23,16 @@ import '../../assets/Shroud.css';const b = "_root_7v6x1_1", g = "_tile_7v6x1_6",
       sw: globalThis.screen.availWidth,
       sh: globalThis.screen.availHeight
     };
-    d(
+    u(
       Object.fromEntries(
-        Object.entries(m).flatMap(([a, l]) => [
+        Object.entries(f).flatMap(([a, l]) => [
           [`--${a}`, _.px(l)],
           [`--${a}-raw`, l]
         ])
       )
     );
   }, []);
-  return r.useEffect(i, []), x(i), /* @__PURE__ */ t(f, { children: /* @__PURE__ */ h("div", { ref: n, className: e.root, style: u, children: [
+  return r.useEffect(i, []), v(i), /* @__PURE__ */ t(d, { children: /* @__PURE__ */ h("div", { ref: n, className: e.root, style: m, 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 }),
@@ -37,5 +40,5 @@ import '../../assets/Shroud.css';const b = "_root_7v6x1_1", g = "_tile_7v6x1_6",
   ] }) });
 });
 export {
-  S as Shroud
+  P as Shroud
 };

package/dist/components/Spacer/Spacer.d.ts

@@ -1,5 +1,7 @@
+import { OffsetType } from '../../types/Offset';
+
 export interface SpacerProps {
-    size?: 'none' | 'thin' | 'small' | 'normal' | 'large' | 'xlarge';
+    size?: OffsetType;
     vertical?: boolean;
 }
 export declare function Spacer(props: SpacerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Spacer/Spacer.js

@@ -1,26 +1,30 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { clsx as l } from "../../utils/clsx.js";
-import '../../assets/Spacer.css';const a = "_root_19yue_1", t = "_horizontal_19yue_1", e = {
-  root: a,
+import '../../assets/Spacer.css';const r = "_root_17cx7_1", t = "_horizontal_17cx7_1", c = "_vertical_17cx7_34", s = {
+  root: r,
   horizontal: t,
-  "size-none": "_size-none_19yue_4",
-  "size-thin": "_size-thin_19yue_7",
-  "size-xsmall": "_size-xsmall_19yue_10",
-  "size-small": "_size-small_19yue_13",
-  "size-normal": "_size-normal_19yue_16",
-  "size-large": "_size-large_19yue_19",
-  "size-xlarge": "_size-xlarge_19yue_22"
+  "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",
+  vertical: c
 };
-function m(s) {
+function x(i) {
   const {
-    size: i = "normal",
-    vertical: o = !1
-  } = s, _ = l(e.root, e[`size-${i}`], {
-    [e.horizontal]: !o,
-    [e.vertical]: o
+    size: _ = "normal",
+    vertical: e = !1
+  } = i, o = l(s.root, s[`size-${_}`], {
+    [s.horizontal]: !e,
+    [s.vertical]: e
   });
-  return /* @__PURE__ */ r("div", { className: _ });
+  return /* @__PURE__ */ a("div", { className: o });
 }
 export {
-  m as Spacer
+  x as Spacer
 };

package/dist/components/Switch/Switch.d.ts

@@ -1,17 +1,8 @@
 import { default as React } from 'react';
-
-export interface SwitchOption {
-    value: string;
-    label: React.ReactNode;
-    icon?: React.ReactNode;
-    description?: string;
+import * as SwitchUi from '@radix-ui/react-switch';
+export interface SwitchProps extends SwitchUi.SwitchProps {
+    classNameRoot?: string;
+    classNameThumb?: string;
 }
-export interface SwitchProps {
-    value: string;
-    options: SwitchOption[];
-    onChange: <T extends string>(value: T) => void;
-    className?: string;
-    disabled?: boolean;
-    multiline?: boolean;
-}
-export declare const Switch: React.NamedExoticComponent<SwitchProps>;
+declare const _default: React.NamedExoticComponent<SwitchProps>;
+export default _default;

package/dist/components/Switch/Switch.js

@@ -1,65 +1,122 @@
-import { jsxs as r, jsx as p } from "react/jsx-runtime";
-import d from "react";
-import { Interactive as S } from "../Interactive/Interactive.js";
-import { clsx as _ } from "../../utils/clsx.js";
-import '../../assets/Switch.css';const g = "_root_11dd4_1", j = "_disabled_11dd4_7", k = "_descripted_11dd4_11", w = "_multiline_11dd4_14", E = "_options_11dd4_18", L = "_option_11dd4_18", O = "_description_11dd4_25", I = "_active_11dd4_73", e = {
-  root: g,
-  disabled: j,
-  descripted: k,
-  multiline: w,
-  options: E,
-  option: L,
-  description: O,
-  active: I
-}, m = (l, i) => {
-  var o;
-  return ((o = i.find((t) => t.value === l)) == null ? void 0 : o.description) || "";
-}, A = d.memo(function(i) {
-  const {
-    value: o,
-    options: t,
-    onChange: a,
-    className: u = "",
-    disabled: v = !1,
-    multiline: f = !1
-  } = i, [n, c] = d.useState(m(o, t)), h = d.useMemo(
-    () => t.map((s, b) => {
-      const C = () => {
-        a(s.value);
-      }, M = () => {
-        c(s.description || "");
-      }, x = () => {
-        c(m(o, t));
-      }, D = _(e.option, {
-        [e.active]: s.value === o
-      });
-      return /* @__PURE__ */ r(
-        S,
+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 '../../assets/Switch.css';var S = "Switch", [z, Y] = B(S), [A, O] = z(S), P = a.forwardRef(
+  (t, s) => {
+    const {
+      __scopeSwitch: e,
+      name: o,
+      checked: c,
+      defaultChecked: d,
+      required: u,
+      disabled: r,
+      value: h = "on",
+      onCheckedChange: m,
+      ...v
+    } = t, [n, f] = a.useState(null), x = H(s, (p) => f(p)), w = a.useRef(!1), k = n ? !!n.closest("form") : !0, [l = !1, g] = I({
+      prop: c,
+      defaultProp: d,
+      onChange: m
+    });
+    return /* @__PURE__ */ N(A, { scope: e, checked: l, disabled: r, children: [
+      /* @__PURE__ */ i(
+        _.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": l,
+          "aria-required": u,
+          "data-state": T(l),
+          "data-disabled": r ? "" : void 0,
+          disabled: r,
+          value: h,
+          ...v,
+          ref: x,
+          onClick: M(t.onClick, (p) => {
+            g((E) => !E), k && (w.current = p.isPropagationStopped(), w.current || p.stopPropagation());
+          })
+        }
+      ),
+      k && /* @__PURE__ */ i(
+        $,
         {
-          className: D,
-          tabIndex: b,
-          onClick: C,
-          onMouseEnter: M,
-          onMouseLeave: x,
-          children: [
-            s.icon || null,
-            s.label
-          ]
-        },
-        s.value
-      );
-    }),
-    [o, t, a, c]
-  ), N = _(e.root, u, {
-    [e.disabled]: v,
-    [e.descripted]: n,
-    [e.multiline]: f
-  });
-  return /* @__PURE__ */ r("div", { className: N, children: [
-    /* @__PURE__ */ p("div", { className: e.options, children: h }),
-    n && /* @__PURE__ */ p("div", { className: e.description, children: n })
-  ] });
-});
+          control: n,
+          bubbles: !w.current,
+          name: o,
+          value: h,
+          checked: l,
+          required: u,
+          disabled: r,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+P.displayName = S;
+var R = "SwitchThumb", y = a.forwardRef(
+  (t, s) => {
+    const { __scopeSwitch: e, ...o } = t, c = O(R, e);
+    return /* @__PURE__ */ i(
+      _.span,
+      {
+        "data-state": T(c.checked),
+        "data-disabled": c.disabled ? "" : void 0,
+        ...o,
+        ref: s
+      }
+    );
+  }
+);
+y.displayName = R;
+var $ = (t) => {
+  const { control: s, checked: e, bubbles: o = !0, ...c } = t, d = a.useRef(null), u = j(e), r = q(s);
+  return a.useEffect(() => {
+    const h = d.current, m = window.HTMLInputElement.prototype, n = Object.getOwnPropertyDescriptor(m, "checked").set;
+    if (u !== e && n) {
+      const f = new Event("click", { bubbles: o });
+      n.call(h, e), h.dispatchEvent(f);
+    }
+  }, [u, e, o]), /* @__PURE__ */ i(
+    "input",
+    {
+      type: "checkbox",
+      "aria-hidden": !0,
+      defaultChecked: e,
+      ...c,
+      tabIndex: -1,
+      ref: d,
+      style: {
+        ...t.style,
+        ...r,
+        position: "absolute",
+        pointerEvents: "none",
+        opacity: 0,
+        margin: 0
+      }
+    }
+  );
+};
+function T(t) {
+  return t ? "checked" : "unchecked";
+}
+var D = P, F = y;
+const L = "_switchUnset_adsuh_1", W = "_switchRoot_adsuh_5", X = "_switchThumb_adsuh_30", b = {
+  switchUnset: L,
+  switchRoot: W,
+  switchThumb: X
+};
+function G(t) {
+  const {
+    classNameRoot: s,
+    classNameThumb: e,
+    ...o
+  } = t;
+  return /* @__PURE__ */ i(D, { ...o, className: C(b.switchRoot, b.switchUnset, s), children: /* @__PURE__ */ i(F, { className: C(b.switchThumb, e) }) });
+}
+const Z = U.memo(G);
 export {
-  A as Switch
+  Z as default
 };

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Switch } from './Switch';
+export type { SwitchProps } from './Switch';

package/dist/components/Switch/index.js

@@ -0,0 +1,4 @@
+import { default as e } from "./Switch.js";
+export {
+  e as Switch
+};

package/dist/components/Table/Table.js

@@ -1,54 +1,60 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import d, { useState as i } from "react";
-import { F, a as A } from "../../index.esm-BkynlSN6.js";
-import '../../assets/Table.css';const E = "_selectedRow_1jg2j_23", _ = {
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import o, { useState as d } from "react";
+import { G as R } from "../../iconBase-C6DV9qqL.js";
+import '../../assets/Table.css';function x(r) {
+  return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" } }] })(r);
+}
+function L(r) {
+  return R({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z" } }] })(r);
+}
+const z = "_selectedRow_1jg2j_23", w = {
   "table-responsive": "_table-responsive_1jg2j_1",
-  selectedRow: E
+  selectedRow: z
 };
-function S({
-  headers: h = [],
-  data: w = [],
-  includeRadio: n = !1,
-  onSelectChange: c,
-  dataContainer: p,
-  useSort: m = !1,
+function G({
+  headers: r = [],
+  data: _ = [],
+  includeRadio: p = !1,
+  onSelectChange: l,
+  dataContainer: u,
+  useSort: h = !1,
   sortBy: j,
-  sortOrder: v = "asc",
-  onSortChange: o
+  sortOrder: y = "asc",
+  onSortChange: i
 }) {
-  const [b, f] = i(null), [u, y] = i(j), [R, k] = i(v), O = (e) => {
-    const l = u === e && R === "asc" ? "desc" : "asc";
-    y(e), k(l), o == null || o(e, l);
-  }, $ = d.useCallback((e) => {
-    f(parseInt(e.target.value, 10)), c == null || c(parseInt(e.target.value, 10));
-  }, [f, c]);
-  return /* @__PURE__ */ t("div", { className: _.table, children: /* @__PURE__ */ a("table", { children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
-      n && /* @__PURE__ */ t("th", { children: "Select Row" }),
-      h.map((e, s) => /* @__PURE__ */ a("th", { onClick: () => m && O(e), children: [
-        e,
-        m && u === e && /* @__PURE__ */ t("span", { children: R === "asc" ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(A, {}) })
+  const [m, f] = d(null), [b, g] = d(j), [v, B] = d(y), k = (t) => {
+    const c = b === t && v === "asc" ? "desc" : "asc";
+    g(t), B(c), i == null || i(t, c);
+  }, O = o.useCallback((t) => {
+    f(parseInt(t.target.value, 10)), l == null || l(parseInt(t.target.value, 10));
+  }, [f, l]);
+  return /* @__PURE__ */ e("div", { className: w.table, children: /* @__PURE__ */ n("table", { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+      p && /* @__PURE__ */ e("th", { children: "Select Row" }),
+      r.map((t, s) => /* @__PURE__ */ n("th", { onClick: () => h && k(t), children: [
+        t,
+        h && b === t && /* @__PURE__ */ e("span", { children: v === "asc" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(x, {}) })
       ] }, `header-${s}`))
     ] }) }),
-    /* @__PURE__ */ t("tbody", { children: w.map((e, s) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e("tbody", { children: _.map((t, s) => /* @__PURE__ */ n(
       "tr",
       {
-        className: b === s ? _.selectedRow : "",
+        className: m === s ? w.selectedRow : "",
         children: [
-          n && /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
+          p && /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
             "input",
             {
               type: "radio",
               name: "tableRowSelect",
               value: s,
-              checked: b === s,
-              onChange: $,
+              checked: m === s,
+              onChange: O,
               "aria-label": `${s}`
             }
           ) }),
-          e.map((l, B) => {
-            let r;
-            return d.isValidElement(l) ? r = l : p ? r = d.createElement(p, { item: l }) : r = String(l), /* @__PURE__ */ t("td", { children: r }, `item-${B}`);
+          t.map((c, $) => {
+            let a;
+            return o.isValidElement(c) ? a = c : u ? a = o.createElement(u, { item: c }) : a = String(c), /* @__PURE__ */ e("td", { children: a }, `item-${$}`);
           })
         ]
       },
@@ -57,5 +63,5 @@ function S({
   ] }) });
 }
 export {
-  S as Table
+  G as Table
 };