@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.5

package/dist/components/Dialog/{DialogTitle.d.ts → Title.d.ts}

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 
-export interface DialogTitleProps {
+export interface TitleProps {
     /** title to be displayed */
     title?: ReactNode;
     /** subtitle to be displayed */
     subTitle?: ReactNode;
 }
 /** internal component only - used by the dialog */
-declare const DialogTitle: ({ title, subTitle }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
-export default DialogTitle;
+declare const Title: ({ title, subTitle }: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export default Title;

package/dist/components/Dialog/Title.js

@@ -0,0 +1,29 @@
+import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { Typography as a } from "../Typography/Typography.js";
+import { s as r } from "../../Dialog.module-BKWFakxu.js";
+const n = ({ title: i, subTitle: t }) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ e(
+    a,
+    {
+      element: "h1",
+      elementProps: { id: "alert-dialog-title" },
+      variant: "h4",
+      className: r.dialog__title,
+      children: i
+    }
+  ),
+  /* @__PURE__ */ e("hr", { className: r.dialog__divider, "aria-hidden": !0 }),
+  t && /* @__PURE__ */ e(
+    a,
+    {
+      element: "h2",
+      elementProps: { id: "alert-dialog-description" },
+      variant: "h4",
+      className: r.dialog__subtitle,
+      children: t
+    }
+  )
+] });
+export {
+  n as default
+};

package/dist/components/IconButton/IconButton.d.ts

@@ -1,38 +1,22 @@
 import { Either } from '../../types/helpers';
-import { ReactNode, SyntheticEvent } from 'react';
+import { ReactNode } from 'react';
 
-type variant = 'primary' | 'square';
+type variant = "primary" | "square";
 type IconButtonCoreProps = {
-    /** The icon can be any ReactNode element, including the Icon component. */
     icon: ReactNode;
-    /** Loading status  */
     loading?: boolean;
-    /** Disabled status */
     disabled?: boolean;
-    /** ClassNames for MuiButton */
     className?: string;
-    /** Children content */
     children?: ReactNode;
-    /** Variant of component */
     variant?: variant;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid'?: string;
 };
 interface IconButtonPropsWithLink extends IconButtonCoreProps {
-    /** Link to access when Icon Button is clicked  */
     link: string;
 }
 interface IconButtonPropsWithOnClick extends IconButtonCoreProps {
-    /** Functionality executed when the Icon Button is clicked   */
-    onClick: (e: SyntheticEvent<HTMLButtonElement>) => void;
-    /** Button type */
-    type?: HTMLButtonElement['type'];
+    onClick: () => void;
+    type?: HTMLButtonElement["type"];
 }
 export type IconButtonProps = Either<IconButtonPropsWithLink, IconButtonPropsWithOnClick>;
-/**
- * The icon button is used in some cases where you need the icon to be pressed, sometimes it can contain text.
- * Icon buttons are commonly found in app bars and toolbars.
- * Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.
- */
-export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/IconButton/IconButton.js

