@the-story/standard-core 1.0.3

package/dist/atoms/CmsRichText/CmsRichText.js

@@ -0,0 +1,96 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import Link from "@mui/material/Link";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import Paper from "@mui/material/Paper";
+import Typography from "@mui/material/Typography";
+import { BlocksRenderer, } from "@strapi/blocks-react-renderer";
+import slugify from "slugify";
+var generateId = function (children) {
+    return slugify(children[0].props.text, {
+        lower: true,
+    });
+};
+var resetMarginsSx = {
+    "&:first-child": {
+        mt: 0,
+    },
+    "&:last-child": {
+        mb: 0,
+    },
+};
+var CmsRichText = function (_a) {
+    var blocks = _a.blocks, _b = _a.globalDisableHeadings, globalDisableHeadings = _b === void 0 ? false : _b, componentProps = _a.componentProps, exclude = _a.exclude;
+    if (!blocks)
+        return null;
+    return (_jsx(Box, { sx: {
+            "& > *": { margin: "0px!important" },
+            "& .MuiTypography-root:first-child": { pt: 0 },
+            "& .MuiTypography-root:last-child": { pb: 0 },
+            "& > h2.MuiTypography-h2, & > h3.MuiTypography-h3, & > h4.MuiTypography-h4, & > h5.MuiTypography-h5, & > h6.MuiTypography-h6": { pb: 3 },
+            "& > ol.MuiList-root, & > ul.MuiList-root": { pt: 0.5, pb: 3, m: 0 },
+            "& > p.MuiTypography-body1": { pb: 2 },
+        }, children: _jsx(BlocksRenderer, { content: blocks, blocks: {
+                paragraph: function (_a) {
+                    var _b;
+                    var children = _a.children;
+                    if (exclude === null || exclude === void 0 ? void 0 : exclude.includes("p"))
+                        return null;
+                    return (_jsx(Typography, __assign({ component: globalDisableHeadings ? "" : "p", variant: "body1", sx: __assign(__assign({ mb: 4 }, (componentProps ? (_b = componentProps["p"]) === null || _b === void 0 ? void 0 : _b.sx : {})), resetMarginsSx) }, (componentProps ? componentProps["p"] : {}), { children: children })));
+                },
+                heading: function (_a) {
+                    var _b;
+                    var children = _a.children, level = _a.level;
+                    var targetElement = level === 1 ? "h2" : "h".concat(level);
+                    if (exclude === null || exclude === void 0 ? void 0 : exclude.includes(targetElement))
+                        return null;
+                    return (_jsx(Typography, __assign({ component: targetElement, variant: targetElement, sx: __assign(__assign({ mb: 3 }, (componentProps
+                            ? (_b = componentProps["".concat(targetElement)]) === null || _b === void 0 ? void 0 : _b.sx
+                            : {})), resetMarginsSx), id: targetElement === "h2" ? generateId(children) : "" }, (componentProps ? componentProps["".concat(targetElement)] : {}), { children: children })));
+                },
+                code: function (_a) {
+                    var children = _a.children;
+                    return (_jsx(Paper, { component: "code", sx: __assign({ p: 1, my: { xs: 3, lg: 6 }, whiteSpace: "pre", display: "block" }, resetMarginsSx), children: children }));
+                },
+                quote: function (_a) {
+                    var children = _a.children;
+                    if (exclude === null || exclude === void 0 ? void 0 : exclude.includes("blockquote"))
+                        return null;
+                    return (_jsx(Typography, { variant: "h5", component: "blockquote", sx: __assign({ my: 6, pl: { xs: 2, lg: 3 }, borderLeft: "2px solid", borderColor: "secondary.main" }, resetMarginsSx), children: children }));
+                },
+                link: function (_a) {
+                    var children = _a.children, url = _a.url;
+                    var props = url.startsWith("http")
+                        ? { rel: "noopener nofollow", target: "_blank" }
+                        : {};
+                    return (_jsx(Link, __assign({ href: url }, props, { children: children })));
+                },
+                list: function (_a) {
+                    var children = _a.children, format = _a.format;
+                    if (exclude === null || exclude === void 0 ? void 0 : exclude.includes("list"))
+                        return null;
+                    if (!children)
+                        return null;
+                    return (_jsx(List, { component: format === "ordered" ? "ol" : "ul", dense: true, sx: __assign({ py: 0, pl: 3, mt: -3, mb: 4, listStyle: format === "ordered" ? "decimal" : "disc", listStylePosition: "outside" }, resetMarginsSx), children: children }));
+                },
+                "list-item": function (_a) {
+                    var children = _a.children;
+                    return (_jsx(ListItem, { sx: { display: "list-item", pl: 1 }, children: children }));
+                },
+                image: function () { return null; },
+            } }) }));
+};
+export default CmsRichText;

