@cfx-dev/ui-components 2.1.22 → 2.1.24

package/dist/components/InputDropzone/InputDropzone.js

@@ -170,7 +170,7 @@ function Sr(e, r) {
         case 0:
           return e.items ? (t = Ee(e.items).filter(function(a) {
             return a.kind === "file";
-          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(zr))]) : [3, 2];
+          }), r !== "drop" ? [2, t] : [4, Promise.all(t.map(kr))]) : [3, 2];
         case 1:
           return n = i.sent(), [2, Ge(nr(n))];
         case 2:
@@ -195,7 +195,7 @@ function Ee(e) {
   }
   return r;
 }
-function zr(e) {
+function kr(e) {
   if (typeof e.webkitGetAsEntry != "function")
     return qe(e);
   var r = e.webkitGetAsEntry();
@@ -213,7 +213,7 @@ function qe(e) {
   var t = q(r);
   return Promise.resolve(t);
 }
-function kr(e) {
+function zr(e) {
   return M(this, void 0, void 0, function() {
     return $(this, function(r) {
       return [2, e.isDirectory ? or(e) : Lr(e)];
@@ -243,7 +243,7 @@ function or(e) {
               case 4:
                 return [3, 6];
               case 5:
-                O = Promise.all(u.map(kr)), i.push(O), a(), g.label = 6;
+                O = Promise.all(u.map(zr)), i.push(O), a(), g.label = 6;
               case 6:
                 return [
                   2
@@ -809,12 +809,12 @@ function dr() {
       window.removeEventListener("focus", Se, !1);
     };
   }, [D, Re, X, Z]);
-  var R = ie([]), ze = function(c) {
+  var R = ie([]), ke = function(c) {
     v.current && v.current.contains(c.target) || (c.preventDefault(), R.current = []);
   };
   Oe(function() {
-    return N && (document.addEventListener("dragover", er, !1), document.addEventListener("drop", ze, !1)), function() {
-      N && (document.removeEventListener("dragover", er), document.removeEventListener("drop", ze));
+    return N && (document.addEventListener("dragover", er, !1), document.addEventListener("drop", ke, !1)), function() {
+      N && (document.removeEventListener("dragover", er), document.removeEventListener("drop", ke));
     };
   }, [v, N]), Oe(function() {
     return !n && V && v.current && v.current.focus(), function() {
@@ -822,7 +822,7 @@ function dr() {
   }, [v, V, n]);
   var C = A(function(o) {
     fe ? fe(o) : console.error(o);
-  }, [fe]), ke = A(function(o) {
+  }, [fe]), ze = A(function(o) {
     o.preventDefault(), o.persist(), ne(o), R.current = [].concat(lt(R.current), [o.target]), ae(o) && Promise.resolve(i(o)).then(function(c) {
       if (!(se(o) && !I)) {
         var d = c.length, m = d > 0 && Qr({
@@ -867,7 +867,7 @@ function dr() {
   }, [v, O, I]), ee = A(function(o, c) {
     var d = [], m = [];
     o.forEach(function(b) {
-      var U = cr(b, B), k = Fe(U, 2), ge = k[0], ve = k[1], ye = ur(b, s, a), oe = Fe(ye, 2), be = oe[0], he = oe[1], De = W ? W(b) : null;
+      var U = cr(b, B), z = Fe(U, 2), ge = z[0], ve = z[1], ye = ur(b, s, a), oe = Fe(ye, 2), be = oe[0], he = oe[1], De = W ? W(b) : null;
       if (ge && be && !De)
         d.push(b);
       else {
@@ -934,23 +934,23 @@ function dr() {
     });
   }, []), He = A(function() {
     Q || (et() ? setTimeout(S, 0) : S());
-  }, [Q, S]), z = function(c) {
+  }, [Q, S]), k = function(c) {
     return n ? null : c;
   }, me = function(c) {
-    return H ? null : z(c);
+    return H ? null : k(c);
   }, te = function(c) {
-    return h ? null : z(c);
+    return h ? null : k(c);
   }, ne = function(c) {
     I && c.stopPropagation();
   }, vr = L(function() {
     return function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.role, b = o.onKeyDown, U = o.onFocus, k = o.onBlur, ge = o.onClick, ve = o.onDragEnter, ye = o.onDragOver, oe = o.onDragLeave, be = o.onDrop, he = le(o, ut);
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.role, b = o.onKeyDown, U = o.onFocus, z = o.onBlur, ge = o.onClick, ve = o.onDragEnter, ye = o.onDragOver, oe = o.onDragLeave, be = o.onDrop, he = le(o, ut);
       return f(f(je({
         onKeyDown: me(F(b, $e)),
         onFocus: me(F(U, Ke)),
-        onBlur: me(F(k, Ne)),
-        onClick: z(F(ge, He)),
-        onDragEnter: te(F(ve, ke)),
+        onBlur: me(F(z, Ne)),
+        onClick: k(F(ge, He)),
+        onDragEnter: te(F(ve, ze)),
         onDragOver: te(F(ye, Le)),
         onDragLeave: te(F(oe, Me)),
         onDrop: te(F(be, re)),
@@ -959,22 +959,22 @@ function dr() {
         tabIndex: 0
       } : {}), he);
     };
-  }, [v, $e, Ke, Ne, He, ke, Le, Me, re, H, h, n]), yr = A(function(o) {
+  }, [v, $e, Ke, Ne, He, ze, Le, Me, re, H, h, n]), yr = A(function(o) {
     o.stopPropagation();
   }, []), br = L(function() {
     return function() {
-      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.onChange, b = o.onClick, U = le(o, st), k = je({
+      var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, c = o.refKey, d = c === void 0 ? "ref" : c, m = o.onChange, b = o.onClick, U = le(o, st), z = je({
         accept: B,
         multiple: u,
         type: "file",
         style: {
           display: "none"
         },
-        onChange: z(F(m, re)),
-        onClick: z(F(b, yr)),
+        onChange: k(F(m, re)),
+        onClick: k(F(b, yr)),
         tabIndex: -1
       }, d, D);
-      return f(f({}, k), U);
+      return f(f({}, z), U);
     };
   }, [D, t, u, re, n]);
   return f(f({}, de), {}, {
@@ -983,7 +983,7 @@ function dr() {
     getInputProps: br,
     rootRef: v,
     inputRef: D,
-    open: z(S)
+    open: k(S)
   });
 }
 function bt(e, r) {
@@ -1023,7 +1023,7 @@ function bt(e, r) {
 }
 function tr() {
 }
-const ht = "_dropzone_1253u_1", Dt = "_text_1253u_18", At = "_disabled_1253u_24", wt = "_focused_1253u_38", Ot = "_dragActive_1253u_38", E = {
+const ht = "_dropzone_1kj2k_1", Dt = "_text_1kj2k_18", At = "_disabled_1kj2k_24", wt = "_focused_1kj2k_38", Ot = "_dragActive_1kj2k_38", E = {
   dropzone: ht,
   text: Dt,
   disabled: At,

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

@@ -7,6 +7,7 @@ export interface BoxProps extends MPProps {
     grow?: boolean;
     fullWidth?: boolean;
     fullHeight?: boolean;
+    fitContentWidth?: boolean;
     /**
      * Number values is treated like quant multiplier
      * String value used as is

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

@@ -1,104 +1,107 @@
 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 c from "react";
+import { useContextualStyle as W } from "../../Style/Style.js";
+import { ui as a } from "../../ui.js";
 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"
+import '../../../assets/Box.css';const z = "_root_1rhjm_1", D = "_grow_1rhjm_16", t = {
+  root: z,
+  "full-width": "_full-width_1rhjm_1",
+  "fit-content-width": "_fit-content-width_1rhjm_4",
+  "full-height": "_full-height_1rhjm_7",
+  "no-overflow": "_no-overflow_1rhjm_10",
+  "no-shrink": "_no-shrink_1rhjm_13",
+  grow: D,
+  "no-grow": "_no-grow_1rhjm_19"
 };
-function b(r) {
-  return typeof r == "string" ? r : d.q(r);
+function y(r) {
+  return typeof r == "string" ? r : a.q(r);
 }
-const J = m.forwardRef(function(x, y) {
+const K = c.forwardRef(function(S, M) {
   const {
-    noOverflow: S = !1,
-    noShrink: M = !1,
+    noOverflow: k = !1,
+    noShrink: v = !1,
     grow: e = void 0,
-    width: g,
-    height: a,
+    width: d,
+    height: g,
     children: A,
-    className: N,
-    fullWidth: R,
-    fullHeight: q,
+    className: C,
+    fullWidth: N,
+    fullHeight: R,
+    fitContentWidth: b,
     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
+    m: n,
+    mt: i,
+    mr: l,
+    mb: s,
+    ml: f,
+    p: h,
+    pt: m,
+    pr: _,
+    pb: w,
+    pl: u
+  } = S, j = W(), q = H(t.root, C, {
+    [t["full-width"]]: N,
+    [t["full-height"]]: R,
+    [t["fit-content-width"]]: b,
+    [t["no-overflow"]]: k,
+    [t["no-shrink"]]: v,
+    [t["no-grow"]]: e === !1,
+    [t.grow]: e === !0
+  }), B = c.useMemo(() => a.getAllMPAttrs({
+    m: n,
+    mt: i,
+    mr: l,
+    mb: s,
+    ml: f,
+    p: h,
+    pt: m,
+    pr: _,
+    pb: w,
+    pl: u
   }), [
+    n,
+    i,
     l,
     s,
-    n,
     f,
-    i,
-    c,
     h,
-    u,
+    m,
     _,
-    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
+    w,
+    u
+  ]), x = c.useMemo(() => a.getAllMPStyles({
+    m: n,
+    mt: i,
+    mr: l,
+    mb: s,
+    ml: f,
+    p: h,
+    pt: m,
+    pr: _,
+    pb: w,
+    pl: u
   }), [
+    n,
+    i,
     l,
     s,
-    n,
     f,
-    i,
-    c,
     h,
-    u,
+    m,
     _,
-    w
-  ]), O = m.useMemo(() => {
-    const t = {
-      ...v,
-      ...k,
+    w,
+    u
+  ]), O = c.useMemo(() => {
+    const o = {
+      ...x,
+      ...j,
       ...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 });
+    return d && (o.width = y(d)), g && (o.height = y(g)), !o.width && e === !0 && (o.width = "1px"), o;
+  }, [e, g, x, p, d, j]);
+  return /* @__PURE__ */ P("div", { ...B, ref: M, className: q, style: O, children: A });
 });
 export {
-  J as Box
+  K as Box
 };

package/dist/components/Link/ButtonLink.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { LinkBaseProps } from './Link';
+
+export type LinkProps = React.ButtonHTMLAttributes<HTMLButtonElement> & LinkBaseProps & {
+    type?: HTMLButtonElement['type'];
+};
+declare function ButtonLink(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ButtonLink>;
+export default _default;

package/dist/components/Link/ButtonLink.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import m from "react";
+import { getLinkClassName as i } from "./Link.js";
+function l(t) {
+  const {
+    className: c,
+    children: o,
+    type: a = "button",
+    disabled: e = !1,
+    ...s
+  } = t, n = i(t);
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ...s,
+      className: n,
+      type: a,
+      "aria-disabled": e,
+      children: o
+    }
+  );
+}
+const b = m.memo(l);
+export {
+  b as default
+};

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface LinkBaseProps {
+    className?: string;
+    disabled?: boolean;
+    unstyled?: boolean;
+    theme?: 'default' | 'secondary';
+}
+export declare function getLinkClassName(props: LinkBaseProps): string;
+export type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & LinkBaseProps;
+declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Link>;
+export default _default;

package/dist/components/Link/Link.js

@@ -0,0 +1,35 @@
+import { jsx as r } from "react/jsx-runtime";
+import c from "react";
+import { clsx as d } from "../../utils/clsx.js";
+import '../../assets/Link.css';const u = "_unsetAll_6pbf7_1", f = "_root_6pbf7_5", i = "_unstyled_6pbf7_30", m = "_secondary_6pbf7_33", s = {
+  unsetAll: u,
+  root: f,
+  unstyled: i,
+  secondary: m
+};
+function _(t) {
+  const {
+    className: n,
+    disabled: e = !1,
+    unstyled: o = !1,
+    theme: l = "default"
+  } = t;
+  return d(s.unsetAll, s.root, s[l], {
+    [s.disabled]: e,
+    [s.unstyled]: o
+  }, n);
+}
+function y(t) {
+  const {
+    className: n,
+    children: e,
+    disabled: o = !1,
+    ...l
+  } = t, a = _(t);
+  return /* @__PURE__ */ r("a", { ...l, "aria-disabled": o, className: a, children: e });
+}
+const A = c.memo(y);
+export {
+  A as default,
+  _ as getLinkClassName
+};

package/dist/components/Link/LinkShowcase.d.ts

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

package/dist/components/Link/LinkShowcase.js

@@ -0,0 +1,62 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import d from "react";
+import { Flex as n } from "../Layout/Flex/Flex.js";
+import { Text as r } from "../Text/Text.js";
+import l from "./ButtonLink.js";
+import t from "./Link.js";
+function c() {
+  return /* @__PURE__ */ i(n, { gap: "large", vertical: !0, children: [
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Theme Default" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { href: "/", children: "Link active" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { href: "/", disabled: !0, children: "Link disable" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { href: "/", unstyled: !0, children: "Link unstyled" }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Theme secondary" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { href: "/", theme: "secondary", children: "Link active" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(t, { href: "/", theme: "secondary", disabled: !0, children: "Link disable" }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "ButtonLink - look like link but its button" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { children: "Link active" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(l, { disabled: !0, children: "Link disable" }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Inside text" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i(r, { size: "large", as: "h2", children: [
+        "Out of link text. ",
+        /* @__PURE__ */ e(t, { href: "/", children: "Link text" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Inside typographic text" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i(r, { size: "large", as: "h2", typographic: !0, children: [
+        "Out of link text. ",
+        /* @__PURE__ */ e(t, { href: "/", children: "Link text" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Row a tag" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("a", { href: "/", children: "Link text" }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Row a in text" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i(r, { size: "large", as: "h2", children: [
+        "Out of link text. ",
+        /* @__PURE__ */ e("a", { href: "/", children: "Link text" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ i(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(r, { children: "Row a in typographic text" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ i(r, { size: "large", as: "h2", typographic: !0, children: [
+        "Out of link text. ",
+        /* @__PURE__ */ e("a", { href: "/", children: "Link text" })
+      ] }) })
+    ] })
+  ] });
+}
+const f = d.memo(c);
+export {
+  f as default
+};

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

@@ -0,0 +1,3 @@
+export { default as Link, getLinkClassName } from './Link';
+export { default as ButtonLink } from './ButtonLink';
+export type { LinkBaseProps, LinkProps } from './Link';

package/dist/components/Link/index.js

@@ -0,0 +1,7 @@
+import { default as e, getLinkClassName as o } from "./Link.js";
+import { default as n } from "./ButtonLink.js";
+export {
+  n as ButtonLink,
+  e as Link,
+  o as getLinkClassName
+};

package/dist/components/Modal/Modal.js

@@ -1,60 +1,60 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import N from "react";
 import "../Button/Button.js";
 import { ButtonBar as k } from "../Button/ButtonBar.js";
 import "../Button/LinkButton.js";
 import y from "../IconButton/IconButton.js";
 import { Overlay as c } from "../Overlay/Overlay.js";
-import { Text as d } from "../Text/Text.js";
-import { clsx as s } from "../../utils/clsx.js";
+import { Text as m } from "../Text/Text.js";
+import { clsx as l } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
-import { useKeyboardClose as w } from "../../utils/hooks/useKeyboardClose.js";
+import { useKeyboardClose as z } from "../../utils/hooks/useKeyboardClose.js";
 import "../../index-2hJuj4UN.js";
-import '../../assets/Modal.css';const B = "_root_lmrwf_1", v = "_close_lmrwf_36", x = "_header_lmrwf_42", g = "_footer_lmrwf_52", r = {
+import '../../assets/Modal.css';const B = "_root_zn44h_1", v = "_close_zn44h_37", x = "_header_zn44h_43", g = "_footer_zn44h_53", r = {
   root: B,
-  "modal-appearance": "_modal-appearance_lmrwf_1",
+  "modal-appearance": "_modal-appearance_zn44h_1",
   close: v,
   header: x,
   footer: g
 };
-function f(t) {
+function p(t) {
   const {
     onClose: e,
-    children: l,
+    children: s,
     className: o,
-    overlayClassName: p,
-    backdropClassName: _,
-    contentClassName: b,
-    ariaDescribedby: h,
+    overlayClassName: f,
+    backdropClassName: h,
+    contentClassName: _,
+    ariaDescribedby: b,
     ariaLabelledby: u,
-    disableBackdropClose: n = !1,
+    disableBackdropClose: i = !1,
     disableFocusLock: C = !1
-  } = t, m = N.useCallback(() => {
-    n || !e || e();
-  }, [e, n]);
-  return w(m), /* @__PURE__ */ i(c, { className: s(r.overlay, p), children: [
+  } = t, d = N.useCallback(() => {
+    i || !e || e();
+  }, [e, i]);
+  return z(d), /* @__PURE__ */ n(c, { className: l(r.overlay, f), children: [
     /* @__PURE__ */ a(
       c.Backdrop,
       {
-        onClick: m,
-        className: s(r.backdrop, _)
+        onClick: d,
+        className: l(r.backdrop, h)
       }
     ),
     /* @__PURE__ */ a(
       c.Content,
       {
-        className: b,
+        className: _,
         disableFocusLock: C,
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ n(
           "div",
           {
             role: "dialog",
-            "aria-describedby": h,
+            "aria-describedby": b,
             "aria-labelledby": u,
-            className: s(r.root, o),
+            className: l(r.root, o),
             children: [
               !!e && /* @__PURE__ */ a(y, { areaSize: "large", className: r.close, name: "Close", onClick: e }),
-              l
+              s
             ]
           }
         )
@@ -62,22 +62,22 @@ function f(t) {
     )
   ] });
 }
-f.Header = function(e) {
+p.Header = function(e) {
   const {
-    title: l,
+    title: s,
     description: o
   } = e;
-  return /* @__PURE__ */ i("div", { className: r.header, children: [
+  return /* @__PURE__ */ n("div", { className: r.header, children: [
     /* @__PURE__ */ a(
-      d,
+      m,
       {
         weight: "bold",
         size: "large",
-        children: l
+        children: s
       }
     ),
     o && /* @__PURE__ */ a(
-      d,
+      m,
       {
         size: "small",
         color: "secondary",
@@ -86,13 +86,13 @@ f.Header = function(e) {
     )
   ] });
 };
-f.Footer = function(e) {
+p.Footer = function(e) {
   const {
-    className: l,
+    className: s,
     ...o
   } = e;
-  return /* @__PURE__ */ a(k, { ...o, className: s(r.footer, l) });
+  return /* @__PURE__ */ a(k, { ...o, className: l(r.footer, s) });
 };
 export {
-  f as Modal
+  p as Modal
 };

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

@@ -27,6 +27,7 @@ export interface TableProps {
     sortBy?: string;
     sortOrder?: 'asc' | 'desc';
     onSortChange?: (sortBy: string, sortOrder: 'asc' | 'desc') => void;
+    className?: string;
 }
-export declare function Table({ headers, data, includeRadio, loading, onSelectChange, dataContainer, selectedRow: outerSelectedRow, sortBy: outerSortBy, sortOrder: outerSortOrder, onSortChange, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ headers, data, includeRadio, loading, onSelectChange, dataContainer, selectedRow: outerSelectedRow, sortBy: outerSortBy, sortOrder: outerSortOrder, onSortChange, className, }: TableProps): import("react/jsx-runtime").JSX.Element;
 export {};