@@ -1,63 +1,79 @@
 import '../../assets/IconButton.css';
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as x, useMemo as d } from "react";
-import { c as l } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as m } from "../../Button-2b1peDFT.js";
-const o = {
-  "u-typography-h1": "_u-typography-h1_1xyj5_1",
-  "u-typography-h2": "_u-typography-h2_1xyj5_8",
-  "u-typography-h3": "_u-typography-h3_1xyj5_15",
-  "u-typography-h4": "_u-typography-h4_1xyj5_22",
-  "u-typography-h5": "_u-typography-h5_1xyj5_29",
-  "u-typography-h6": "_u-typography-h6_1xyj5_36",
-  "u-typography-base": "_u-typography-base_1xyj5_43",
-  "icon-button": "_icon-button_1xyj5_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1xyj5_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1xyj5_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1xyj5_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1xyj5_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1xyj5_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1xyj5_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1xyj5_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1xyj5_73",
-  "icon-button--primary": "_icon-button--primary_1xyj5_86",
-  "icon-button--square": "_icon-button--square_1xyj5_108",
-  "icon-button__container": "_icon-button__container_1xyj5_124"
-}, B = x((r, p) => {
-  const {
-    onClick: _,
-    icon: e,
-    link: u,
-    loading: n,
-    children: h,
-    type: s = "button",
-    disabled: i,
-    className: y,
-    variant: t = "primary",
-    "data-testid": g
-  } = r, b = d(
-    () => l([o["icon-button"], o[`icon-button--${t}`], y]),
-    [y, t]
-  );
-  return /* @__PURE__ */ a(
-    m,
-    {
-      type: s,
-      href: u,
-      onClick: _,
-      disabled: i,
-      className: b,
-      ref: p,
-      "data-testid": g,
-      children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
-        n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
-        t !== "square" && h
-      ] })
-    }
-  );
-});
+import { jsx as n, jsxs as q } from "react/jsx-runtime";
+import { forwardRef as h, useMemo as k } from "react";
+import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
+import { c as v } from "../../clsx-DB4S2d7J.js";
+import { B as y } from "../../Button-D--uN90N.js";
+const f = "_h1_1v5kq_1", p = "_h2_1v5kq_11", g = "_h3_1v5kq_21", w = "_h4_1v5kq_31", x = "_body_1v5kq_41", N = "_quote_1v5kq_75", B = "_form__input_1v5kq_86", j = "_form__hint_1v5kq_91", C = "_form__label_1v5kq_96", I = "_form__dropdown_1v5kq_101", L = "_table__header_1v5kq_107", M = "_table__body_1v5kq_112", R = "_button_1v5kq_123", o = {
+  h1: f,
+  "h1--bold": "_h1--bold_1v5kq_7",
+  h2: p,
+  "h2--bold": "_h2--bold_1v5kq_17",
+  h3: g,
+  "h3--bold": "_h3--bold_1v5kq_27",
+  h4: w,
+  "h4--bold": "_h4--bold_1v5kq_37",
+  body: x,
+  "body--large": "_body--large_1v5kq_46",
+  "body--medium": "_body--medium_1v5kq_50",
+  "body--small": "_body--small_1v5kq_54",
+  "body--tiny": "_body--tiny_1v5kq_58",
+  "body--bold": "_body--bold_1v5kq_62",
+  "body--strikethrough": "_body--strikethrough_1v5kq_65",
+  "body--underlined": "_body--underlined_1v5kq_68",
+  "body--strikethrough-underlined": "_body--strikethrough-underlined_1v5kq_71",
+  quote: N,
+  "quote--large": "_quote--large_1v5kq_80",
+  form__input: B,
+  form__hint: j,
+  form__label: C,
+  form__dropdown: I,
+  table__header: L,
+  table__body: M,
+  "table__body--secondary": "_table__body--secondary_1v5kq_117",
+  button: R,
+  "icon-button": "_icon-button_1v5kq_130",
+  "icon-button--primary": "_icon-button--primary_1v5kq_142",
+  "icon-button--square": "_icon-button--square_1v5kq_164",
+  "icon-button__container": "_icon-button__container_1v5kq_180"
+}, E = h(
+  (r, e) => {
+    const {
+      onClick: d,
+      icon: b,
+      link: i,
+      loading: l,
+      children: a,
+      type: s = "button",
+      disabled: c,
+      className: t,
+      variant: _ = "primary"
+    } = r, u = k(
+      () => v([
+        o["icon-button"],
+        o[`icon-button--${_}`],
+        t
+      ]),
+      [t, _]
+    );
+    return /* @__PURE__ */ n(
+      y,
+      {
+        type: s,
+        href: i,
+        onClick: d,
+        disabled: c,
+        className: u,
+        ref: e,
+        children: /* @__PURE__ */ q("div", { className: o["icon-button__container"], children: [
+          l ? /* @__PURE__ */ n(m, { invert: !0 }) : b,
+          _ !== "square" && a
+        ] })
+      }
+    );
+  }
+);
 export {
-  B as IconButton,
-  B as default
+  E as IconButton,
+  E as default
 };