package/dist/atoms/CmsRichText/index.d.ts

@@ -0,0 +1 @@
+export { default as CmsRichText } from "./CmsRichText";

package/dist/atoms/CmsRichText/index.js

@@ -0,0 +1 @@
+export { default as CmsRichText } from "./CmsRichText";

package/dist/atoms/CopyToClipboard/CopyToClipboard.d.ts

@@ -0,0 +1,12 @@
+import type { SvgIconOwnProps } from "@mui/material/SvgIcon";
+import { type TooltipProps } from "@mui/material/Tooltip";
+interface CopyToClipboardProps {
+    text: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    iconSize?: SvgIconOwnProps["fontSize"];
+    color?: string;
+    tooltipProps?: TooltipProps;
+    slotProps?: TooltipProps["slotProps"];
+}
+declare const CopyToClipboard: ({ text, placement, iconSize, color, tooltipProps, slotProps, }: CopyToClipboardProps) => import("react/jsx-runtime").JSX.Element;
+export default CopyToClipboard;

package/dist/atoms/CopyToClipboard/CopyToClipboard.js

@@ -0,0 +1,39 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgIcon } from "../SvgIcon";
+import CheckIcon from "@mui/icons-material/Check";
+import Box from "@mui/material/Box";
+import Tooltip from "@mui/material/Tooltip";
+import { svgFontSizeValues } from "@the-story/standard-core/utils/svgFontSizeValues";
+import { useTranslations } from "next-intl";
+import { useCopyToClipboard } from "./useCopyToClipboard";
+var CopyToClipboard = function (_a) {
+    var text = _a.text, _b = _a.placement, placement = _b === void 0 ? "top" : _b, _c = _a.iconSize, iconSize = _c === void 0 ? "small" : _c, _d = _a.color, color = _d === void 0 ? "text.primary" : _d, tooltipProps = _a.tooltipProps, slotProps = _a.slotProps;
+    var _e = useCopyToClipboard(), copiedText = _e[0], copy = _e[1];
+    var t = useTranslations("settings.utils");
+    return (_jsx(Tooltip, __assign({}, tooltipProps, { title: copiedText ? t("copySuccess") : t("copyIcon"), placement: placement, onClick: function () { return copy(text); }, slotProps: slotProps, children: _jsx(Box, { sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                height: svgFontSizeValues[iconSize] ||
+                    svgFontSizeValues.small,
+            }, children: copiedText ? (_jsx(CheckIcon, { sx: {
+                    fontSize: iconSize,
+                    color: color,
+                } })) : (_jsx(SvgIcon, { fontSize: iconSize, iconName: "ContentCopy", sx: {
+                    cursor: "pointer",
+                    color: color,
+                } })) }) })));
+};
+export default CopyToClipboard;

package/dist/atoms/CopyToClipboard/index.d.ts

@@ -0,0 +1 @@
+export { default as CopyToClipboard } from "./CopyToClipboard";

package/dist/atoms/CopyToClipboard/index.js

@@ -0,0 +1 @@
+export { default as CopyToClipboard } from "./CopyToClipboard";

