@cfx-dev/ui-components 2.1.23 → 2.1.24

package/dist/components/Button/Button.js

@@ -1,108 +1,109 @@
-import { jsx as u, jsxs as g, Fragment as B } from "react/jsx-runtime";
+import { jsx as r, jsxs as W, Fragment as g } from "react/jsx-runtime";
 import m from "react";
-import { Icon as q } from "../Icon/Icon.js";
-import { clsx as I } from "../../utils/clsx.js";
-import { noop as h } from "../../utils/functional.js";
-import '../../assets/Button.css';const M = "_root_1cisu_1", j = "_fullWidth_1cisu_33", w = "_primary_1cisu_53", F = "_secondary_1cisu_74", R = "_linked_1cisu_116", v = "_quicklink_1cisu_145", D = "_icon_1cisu_152", L = "_icononly_1cisu_177", U = "_decorator_1cisu_182", o = {
-  root: M,
-  fullWidth: j,
-  primary: w,
-  secondary: F,
-  "on-light": "_on-light_1cisu_95",
-  linked: R,
-  quicklink: v,
-  icon: D,
-  icononly: L,
-  decorator: U
+import { Icon as A } from "../Icon/Icon.js";
+import { clsx as B } from "../../utils/clsx.js";
+import { noop as y } from "../../utils/functional.js";
+import '../../assets/Button.css';const q = "_unsetAll_13zdy_1", I = "_root_13zdy_5", M = "_fullWidth_13zdy_38", j = "_primary_13zdy_58", w = "_secondary_13zdy_79", F = "_linked_13zdy_121", R = "_quicklink_13zdy_150", v = "_icon_13zdy_157", D = "_icononly_13zdy_182", L = "_decorator_13zdy_187", o = {
+  unsetAll: q,
+  root: I,
+  fullWidth: M,
+  primary: j,
+  secondary: w,
+  "on-light": "_on-light_13zdy_100",
+  linked: F,
+  quicklink: R,
+  icon: v,
+  icononly: D,
+  decorator: L
 };
-function z(l) {
+function U(c) {
   const {
     text: t = null,
-    icon: c,
+    icon: l,
     decorator: n = null
-  } = l;
-  return /* @__PURE__ */ g(B, { children: [
+  } = c;
+  return /* @__PURE__ */ W(g, { children: [
     t,
-    !!c && /* @__PURE__ */ u(q, { name: c, className: o.icon }),
-    !!n && /* @__PURE__ */ u("div", { className: o.decorator, children: n })
+    !!l && /* @__PURE__ */ r(A, { name: l, className: o.icon }),
+    !!n && /* @__PURE__ */ r("div", { className: o.decorator, children: n })
   ] });
 }
-function A(l) {
+function E(c) {
   const {
     text: t = null,
-    icon: c,
+    icon: l,
     theme: n = "default",
-    disabled: i = !1,
-    className: r = "",
-    autofocus: d = !1,
-    fullWidth: s = !1,
-    tabIndex: a
-  } = l;
-  return I(o.root, o[n], r, {
-    [o.disabled]: i,
-    [o.icononly]: !!c && (t === null || typeof t > "u"),
+    disabled: s = !1,
+    className: d = "",
+    autofocus: u = !1,
+    fullWidth: a = !1,
+    tabIndex: i
+  } = c;
+  return B(o.unsetAll, o.root, o[n], d, {
+    [o.disabled]: s,
+    [o.icononly]: !!l && (t === null || typeof t > "u"),
     [o.text]: !!t,
-    [o.autofocus]: d || typeof a < "u",
-    [o.fullWidth]: s
+    [o.autofocus]: u || typeof i < "u",
+    [o.fullWidth]: a
   });
 }
-const O = m.forwardRef(function(t, c) {
+const P = m.forwardRef(function(t, l) {
   const {
     text: n = null,
-    icon: i,
-    title: r = "",
-    type: d = "button",
-    className: s = "",
-    theme: a = "default",
+    icon: s,
+    title: d = "",
+    type: u = "button",
+    className: a = "",
+    theme: i = "default",
     disabled: e = !1,
-    onClick: k = h,
-    onMouseDown: p = h,
-    onMouseUp: b = h,
-    autofocus: f = !1,
-    tabIndex: _,
-    fullWidth: y = !1,
-    ariaLabel: x = ""
-  } = t, C = m.useMemo(() => A({
+    onClick: h = y,
+    onMouseDown: p = y,
+    onMouseUp: z = y,
+    autofocus: _ = !1,
+    tabIndex: f,
+    fullWidth: k = !1,
+    ariaLabel: b = ""
+  } = t, x = m.useMemo(() => E({
     text: n,
-    icon: i,
-    theme: a,
+    icon: s,
+    theme: i,
     disabled: e,
-    className: s,
-    autofocus: f,
-    fullWidth: y,
-    tabIndex: _
+    className: a,
+    autofocus: _,
+    fullWidth: k,
+    tabIndex: f
   }), [
-    f,
-    s,
-    y,
-    e,
-    i,
     _,
+    a,
+    k,
+    e,
+    s,
+    f,
     n,
-    a
-  ]), N = m.useCallback((W) => {
-    e || k(W);
-  }, [e, k]);
-  return /* @__PURE__ */ u(
+    i
+  ]), C = m.useCallback((N) => {
+    e || h(N);
+  }, [e, h]);
+  return /* @__PURE__ */ r(
     "button",
     {
-      ref: c,
+      ref: l,
       disabled: e,
-      className: C,
-      onClick: N,
+      className: x,
+      onClick: C,
       onMouseDown: p,
-      onMouseUp: b,
-      autoFocus: f,
-      tabIndex: _,
-      title: r,
-      type: d,
-      "aria-label": x,
-      children: /* @__PURE__ */ u(z, { ...t })
+      onMouseUp: z,
+      autoFocus: _,
+      tabIndex: f,
+      title: d,
+      type: u,
+      "aria-label": b,
+      children: /* @__PURE__ */ r(U, { ...t })
     }
   );
 });
 export {
-  O as Button,
-  z as ButtonContent,
-  A as getButtonClassName
+  P as Button,
+  U as ButtonContent,
+  E as getButtonClassName
 };

package/dist/components/Button/ButtonShowcase.js

@@ -1,15 +1,16 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import l from "react";
 import { Flex as n } from "../Layout/Flex/Flex.js";
 import { Text as i } from "../Text/Text.js";
-import { Button as t } from "./Button.js";
-import { ButtonBar as c } from "./ButtonBar.js";
-function o() {
-  return /* @__PURE__ */ r(n, { gap: "large", vertical: !0, children: [
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+import { Button as r } from "./Button.js";
+import { ButtonBar as o } from "./ButtonBar.js";
+import { LinkButton as c } from "./LinkButton.js";
+function a() {
+  return /* @__PURE__ */ t(n, { gap: "large", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Default" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "default",
@@ -17,10 +18,10 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Primary" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "primary",
@@ -28,10 +29,10 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Secondary" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "secondary",
@@ -39,10 +40,10 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "On Light" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "on-light",
@@ -50,10 +51,10 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Quick Link" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "quicklink",
@@ -61,20 +62,20 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "No Icon" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "default"
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Full Width" }),
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Sign In",
           theme: "default",
@@ -83,11 +84,11 @@ function o() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Linked" }),
-      /* @__PURE__ */ r(n, { p: 4, style: { backgroundColor: "var(--color-modal-background)" }, children: [
+      /* @__PURE__ */ t(n, { p: 4, style: { backgroundColor: "var(--color-modal-background)" }, children: [
         /* @__PURE__ */ e(
-          t,
+          r,
           {
             text: "Sign In",
             theme: "linked",
@@ -95,7 +96,7 @@ function o() {
           }
         ),
         /* @__PURE__ */ e(
-          t,
+          r,
           {
             disabled: !0,
             text: "Copy",
@@ -105,19 +106,31 @@ function o() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
+      /* @__PURE__ */ e(i, { children: "LinkButton - look like button but its anchor" }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        c,
+        {
+          to: "/",
+          text: "Sign In",
+          theme: "primary",
+          icon: "Users"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Button Bar" }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r(c, { children: [
-        /* @__PURE__ */ e(t, { text: "Sign In", theme: "primary", icon: "Users" }),
-        /* @__PURE__ */ e(t, { text: "Register", theme: "secondary", icon: "Users" }),
-        /* @__PURE__ */ e(t, { text: "Sign Out", theme: "on-light", icon: "Users" }),
-        /* @__PURE__ */ e(t, { text: "Create Account", theme: "default", icon: "Users" })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ t(o, { children: [
+        /* @__PURE__ */ e(r, { text: "Sign In", theme: "primary", icon: "Users" }),
+        /* @__PURE__ */ e(r, { text: "Register", theme: "secondary", icon: "Users" }),
+        /* @__PURE__ */ e(r, { text: "Sign Out", theme: "on-light", icon: "Users" }),
+        /* @__PURE__ */ e(r, { text: "Create Account", theme: "default", icon: "Users" })
       ] }) })
     ] }),
-    /* @__PURE__ */ r(n, { gap: "normal", vertical: !0, children: [
+    /* @__PURE__ */ t(n, { gap: "normal", vertical: !0, children: [
       /* @__PURE__ */ e(i, { children: "Long text" }),
       /* @__PURE__ */ e("div", { style: { maxWidth: "300px" }, children: /* @__PURE__ */ e(
-        t,
+        r,
         {
           text: "Long text that should wrap around",
           theme: "default",
@@ -127,7 +140,7 @@ function o() {
     ] })
   ] });
 }
-const g = l.memo(o);
+const x = l.memo(a);
 export {
-  g as default
+  x as default
 };

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
 };