package/dist/components/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,7 +1,5 @@
 export interface LoadingSpinnerProps {
-    /** Whether to invert colours or not */
     invert?: boolean;
-    /** Space separated list of CSS classes to apply */
     classNames?: string;
 }
 export declare const LoadingSpinner: ({ invert, classNames }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,66 +1,26 @@
 import { RequireAllOrNone } from '../../types/helpers';
 import { ReactNode } from 'react';
 
-type BreadcrumbItem = {
-    /** Breadcrumb item label */
-    label: string;
-    /** Id to be applied as `data-testid` on the breadcrumb item */
-    'data-testid'?: string;
-    /** CSS classes to be applied on the breadcrumb item */
-    className?: string;
-    /** Callback called when the breadcrumb item is clicked */
-    onClick: () => void;
-};
-type LastBreadcrumbItem = Omit<BreadcrumbItem, 'onClick'> & {
-    /** Callback called when the breadcrumb item is clicked */
-    onClick?: () => void;
-};
 type PageHeaderCommonProps = {
-    /** Title text */
     title: string;
-    /** Subtitle text */
     subtitle?: string;
-    /** Back link text
-     * @deprecated Use breadcrumb prop instead.
-     */
-    backLinkText?: string;
-    /**
-     * Callback called when `back link` is clicked
-     * @deprecated Use breadcrumb prop instead.
-     * */
-    onBackLinkClick?: () => void;
-    /** Element to be rendered on the right slot of the component */
     rightChildren?: ReactNode;
-    /** Element to be rendered on the bottom slot of the component */
     bottomChildren?: ReactNode;
-    /** CSS classes to be applied on the container element */
-    classNameWrapper?: string;
-    /**
-     * CSS classes to be applied on the back link element
-     * @deprecated Use breadcrumb prop instead.
-     * */
-    classNameBackLink?: string;
-    /** CSS classes to be applied on the title element */
-    classNameTitle?: string;
-    /** CSS classes to be applied on the subtitle element */
-    classNameSubtitle?: string;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid-wrapper'?: string;
-    /**
-     * Id to be applied as `data-testid` on the back link element
-     * @deprecated Use breadcrumb prop instead.
-     * */
-    'data-testid-backLink'?: string;
-    /** Id to be applied as `data-testid` on the title element */
-    'data-testid-title'?: string;
-    /** Id to be applied as `data-testid` on the subtitle element */
-    'data-testid-subtitle'?: string;
-    breadcrumb?: never;
-};
-type PageHeaderWithBreadcrumb = Omit<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick' | 'classNameBackLink' | 'data-testid-backLink' | 'breadcrumb'> & {
-    /** List of breadcrumbs to be rendered at the top of the title */
-    breadcrumb?: [...BreadcrumbItem[], LastBreadcrumbItem];
+    backLinkText?: string;
+    onBackLinkClick?: () => void;
+    wrapperClassName?: string;
+    backLinkClassName?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
+    rightChildrenClassName?: string;
+    bottomChildrenClassName?: string;
+    wrapperTestId?: string;
+    backLinkTestId?: string;
+    titleTestId?: string;
+    subtitleTestId?: string;
+    rightChildrenTestId?: string;
+    bottomChildrenTestId?: string;
 };