package/dist/atoms/CopyToClipboard/useCopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+type CopiedValue = string | null;
+type CopyFn = (text: string) => Promise<boolean>;
+export declare function useCopyToClipboard(time?: number): [CopiedValue, CopyFn];
+export {};

package/dist/atoms/CopyToClipboard/useCopyToClipboard.js

@@ -0,0 +1,70 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useState } from "react";
+export function useCopyToClipboard(time) {
+    var _this = this;
+    if (time === void 0) { time = 2500; }
+    var _a = useState(null), copiedText = _a[0], setCopiedText = _a[1];
+    var copy = useCallback(function (text) { return __awaiter(_this, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(navigator === null || navigator === void 0 ? void 0 : navigator.clipboard)) {
+                        console.warn("Clipboard not supported");
+                        return [2 /*return*/, false];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, navigator.clipboard.writeText(text)];
+                case 2:
+                    _a.sent();
+                    setCopiedText(text);
+                    setTimeout(function () { return setCopiedText(null); }, time);
+                    return [2 /*return*/, true];
+                case 3:
+                    error_1 = _a.sent();
+                    console.warn("Copy failed", error_1);
+                    setCopiedText(null);
+                    return [2 /*return*/, false];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [setCopiedText, time]);
+    return [copiedText, copy];
+}

package/dist/atoms/CroppedImage/CroppedImage.d.ts

@@ -0,0 +1,16 @@
+import { type BoxProps } from "@mui/material/Box";
+import type { ImageResizeOption } from "@the-story/standard-core/types";
+import type { APIString } from "@the-story/standard-core/types";
+interface CroppedImageProps extends BoxProps {
+    src: string;
+    width?: number;
+    height?: number;
+    cover?: boolean;
+    desktopOnly?: boolean;
+    mobileOnly?: boolean;
+    alt?: APIString;
+    loading?: "lazy" | "eager";
+    resizingType?: ImageResizeOption;
+}
+declare const CroppedImage: ({ src, width, height, cover, desktopOnly, mobileOnly, loading, resizingType, sx, ...props }: CroppedImageProps) => import("react/jsx-runtime").JSX.Element;
+export default CroppedImage;

package/dist/atoms/CroppedImage/CroppedImage.js

@@ -0,0 +1,65 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import { constructCroppedImageUrl } from "./utils";
+var CroppedImage = function (_a) {
+    var src = _a.src, width = _a.width, height = _a.height, _b = _a.cover, cover = _b === void 0 ? false : _b, _c = _a.desktopOnly, desktopOnly = _c === void 0 ? false : _c, _d = _a.mobileOnly, mobileOnly = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? "lazy" : _e, _f = _a.resizingType, resizingType = _f === void 0 ? "fill" : _f, sx = _a.sx, props = __rest(_a, ["src", "width", "height", "cover", "desktopOnly", "mobileOnly", "loading", "resizingType", "sx"]);
+    // eslint-disable-next-line @next/next/no-img-element
+    return (_jsx(Box, __assign({ component: "img", loading: loading }, (resizingType !== "fit" && {
+        srcSet: "".concat(constructCroppedImageUrl({
+            url: src,
+            width: width,
+            height: height,
+            dpr: 2,
+            resizingType: resizingType,
+        }), " 2x, ").concat(constructCroppedImageUrl({
+            url: src,
+            width: width,
+            height: height,
+            dpr: 3,
+            resizingType: resizingType,
+        }), " 3x"),
+    }), { src: constructCroppedImageUrl({
+            url: src,
+            width: width,
+            height: height,
+            dpr: 1,
+            resizingType: resizingType,
+        }) }, (resizingType !== "fit" && { width: width, height: height }), { sx: __assign(__assign(__assign(__assign({ maxWidth: "100%", display: "block", margin: 0, border: 0 }, (cover
+            ? {
+                objectFit: "cover",
+                width: "100%",
+                height: "100%",
+            }
+            : {})), (desktopOnly
+            ? {
+                display: { xs: "none", lg: "block" },
+            }
+            : {})), (mobileOnly
+            ? {
+                display: { xs: "block", lg: "none" },
+            }
+            : {})), sx) }, props)));
+};
+export default CroppedImage;

package/dist/atoms/CroppedImage/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CroppedImage } from "./CroppedImage";
+export * from "./utils";

