@axa-fr/canopee-react 1.3.1-alpha.3 → 1.4.0

package/dist/prospect-client/Layout/FormLayout/FormLayout.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Children, isValidElement, } from "react";
+import "@axa-fr/canopee-css/prospect/Layout/FormLayout/FormLayoutAll.css";
+import { getClassName } from "../../utilities/getClassName";
+const Header = ({ children }) => children;
+const Footer = ({ children }) => children;
+const Faq = ({ children }) => children;
+const setDataCols = ({ dataColsMobile, dataColsTablet, dataColsDesktopSmall, dataColsDesktopMedium, dataColsDesktopLarge, }) => {
+    return {
+        "--cols-mobile": dataColsMobile || undefined,
+        "--cols-tablet": dataColsTablet || undefined,
+        "--cols-desktop-small": dataColsDesktopSmall || undefined,
+        "--cols-desktop-medium": dataColsDesktopMedium || undefined,
+        "--cols-desktop-large": dataColsDesktopLarge || undefined,
+    };
+};
+const setResponsiveStyle = (childProps) => {
+    const { "data-cols-mobile": dataColsMobile, "data-cols-tablet": dataColsTablet, "data-cols-desktop-small": dataColsDesktopSmall, "data-cols-desktop-medium": dataColsDesktopMedium, "data-cols-desktop-large": dataColsDesktopLarge, ...rest } = childProps?.containerProps || childProps;
+    if (childProps?.containerProps) {
+        return {
+            ...childProps,
+            ...rest,
+            containerProps: {
+                style: {
+                    ...(childProps.containerProps?.style ||
+                        {}),
+                    ...setDataCols({
+                        dataColsMobile,
+                        dataColsTablet,
+                        dataColsDesktopSmall,
+                        dataColsDesktopMedium,
+                        dataColsDesktopLarge,
+                    }),
+                },
+            },
+        };
+    }
+    return {
+        ...rest,
+        style: {
+            ...(rest.style || {}),
+            ...setDataCols({
+                dataColsMobile,
+                dataColsTablet,
+                dataColsDesktopSmall,
+                dataColsDesktopMedium,
+                dataColsDesktopLarge,
+            }),
+        },
+    };
+};
+export const Body = ({ children }) => Children.map(children, function (child) {
+    if (isValidElement(child)) {
+        const childProps = typeof child.props === "object" && child.props !== null
+            ? child.props
+            : {};
+        const responsiveStyle = setResponsiveStyle(childProps);
+        return {
+            ...child,
+            props: responsiveStyle,
+        };
+    }
+    return child;
+});
+export const FormLayout = ({ children, className, "aria-label": ariaLabel = "Formulaire", ...formProps }) => {
+    const childrenArray = Children.toArray(children);
+    const header = childrenArray.find((child) => isValidElement(child) && child.type === Header);
+    const body = childrenArray.find((child) => isValidElement(child) && child.type === Body);
+    const footer = childrenArray.find((child) => isValidElement(child) && child.type === Footer);
+    const faq = childrenArray.find((child) => isValidElement(child) && child.type === Faq);
+    return (_jsxs(_Fragment, { children: [_jsxs("form", { className: getClassName({
+                    baseClassName: "af-form-layout",
+                    className,
+                }), "aria-label": ariaLabel, ...formProps, children: [header ? (_jsx("div", { className: "af-form-layout__header subgrid", children: header })) : null, body ? (_jsx("div", { className: "af-form-layout__fields subgrid", children: body })) : null, footer ? (_jsx("div", { className: "af-form-layout__actions subgrid", children: footer })) : null] }), faq ? _jsx("div", { className: "af-form-layout__faq subgrid", children: faq }) : null] }));
+};
+FormLayout.Header = Header;
+FormLayout.Body = Body;
+FormLayout.Footer = Footer;
+FormLayout.Faq = Faq;