-export type PageHeaderProps = RequireAllOrNone<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick'> | PageHeaderWithBreadcrumb;
-export declare const PageHeader: ({ title, subtitle, rightChildren, bottomChildren, classNameWrapper, classNameTitle, classNameSubtitle, "data-testid-wrapper": wrapperTestId, "data-testid-title": titleTestId, "data-testid-subtitle": subtitleTestId, ...props }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+type PageHeaderProps = RequireAllOrNone<PageHeaderCommonProps, 'backLinkText' | 'onBackLinkClick'>;
+export declare const PageHeader: ({ title, subtitle, backLinkText, onBackLinkClick, rightChildren, bottomChildren, wrapperClassName, backLinkClassName, titleClassName, subtitleClassName, rightChildrenClassName, bottomChildrenClassName, wrapperTestId, backLinkTestId, titleTestId, subtitleTestId, rightChildrenTestId, bottomChildrenTestId, ...rest }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PageHeader/PageHeader.js

@@ -1,87 +1,69 @@
 import '../../assets/PageHeader.css';
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import { useMemo as L } from "react";
-import { c as n } from "../../clsx-DB4S2d7J.js";
-import { Icon as B } from "../Icon/Icon.js";
-import { IconButton as C } from "../IconButton/IconButton.js";
-const j = "_title_z7ezb_22", w = "_subtitle_z7ezb_43", e = {
-  "u-typography-h1": "_u-typography-h1_z7ezb_1",
-  "u-typography-h2": "_u-typography-h2_z7ezb_8",
-  "u-typography-h3": "_u-typography-h3_z7ezb_15",
-  "u-typography-h4": "_u-typography-h4_z7ezb_22",
-  "page-header__main-left-content": "_page-header__main-left-content_z7ezb_22",
-  title: j,
-  "u-typography-h5": "_u-typography-h5_z7ezb_29",
-  "u-typography-h6": "_u-typography-h6_z7ezb_36",
-  "u-typography-base": "_u-typography-base_z7ezb_43",
-  subtitle: w,
-  "u-typography-base--xxl": "_u-typography-base--xxl_z7ezb_48",
-  "u-typography-base--xl": "_u-typography-base--xl_z7ezb_52",
-  "u-typography-base--lg": "_u-typography-base--lg_z7ezb_56",
-  "u-typography-base--sm": "_u-typography-base--sm_z7ezb_60",
-  "u-typography-base--bold": "_u-typography-base--bold_z7ezb_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_z7ezb_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_z7ezb_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_z7ezb_73",
-  "page-header": "_page-header_z7ezb_22",
-  "page-header__top-content": "_page-header__top-content_z7ezb_86",
-  "page-header__main-content": "_page-header__main-content_z7ezb_89",
-  "page-header__bottom-content": "_page-header__bottom-content_z7ezb_89",
-  "page-header__breadcrumb": "_page-header__breadcrumb_z7ezb_103",
-  "page-header__breadcrumb__separator": "_page-header__breadcrumb__separator_z7ezb_108",
-  "page-header__main-right-content": "_page-header__main-right-content_z7ezb_131"
-}, P = ({
-  title: l,
-  subtitle: g,
-  rightChildren: d,
-  bottomChildren: b,
-  classNameWrapper: y,
-  classNameTitle: u,
-  classNameSubtitle: z,
-  "data-testid-wrapper": m,
-  "data-testid-title": k,
-  "data-testid-subtitle": N,
-  ...f
-}) => {
-  const {
-    breadcrumb: r,
-    backLinkText: p,
-    onBackLinkClick: s,
-    classNameBackLink: c,
-    "data-testid-backLink": i,
-    ...x
-  } = f, v = L(() => {
-    const _ = [];
-    return p && s && _.push({
-      label: p,
-      className: c,
-      "data-testid": i,
-      onClick: s
-    }), r && _.push(...r), /* @__PURE__ */ a("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ a("div", { className: e["page-header__breadcrumb"], children: _.map((t, o) => /* @__PURE__ */ a(
-      C,
-      {
-        icon: o === 0 ? /* @__PURE__ */ a(B, { icon: "arrow-left" }) : /* @__PURE__ */ a("span", { className: e["page-header__breadcrumb__separator"], children: "/" }),
-        onClick: () => t.onClick && t.onClick(),
-        className: t.className,
-        "data-testid": t["data-testid"],
-        disabled: _.length === 1 ? !1 : o === _.length - 1,
-        children: t.label
-      },
-      `${t.label}_${o}`
-    )) }) });
-  }, [r, p, c, i, s]);
-  return /* @__PURE__ */ h("div", { className: n([e["page-header"], y]), "data-testid": m, ...x, children: [
-    v,
-    /* @__PURE__ */ h("div", { className: e["page-header__main-content"], children: [
-      /* @__PURE__ */ h("div", { className: e["page-header__main-left-content"], children: [
-        /* @__PURE__ */ a("h1", { className: n(e.title, u), "data-testid": k, children: l }),
-        /* @__PURE__ */ a("h2", { className: n(e.subtitle, z), "data-testid": N, children: g })
-      ] }),
-      d && /* @__PURE__ */ a("div", { className: e["page-header__main-right-content"], children: d })
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { c as a } from "../../clsx-DB4S2d7J.js";
+import * as i from "react";
+const C = (n) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", "data-waves-icon": "fa/solid/arrow-left", fill: "currentColor", color: "currentColor", width: "1em", height: "1em", style: {
+  fill: "currentcolor",
+  color: "currentcolor",
+  width: "1em",
+  height: "1em"
+}, ...n }, /* @__PURE__ */ i.createElement("path", { d: "M447.1 256C447.1 273.7 433.7 288 416 288H109.3l105.4 105.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448s-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L109.3 224H416C433.7 224 447.1 238.3 447.1 256z" })), y = C, H = "_title_cz9x0_46", j = "_subtitle_cz9x0_47", e = {
+  "page-header": "_page-header_cz9x0_1",
+  "page-header__top-content": "_page-header__top-content_cz9x0_10",
+  "page-header__main-content": "_page-header__main-content_cz9x0_13",
+  "page-header__bottom-content": "_page-header__bottom-content_cz9x0_13",
+  "page-header__main-left-content": "_page-header__main-left-content_cz9x0_40",
+  title: H,
+  subtitle: j,
+  "page-header__main-right-content": "_page-header__main-right-content_cz9x0_64"
+}, L = ({
+  title: n,
+  subtitle: s,
+  backLinkText: r,
+  onBackLinkClick: d,
+  rightChildren: o,
+  bottomChildren: _,
+  wrapperClassName: l,
+  backLinkClassName: h,
+  titleClassName: m,
+  subtitleClassName: p,
+  rightChildrenClassName: g,
+  bottomChildrenClassName: f,
+  wrapperTestId: x,
+  backLinkTestId: u,
+  titleTestId: v,
+  subtitleTestId: w,
+  rightChildrenTestId: z,
+  bottomChildrenTestId: N,
+  ...b
+}) => /* @__PURE__ */ c("div", { className: a([e["page-header"], l]), "data-testid": x, ...b, children: [
+  r && /* @__PURE__ */ t("div", { className: e["page-header__top-content"], children: /* @__PURE__ */ c("button", { type: "button", onClick: d, className: h, "data-testid": u, children: [
+    /* @__PURE__ */ t(y, { fontSize: 16 }),
+    r
+  ] }) }),
+  /* @__PURE__ */ c("div", { className: e["page-header__main-content"], children: [
+    /* @__PURE__ */ c("div", { className: e["page-header__main-left-content"], children: [
+      /* @__PURE__ */ t("h1", { className: a(e.title, m), "data-testid": v, children: n }),
+      /* @__PURE__ */ t("h3", { className: a(e.subtitle, p), "data-testid": w, children: s })
     ] }),
-    b && /* @__PURE__ */ a("div", { className: e["page-header__bottom-content"], children: b })
-  ] });
-};
+    o && /* @__PURE__ */ t(
+      "div",
+      {
+        className: a(e["page-header__main-right-content"], g),
+        "data-testid": z,
+        children: o
+      }
+    )
+  ] }),
+  _ && /* @__PURE__ */ t(
+    "div",
+    {
+      className: a(e["page-header__bottom-content"], f),
+      "data-testid": N,
+      children: _
+    }
+  )
+] });
 export {
-  P as PageHeader
+  L as PageHeader
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,55 +1,36 @@
 export type PaginationParams = {
-    /** Total number of items to paginate */
     totalItems: number;
-    /** Number of items to show per page */
     perPage: number;
-    /** Current page */
     currentPage: number;
 };
 export type PaginationTranslations = {
-    /** Translation text for `showing` */
     showing: string;
-    /** Translation text for `of` */
     of: string;
-    /** Translation text for `result` */
     results: string;
-    /** Translation text for `previous` */
     previous: string;
-    /** Translation text for `next` */
     next: string;
 };
 type PaginationLanguages = 'pt' | 'en';
 type PaginationCommonProps = {
-    /** CSS classes to be applied on the container element */
     className?: string;
-    /** CSS classes to be applied on the per page element */
+    'data-testid'?: string;
     classNamePerPage?: string;
-    /** CSS classes to be applied on the pages navigation element */
+    'data-testid__per-page'?: string;
     classNamePagesNav?: string;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid'?: string;
-    /** Id to be applied as `data-testid` on per page element */
-    'data-testid-per-page'?: string;
-    /** Id to be applied as `data-testid` on the pages navigation element */
-    'data-testid-pages-nav'?: string;
+    'data-testid__pages-nav'?: string;
 };
 export type PaginationProps = {
-    /** Array of options to be rendered as per page options. */
     perPageOptions?: (number | {
         value: number;
         label: string;
     })[] | undefined;
-    /** Callback called when page changes. */
     onPageChange: (page: number) => void;
-    /** Callback called when items per page changes. */
-    onRowsPerPageChange: (perPage: number) => void;
-    /** Language to be used for texts. */
+    onRowsPerPageChange: (perPage: number | string) => void;
     language?: PaginationLanguages;
-    /** Custom translation object to be used for texts. */
     t?: PaginationTranslations;
 } & PaginationParams & PaginationCommonProps;
-export declare const paginationDefaultTranslations: {
+export declare const defaultTranslations: {
     [key in PaginationLanguages]: PaginationTranslations;
 };
-export declare const Pagination: ({ perPageOptions, language, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: (props: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 export {};