package/dist/atoms/CroppedImage/index.js

@@ -0,0 +1,2 @@
+export { default as CroppedImage } from "./CroppedImage";
+export * from "./utils";

package/dist/atoms/CroppedImage/utils.d.ts

@@ -0,0 +1,12 @@
+import type { Format } from "@imgproxy/imgproxy-js-core";
+import type { ImageResizeOption } from "@the-story/standard-core/types";
+interface ConstructCroppedImageUrlParams {
+    url: string;
+    width?: number;
+    height?: number;
+    dpr?: number;
+    resizingType?: ImageResizeOption;
+    format?: Format | undefined;
+}
+export declare const constructCroppedImageUrl: ({ url, width, height, dpr, resizingType, format, }: ConstructCroppedImageUrlParams) => string;
+export {};

package/dist/atoms/CroppedImage/utils.js

@@ -0,0 +1,16 @@
+import { generateImageUrl } from "@imgproxy/imgproxy-node";
+export var constructCroppedImageUrl = function (_a) {
+    var url = _a.url, width = _a.width, height = _a.height, _b = _a.dpr, dpr = _b === void 0 ? 1 : _b, _c = _a.resizingType, resizingType = _c === void 0 ? "fill" : _c, _d = _a.format, format = _d === void 0 ? "webp" : _d;
+    return generateImageUrl({
+        endpoint: "".concat(process.env.NEXT_PUBLIC_IMAGE_PROXY, "/"),
+        url: url,
+        options: {
+            resizing_type: resizingType,
+            width: width,
+            height: height,
+            enlarge: resizingType !== "fit",
+            format: format,
+            dpr: dpr,
+        },
+    });
+};

package/dist/atoms/CtaButton/CtaButton.d.ts

@@ -0,0 +1,12 @@
+import type { SxProps } from "@mui/material/styles";
+import type { APINullable, APIString } from "@the-story/standard-core/types";
+export interface CtaButtonProps {
+    button?: {
+        label?: APIString;
+        overline?: APIString;
+        url?: APIString;
+        sx?: SxProps;
+    } | APINullable;
+}
+declare const CtaButton: ({ button }: CtaButtonProps) => APINullable | import("react/jsx-runtime").JSX.Element;
+export default CtaButton;

package/dist/atoms/CtaButton/CtaButton.js