package/dist/prospect-client/Link/LinkApollo.d.ts

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/prospect/Link/LinkApollo.css";
-export { Link, type LinkVariants, linkVariants } from "./LinkCommon";
+export { Link, type LinkVariants, linkVariants, type LinkProps, } from "./LinkCommon";

package/dist/prospect-client/Link/LinkApollo.js

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/prospect/Link/LinkApollo.css";
-export { Link, linkVariants } from "./LinkCommon";
+export { Link, linkVariants, } from "./LinkCommon";

package/dist/prospect-client/Link/LinkCommon.d.ts

@@ -1,17 +1,17 @@
 import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
 export declare const linkVariants: {
-    readonly default: "default";
-    readonly underline: "underline";
     readonly inverse: "inverse";
 };
 export type LinkVariants = keyof typeof linkVariants;
-type LinkProps = {
+export type LinkProps = {
     variant?: LinkVariants;
     openInNewTab?: boolean;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     className?: string;
+    /**
+     * @deprecated Use variant instead
+     */
     classModifier?: string;
 } & ComponentPropsWithoutRef<"a">;
 export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/prospect-client/Link/LinkCommon.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import openInNew from "@material-symbols/svg-400/outlined/open_in_new.svg";
-import { useMemo, } from "react";
 import { Svg } from "../Svg/Svg";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const linkVariants = {
-    default: "default",
-    underline: "underline",
     inverse: "inverse",
 };
-export const Link = ({ href, variant = "underline", openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+export const Link = ({ href, variant, openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
     const newTabProps = openInNewTab && {
         target: "_blank",
         rel: "noopener noreferrer",
     };
-    const componentClassName = useMemo(() => getComponentClassName("af-link", className, `${classModifier}${!className && openInNewTab ? " openInNewTab" : ""} ${variant}`), [classModifier, className, openInNewTab, variant]);
-    return (_jsxs("a", { className: componentClassName, href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
+    return (_jsxs("a", { className: getClassName({
+            baseClassName: "af-link",
+            modifiers: [classModifier, variant, openInNewTab && "openInNewTab"],
+            className,
+        }), href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
                 ? (rightIcon ?? _jsx(Svg, { src: openInNew }))
                 : null] }));
 };

package/dist/prospect-client/Link/LinkLF.d.ts

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/client/Link/LinkLF.css";
-export { Link, type LinkVariants, linkVariants } from "./LinkCommon";
+export { Link, type LinkVariants, linkVariants, type LinkProps, } from "./LinkCommon";

package/dist/prospect-client/Link/LinkLF.js

@@ -1,2 +1,2 @@
 import "@axa-fr/canopee-css/client/Link/LinkLF.css";
-export { Link, linkVariants } from "./LinkCommon";
+export { Link, linkVariants, } from "./LinkCommon";

package/dist/prospect-client/Table/TBody.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from "react";
+export type BodyColorVariants = "white" | "blue" | "alternate";
+export type TBodyProps = ComponentPropsWithRef<"tbody"> & {
+    variant?: BodyColorVariants;
+};
+export declare const TBody: ({ variant, className, children, ...tableBodyProps }: TBodyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/TBody.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const TBody = ({ variant = "white", className, children, ...tableBodyProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__tbody",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("tbody", { className: componentClassName, ...tableBodyProps, children: children }));
+};

package/dist/prospect-client/Table/THead.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type HeadColorVariants = "gray" | "blue";
+export type THeadProps = ComponentPropsWithRef<"thead"> & {
+    variant?: HeadColorVariants;
+};
+export declare const THead: ({ variant, className, children, ...tableHeadProps }: THeadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/THead.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const THead = ({ variant = "blue", className, children, ...tableHeadProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__thead",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("thead", { className: componentClassName, ...tableHeadProps, children: children }));
+};

package/dist/prospect-client/Table/TableApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Table/TableApollo.css";
+export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./TableCommon";

package/dist/prospect-client/Table/TableApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Table/TableApollo.css";
+export { Table, } from "./TableCommon";

package/dist/prospect-client/Table/TableCommon.d.ts

@@ -0,0 +1,14 @@
+import { type ComponentPropsWithRef } from "react";
+import { type RowSizeVariants } from "./Tr";
+import { type BodyColorVariants } from "./TBody";
+import { type HeadColorVariants } from "./THead";
+export type { HeadColorVariants, BodyColorVariants, RowSizeVariants };
+export type TableProps = ComponentPropsWithRef<"table">;
+export declare const Table: {
+    ({ className, children, ...tableProps }: TableProps): import("react/jsx-runtime").JSX.Element;
+    THead: ({ variant, className, children, ...tableHeadProps }: import("./THead").THeadProps) => import("react/jsx-runtime").JSX.Element;
+    TBody: ({ variant, className, children, ...tableBodyProps }: import("./TBody").TBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Th: ({ position, onCheck, checkboxPosition, onSort, className, children, ...tableHeaderProps }: import("./Th").ThProps) => import("react/jsx-runtime").JSX.Element;
+    Tr: ({ size, className, children, ...tableRowProps }: import("./Tr").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Td: ({ position, verticalAlign, size, variant, className, children, ...tableCellProps }: import("./Td").TdProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/prospect-client/Table/TableCommon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+import { Td } from "./Td";
+import { Tr } from "./Tr";
+import { Th } from "./Th";
+import { TBody } from "./TBody";
+import { THead } from "./THead";
+export const Table = ({ className, children, ...tableProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table",
+        className,
+    });
+    return (_jsx("table", { className: componentClassName, ...tableProps, children: children }));
+};
+Table.THead = THead;
+Table.TBody = TBody;
+Table.Th = Th;
+Table.Tr = Tr;
+Table.Td = Td;

package/dist/prospect-client/Table/TableLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Table/TableLF.css";
+export { Table, type TableProps, type HeadColorVariants, type BodyColorVariants, type RowSizeVariants, } from "./TableCommon";

package/dist/prospect-client/Table/TableLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Table/TableLF.css";
+export { Table, } from "./TableCommon";

package/dist/prospect-client/Table/Td.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef } from "react";
+export type CellContentPositionVariants = "left" | "center" | "right";
+export type CellContentVerticalAlignVariants = "top" | "middle";
+export declare const tdSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+};
+export type TdSizeVariants = keyof typeof tdSizeVariants;
+export type CellColorVariant = "white" | "blue";
+export type TdProps = ComponentPropsWithRef<"td"> & {
+    position?: CellContentPositionVariants;
+    verticalAlign?: CellContentVerticalAlignVariants;
+    size?: TdSizeVariants;
+    variant?: CellColorVariant;
+};
+export declare const Td: ({ position, verticalAlign, size, variant, className, children, ...tableCellProps }: TdProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Td.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const tdSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+};
+export const Td = ({ position = "left", verticalAlign = "middle", size, variant, className, children, ...tableCellProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__td",
+        className,
+        modifiers: [position, verticalAlign, size && tdSizeVariants[size], variant],
+    });
+    return (_jsx("td", { className: componentClassName, ...tableCellProps, children: children }));
+};

package/dist/prospect-client/Table/Th.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithRef } from "react";
+export type HeaderCellPositionVariants = "left" | "center" | "right";
+export type ThProps = ComponentPropsWithRef<"th"> & {
+    position?: HeaderCellPositionVariants;
+    checkboxPosition?: HeaderCellPositionVariants;
+    onCheck?: () => void;
+    onSort?: () => void;
+};
+export declare const Th: ({ position, onCheck, checkboxPosition, onSort, className, children, ...tableHeaderProps }: ThProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Th.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import unfoldMore from "@material-symbols/svg-400/rounded/unfold_more-fill.svg";
+import { getClassName } from "../utilities/getClassName";
+import { Checkbox } from "../Form/Checkbox/Checkbox/CheckboxCommon";
+import { ClickIcon } from "../ClickIcon/ClickIconCommon";
+export const Th = ({ position = "left", onCheck, checkboxPosition = "left", onSort, className, children, ...tableHeaderProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__th",
+        className,
+        modifiers: [position, checkboxPosition && `checkbox-${checkboxPosition}`],
+    });
+    return (_jsx("th", { className: componentClassName, ...tableHeaderProps, children: _jsxs("div", { className: "af-table__th-wrapper", children: [onCheck ? _jsx(Checkbox, { onChange: onCheck }) : null, _jsx("span", { className: "af-table__th-content", children: children }), onSort ? (_jsx(ClickIcon, { onClick: onSort, src: unfoldMore, variant: "ghost", className: "af-table__th-sort-icon" })) : null] }) }));
+};

package/dist/prospect-client/Table/Tr.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef } from "react";
+export declare const rowSizeVariants: {
+    readonly L: "large";
+    readonly M: "medium";
+    readonly S: "small";
+};
+export type RowSizeVariants = keyof typeof rowSizeVariants;
+export type TrProps = ComponentPropsWithRef<"tr"> & {
+    size?: RowSizeVariants;
+};
+export declare const Tr: ({ size, className, children, ...tableRowProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Table/Tr.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const rowSizeVariants = {
+    L: "large",
+    M: "medium",
+    S: "small",
+};
+export const Tr = ({ size = "S", className, children, ...tableRowProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table__tr",
+        className,
+        modifiers: [rowSizeVariants[size]],
+    });
+    return (_jsx("tr", { className: componentClassName, ...tableRowProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/DRow.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentPropsWithRef } from "react";
+export type DRowDirectionVariants = "row" | "column";
+export type TrProps = ComponentPropsWithRef<"div"> & {
+    direction?: DRowDirectionVariants;
+};
+export declare const DRow: ({ className, children, direction, ...dRowProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TableMobileCard/DRow.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const DRow = ({ className, children, direction = "row", ...dRowProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card__drow",
+        className,
+        modifiers: [direction],
+    });
+    return (_jsx("div", { className: componentClassName, ...dRowProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/Dd.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentPropsWithRef } from "react";
+export type TrProps = ComponentPropsWithRef<"dd">;
+export declare const Dd: ({ className, children, ...ddProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TableMobileCard/Dd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const Dd = ({ className, children, ...ddProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card__dd",
+        className,
+    });
+    return (_jsx("dd", { className: componentClassName, ...ddProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/Dt.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentPropsWithRef } from "react";
+export type TrProps = ComponentPropsWithRef<"dt">;
+export declare const Dt: ({ className, children, ...dtProps }: TrProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/TableMobileCard/Dt.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const Dt = ({ className, children, ...dtProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card__dt",
+        className,
+    });
+    return (_jsx("dt", { className: componentClassName, ...dtProps, children: children }));
+};

package/dist/prospect-client/TableMobileCard/TableMobileCard.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithRef } from "react";
+import "@axa-fr/canopee-css/prospect/TableMobileCard/TableMobileCardAll.css";
+export type TableMobileCardVariants = "white" | "blue" | "alternate";
+export type TableMobileCardProps = ComponentPropsWithRef<"dl"> & {
+    variant?: TableMobileCardVariants;
+};
+export declare const TableMobileCard: {
+    ({ className, children, variant, ...tableCardProps }: TableMobileCardProps): import("react/jsx-runtime").JSX.Element;
+    DRow: ({ className, children, direction, ...dRowProps }: import("./DRow").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Dt: ({ className, children, ...dtProps }: import("./Dt").TrProps) => import("react/jsx-runtime").JSX.Element;
+    Dd: ({ className, children, ...ddProps }: import("./Dd").TrProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/prospect-client/TableMobileCard/TableMobileCard.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+import { DRow } from "./DRow";
+import { Dt } from "./Dt";
+import { Dd } from "./Dd";
+import "@axa-fr/canopee-css/prospect/TableMobileCard/TableMobileCardAll.css";
+export const TableMobileCard = ({ className, children, variant = "alternate", ...tableCardProps }) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-table-mobile-card",
+        className,
+        modifiers: [variant],
+    });
+    return (_jsx("dl", { className: componentClassName, ...tableCardProps, children: children }));
+};
+TableMobileCard.DRow = DRow;
+TableMobileCard.Dt = Dt;
+TableMobileCard.Dd = Dd;

package/dist/prospect-client/pages/ErrorPage/ErrorPageApollo.d.ts

@@ -0,0 +1,3 @@
+import { type ErrorPageProps } from "./ErrorPageCommon";
+export { type ErrorPageProps } from "./ErrorPageCommon";
+export declare const ErrorPage: (props: ErrorPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/pages/ErrorPage/ErrorPageApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from "../../Link/LinkApollo";
+import { ExitLayout } from "../../Layout/ExitLayout/ExitLayoutApollo";
+import { ErrorPageCommon } from "./ErrorPageCommon";
+export const ErrorPage = (props) => (_jsx(ErrorPageCommon, { ...props, LinkComponent: Link, ExitLayoutComponent: ExitLayout }));

package/dist/prospect-client/pages/ErrorPage/ErrorPageCommon.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType, PropsWithChildren } from "react";
+import { type ExitLayoutWithSubComponents, type ExitLayoutProps } from "../../Layout/ExitLayout/ExitLayoutCommon";
+import { type LinkProps } from "../../Link/LinkCommon";
+export type ErrorPageProps = PropsWithChildren & Pick<ExitLayoutProps, "headingProps"> & {
+    linkProps?: LinkProps;
+};
+type ErrorPageCommonProps = ErrorPageProps & {
+    LinkComponent: ComponentType<LinkProps>;
+    ExitLayoutComponent: ExitLayoutWithSubComponents;
+};
+export declare const ErrorPageCommon: ({ headingProps, children, linkProps, LinkComponent, ExitLayoutComponent, }: ErrorPageCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/pages/ErrorPage/ErrorPageCommon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import close from "@material-symbols/svg-400/rounded/close.svg";
+export const ErrorPageCommon = ({ headingProps, children, linkProps, LinkComponent, ExitLayoutComponent, }) => (_jsxs(ExitLayoutComponent, { headingProps: headingProps, iconProps: {
+        src: close,
+        hasBackground: true,
+        variant: "error",
+    }, children: [_jsx(ExitLayoutComponent.Content, { children: children }), linkProps ? (_jsx(ExitLayoutComponent.Action, { children: _jsx(LinkComponent, { className: "af-btn-client", ...linkProps }) })) : null] }));

package/dist/prospect-client/pages/ErrorPage/ErrorPageLF.d.ts

@@ -0,0 +1,3 @@
+import { type ErrorPageProps } from "./ErrorPageCommon";
+export { type ErrorPageProps } from "./ErrorPageCommon";
+export declare const ErrorPage: (props: ErrorPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/pages/ErrorPage/ErrorPageLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from "../../Link/LinkLF";
+import { ExitLayout } from "../../Layout/ExitLayout/ExitLayoutLF";
+import { ErrorPageCommon } from "./ErrorPageCommon";
+export const ErrorPage = (props) => (_jsx(ErrorPageCommon, { ...props, LinkComponent: Link, ExitLayoutComponent: ExitLayout }));

package/dist/prospect-client/pages/ValidPage/ValidPageApollo.d.ts

@@ -0,0 +1,3 @@
+import { type ValidPageProps } from "./ValidPageCommon";
+export { type ValidPageProps } from "./ValidPageCommon";
+export declare const ValidPage: (props: ValidPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/pages/ValidPage/ValidPageApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataAgent } from "../../DataAgent/DataAgentApollo";
+import { Link } from "../../Link/LinkApollo";
+import { ExitLayout } from "../../Layout/ExitLayout/ExitLayoutApollo";
+import { ValidPageCommon } from "./ValidPageCommon";
+export const ValidPage = (props) => (_jsx(ValidPageCommon, { ...props, DataAgentComponent: DataAgent, LinkComponent: Link, ExitLayoutComponent: ExitLayout }));

package/dist/prospect-client/pages/ValidPage/ValidPageCommon.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentType, PropsWithChildren } from "react";
+import { type ExitLayoutWithSubComponents, type ExitLayoutProps } from "../../Layout/ExitLayout/ExitLayoutCommon";
+import { type DataAgentProps } from "../../DataAgent/DataAgentCommon";
+import { type LinkProps } from "../../Link/LinkCommon";
+export type ValidPageProps = PropsWithChildren & Pick<ExitLayoutProps, "headingProps"> & {
+    dataAgentProps?: DataAgentProps;
+    linkProps?: LinkProps;
+};
+type ValidPageCommonProps = ValidPageProps & {
+    DataAgentComponent: ComponentType<DataAgentProps>;
+    LinkComponent: ComponentType<LinkProps>;
+    ExitLayoutComponent: ExitLayoutWithSubComponents;
+};
+export declare const ValidPageCommon: ({ headingProps, children, dataAgentProps, linkProps, DataAgentComponent, LinkComponent, ExitLayoutComponent, }: ValidPageCommonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/pages/ValidPage/ValidPageCommon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import check from "@material-symbols/svg-400/rounded/check.svg";
+export const ValidPageCommon = ({ headingProps, children, dataAgentProps, linkProps, DataAgentComponent, LinkComponent, ExitLayoutComponent, }) => (_jsxs(ExitLayoutComponent, { headingProps: headingProps, iconProps: {
+        src: check,
+        hasBackground: true,
+        variant: "success",
+    }, children: [_jsx(ExitLayoutComponent.Content, { children: children }), dataAgentProps ? (_jsx(ExitLayoutComponent.Agent, { children: _jsx(DataAgentComponent, { ...dataAgentProps }) })) : null, linkProps ? (_jsx(ExitLayoutComponent.Action, { children: _jsx(LinkComponent, { className: "af-btn-client", ...linkProps }) })) : null] }));

package/dist/prospect-client/pages/ValidPage/ValidPageLF.d.ts

@@ -0,0 +1,3 @@
+import { type ValidPageProps } from "./ValidPageCommon";
+export { type ValidPageProps } from "./ValidPageCommon";
+export declare const ValidPage: (props: ValidPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/pages/ValidPage/ValidPageLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataAgent } from "../../DataAgent/DataAgentLF";
+import { Link } from "../../Link/LinkLF";
+import { ExitLayout } from "../../Layout/ExitLayout/ExitLayoutLF";
+import { ValidPageCommon } from "./ValidPageCommon";
+export const ValidPage = (props) => (_jsx(ValidPageCommon, { ...props, DataAgentComponent: DataAgent, LinkComponent: Link, ExitLayoutComponent: ExitLayout }));

package/dist/prospect-client/utilities/types/GridContainerProps.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, ElementType } from "react";
+type Cols = `${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`;
+export type GridContainerProps<T extends ElementType = "div"> = ComponentProps<T> & {
+    "data-cols-mobile"?: Cols;
+    "data-cols-tablet"?: Cols;
+    "data-cols-desktop-small"?: Cols;
+    "data-cols-desktop-medium"?: Cols;
+    "data-cols-desktop-large"?: Cols;
+};
+export {};

package/dist/prospect-client/utilities/types/GridContainerProps.js

@@ -0,0 +1 @@
+export {};