@@ -0,0 +1,44 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ArrowForward from "@mui/icons-material/ArrowForward";
+import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import { Button } from "@the-story/standard-core/atoms/Button";
+var CtaButton = function (_a) {
+    var button = _a.button;
+    return button && (_jsx(Box, { sx: __assign({}, button.sx), children: _jsxs(Button, { size: "large", href: button.url || undefined, sx: {
+                color: "text.primary",
+                width: "fit-content",
+                backgroundColor: "secondary.main",
+                textTransform: "none",
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "start",
+                py: 1,
+                px: 2.5,
+                fontSize: 15,
+                boxShadow: "none",
+                "& .arrow": {
+                    transition: "transform 0.3s",
+                },
+                "&:hover": {
+                    backgroundColor: "secondary.dark",
+                    boxShadow: "none",
+                    "& .arrow": {
+                        transform: "translateX(5px)",
+                    },
+                },
+            }, children: [button.overline && (_jsx(Typography, { variant: "overline", color: "text.secondary", sx: { display: "block", fontSize: 12 }, children: button.overline })), _jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", gap: 4, children: [button.label, _jsx(ArrowForward, { className: "arrow", fontSize: "small" })] })] }) }));
+};
+export default CtaButton;

package/dist/atoms/CtaButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CtaButton } from "./CtaButton";
+export type { CtaButtonProps } from "./CtaButton";

package/dist/atoms/CtaButton/index.js

@@ -0,0 +1 @@
+export { default as CtaButton } from "./CtaButton";

package/dist/atoms/Divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import { type DividerProps as MuiDividerProps } from "@mui/material/Divider";
+type DividerProps = {} & MuiDividerProps;
+declare const Divider: (props: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/dist/atoms/Divider/Divider.js

@@ -0,0 +1,15 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiDivider from "@mui/material/Divider";
+var Divider = function (props) { return (_jsx(MuiDivider, __assign({}, props, { sx: __assign({ backgroundColor: "rgba(0, 0, 0, 0.12)" }, props === null || props === void 0 ? void 0 : props.sx) }))); };
+export default Divider;

package/dist/atoms/Divider/index.d.ts

@@ -0,0 +1 @@
+export { default as Divider } from "./Divider";

package/dist/atoms/Divider/index.js

@@ -0,0 +1 @@
+export { default as Divider } from "./Divider";

package/dist/atoms/Form/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { type CheckboxProps } from "@mui/material/Checkbox";
+import type { ReactElement } from "react";
+import { type FieldValues, type UseControllerProps } from "react-hook-form";
+interface FormCheckboxProps<T extends FieldValues> extends UseControllerProps<T> {
+    label: string | ReactElement;
+    muiProps?: Omit<CheckboxProps, "name" | "defaultValue">;
+}
+declare const FormCheckbox: <T extends FieldValues>({ label, name, disabled, control, muiProps, ...controllerProps }: FormCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FormCheckbox;

package/dist/atoms/Form/Checkbox.js

@@ -0,0 +1,44 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import Checkbox from "@mui/material/Checkbox";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import { Controller, } from "react-hook-form";
+var FormCheckbox = function (_a) {
+    var label = _a.label, name = _a.name, disabled = _a.disabled, control = _a.control, muiProps = _a.muiProps, controllerProps = __rest(_a, ["label", "name", "disabled", "control", "muiProps"]);
+    return (_jsx(FormControlLabel, { control: _jsx(Controller, __assign({ name: name, control: control }, controllerProps, { render: function (_a) {
+                var _b = _a.field, ref = _b.ref, rest = __rest(_b, ["ref"]), error = _a.fieldState.error;
+                return (_jsx(_Fragment, { children: _jsx(Checkbox, __assign({ sx: {
+                            height: "fit-content",
+                            mt: -1,
+                            ml: 1,
+                            color: !!error ? "error.main" : "text.secondary",
+                            "& + .MuiTypography-caption": {
+                                color: !!error ? "error.main" : "text.secondary",
+                            },
+                            alignSelf: "flex-start",
+                        }, checked: !!rest.value, inputRef: ref, disabled: disabled }, rest, muiProps)) }));
+            } })), label: label }));
+};
+export default FormCheckbox;

package/dist/atoms/Form/TermsLabel.d.ts

@@ -0,0 +1,2 @@
+declare const TermsLabel: () => import("react/jsx-runtime").JSX.Element;
+export default TermsLabel;

package/dist/atoms/Form/TermsLabel.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Link } from "../Link";
+import Typography from "@mui/material/Typography";
+import { useTranslations } from "next-intl";
+var TermsLabel = function () {
+    var t = useTranslations("contact.form");
+    return (_jsx(Typography, { mb: "6px", children: t.rich("terms.label", {
+            linkPrivacy: function (chunks) { return (_jsx(Link, { href: "/privacy-policy", sx: { textTransform: "capitalize" }, children: chunks })); },
+            linkCookies: function (chunks) { return (_jsx(Link, { href: "/cookies-policy", sx: { textTransform: "capitalize" }, children: chunks })); },
+        }) }));
+};
+export default TermsLabel;

package/dist/atoms/Form/TextField.d.ts

@@ -0,0 +1,7 @@
+import { type TextFieldProps as MuiTextFieldProps } from "@mui/material/TextField";
+import { type FieldValues, type UseControllerProps } from "react-hook-form";
+interface TextFieldProps<T extends FieldValues> extends UseControllerProps<T>, Required<Pick<MuiTextFieldProps, "label">> {
+    muiProps?: Omit<MuiTextFieldProps, "label" | "name" | "defaultValue" | "disabled">;
+}
+declare const FormTextField: <T extends FieldValues>({ name, disabled, label, control, muiProps, ...ControllerProps }: TextFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default FormTextField;

package/dist/atoms/Form/TextField.js

@@ -0,0 +1,45 @@
+"use client";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
+import { Controller, } from "react-hook-form";
+var TextFieldError = function (_a) {
+    var message = _a.message;
+    return (_jsx(Typography, { color: "error", variant: "caption", children: message }));
+};
+var FormTextField = function (_a) {
+    var name = _a.name, disabled = _a.disabled, label = _a.label, control = _a.control, muiProps = _a.muiProps, ControllerProps = __rest(_a, ["name", "disabled", "label", "control", "muiProps"]);
+    return (_jsx(Controller, __assign({ name: name, control: control }, ControllerProps, { render: function (_a) {
+            var _b = _a.field, ref = _b.ref, rest = __rest(_b, ["ref"]), error = _a.fieldState.error;
+            return (_jsx(TextField, __assign({ helperText: error ? _jsx(TextFieldError, { message: error.message || "" }) : "", size: "small", label: label, error: !!error, variant: "outlined", inputRef: ref, disabled: disabled, slotProps: {
+                    inputLabel: {
+                        sx: {
+                            color: "text.primary",
+                        },
+                    },
+                } }, rest, muiProps)));
+        } })));
+};
+export default FormTextField;

package/dist/atoms/Form/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Checkbox } from "./Checkbox";
+export { default as TextField } from "./TextField";
+export { default as TermsLabel } from "./TermsLabel";

package/dist/atoms/Form/index.js

@@ -0,0 +1,3 @@
+export { default as Checkbox } from "./Checkbox";
+export { default as TextField } from "./TextField";
+export { default as TermsLabel } from "./TermsLabel";

package/dist/atoms/FormatedData/FormatedData.d.ts

@@ -0,0 +1,4 @@
+declare const FormattedDate: ({ value }: {
+    value?: Date | string | null;
+}) => import("react/jsx-runtime").JSX.Element;
+export default FormattedDate;

package/dist/atoms/FormatedData/FormatedData.js

@@ -0,0 +1,17 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import Box from "@mui/material/Box";
+import { useFormatter, useTranslations } from "next-intl";
+var FormattedDate = function (_a) {
+    var value = _a.value;
+    var t = useTranslations("common");
+    var f = useFormatter();
+    var formatDate = function () {
+        if (value === undefined || value === null)
+            return "-";
+        return f.dateTime(new Date(value), {
+            dateStyle: "medium",
+        });
+    };
+    return (_jsxs(Box, { component: "span", sx: { whiteSpace: "nowrap" }, children: [formatDate(), " ", t("year")] }));
+};
+export default FormattedDate;

package/dist/atoms/FormatedData/index.d.ts

@@ -0,0 +1 @@
+export { default as FormatedData } from "./FormatedData";

package/dist/atoms/FormatedData/index.js

@@ -0,0 +1 @@
+export { default as FormatedData } from "./FormatedData";

package/dist/atoms/Link/Link.d.ts

@@ -0,0 +1,5 @@
+import type { LinkProps as MuiLinkProps } from "@mui/material/Link";
+import { type LinkProps as LocalizedLinkProps } from "@the-story/standard-core/config/navigation";
+type LinkType = LocalizedLinkProps & MuiLinkProps;
+declare const Link: ({ children, href, onClick, ...props }: LinkType) => import("react/jsx-runtime").JSX.Element;
+export default Link;