@the-story/standard-core 1.0.3

package/README.md

@@ -0,0 +1,47 @@
+# Standard Core by The Story
+
+A set of core UI components, configuration, and utilities to be reused across other projects. The library is developed in isolation in Storybook and then verified inside external applications.
+
+## How to use the library in a project
+
+During development, we use yalc for local linking (a lightweight alternative to a private npm registry).
+- yalc repository: https://github.com/wclr/yalc
+
+### Quick start (local link via yalc) — using PyCharm Run configurations
+1. In the library (this repository):
+   - In PyCharm, use the already added Run configurations: "build", "yalc:publish" (optionally also "yalc:push").
+   - Run "yalc:publish".
+2. In the consuming application:
+   - Use the existing project configuration that adds the package via yalc (e.g., "yalc:add" or a "Shell Script" configuration with: yalc add @thestory/standard-core).
+   - Run the prepared configuration that installs dependencies (e.g., NPM "install"/"yarn install").
+   - Start the application using its dedicated Run configuration and verify it works.
+3. Updating when the library changes:
+   - In the library: run "yalc:publish" to push the update to all consumers.
+   - In the app: run the "yalc:update" configuration to update the package; optionally restart the dev server.
+4. Removing the yalc package in the app: run the existing configuration that removes the package (e.g., a "Shell Script" with: yalc remove @thestory/standard-core).
+
+Note: Eventually the package may be published to an npm registry (public or private). yalc is intended only for local development.
+
+## Component development (Storybook)
+
+We use Storybook to build and preview components. Every component MUST have at least one story that demonstrates its basic usage and state variants.
+
+- Launching Storybook: in PyCharm run the existing NPM configuration "storybook" from the Run toolbar.
+- Building a static version: in PyCharm run the existing NPM configuration "build-storybook".
+
+Guidelines:
+- In this project, stories live in the `src/stories` directory, grouped into categories (e.g., `Atoms`, `Molecules`) and mirroring component structure, e.g., `src/stories/Atoms/Button/Button.stories.tsx`.
+- Use the `*.stories.ts(x)` naming and include multiple usage variants of the component.
+- Add different prop variants and states (loading/disabled/error), including edge cases.
+- If a component has external dependencies or requires context (Theme/Intl/Router), prepare appropriate Storybook decorators.
+
+## Verification in an external application
+
+After confirming the component works in Storybook:
+1. In the library, run the NPM "build" configuration in PyCharm.
+2. Next run the "yalc:publish" configuration.
+3. In the consuming app, use its prepared PyCharm configurations (e.g., "yalc add", "install", "dev") and test the integration (styles, interactions, SSR/CSR, etc.).
+
+## Environment variables
+
+These variables should be configured in the application that uses the library (in its `.env` file), not in this package.

package/dist/NextIntlClientInheritor/NextIntlClientInheritor.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from "react";
+import type { Timezone } from "use-intl";
+declare const NextIntlClientInheritor: ({ locale, messages, timeZone, children, }: PropsWithChildren<{
+    locale: string;
+    messages: any;
+    timeZone: Timezone;
+}>) => Promise<import("react/jsx-runtime").JSX.Element>;
+export default NextIntlClientInheritor;

package/dist/NextIntlClientInheritor/NextIntlClientInheritor.js

@@ -0,0 +1,45 @@
+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 { jsx as _jsx } from "react/jsx-runtime";
+import { NextIntlClientProvider } from "next-intl";
+var NextIntlClientInheritor = function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+    var locale = _b.locale, messages = _b.messages, timeZone = _b.timeZone, children = _b.children;
+    return __generator(this, function (_c) {
+        return [2 /*return*/, (_jsx(NextIntlClientProvider, { locale: locale, messages: messages, timeZone: timeZone, children: children }))];
+    });
+}); };
+export default NextIntlClientInheritor;

package/dist/NextIntlClientInheritor/index.d.ts

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

package/dist/NextIntlClientInheritor/index.js

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

package/dist/ThemeInheritor/ThemeInheritor.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeProviderProps } from "@mui/material/styles/ThemeProvider";
+import type { DefaultTheme } from "@mui/system";
+import React from "react";
+export default function ThemeInheritor<Theme = DefaultTheme>({ theme, ...props }: ThemeProviderProps<Theme>): React.JSX.Element;

package/dist/ThemeInheritor/ThemeInheritor.js

@@ -0,0 +1,17 @@
+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 { ThemeProvider } from "@mui/material/styles";
+export default function ThemeInheritor(_a) {
+    var theme = _a.theme, props = __rest(_a, ["theme"]);
+    return _jsx(ThemeProvider, { theme: theme, children: props.children });
+}

package/dist/ThemeInheritor/index.d.ts

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

package/dist/ThemeInheritor/index.js

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

package/dist/ThemeInheritor/types.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from "@mui/material/styles";
+import type { ReactNode } from "react";
+export interface ThemeInheritorProps {
+    theme: Theme;
+    children: ReactNode;
+}
+export default ThemeInheritorProps;

package/dist/ThemeInheritor/types.js

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

package/dist/atoms/Accordion/Accordion.d.ts

@@ -0,0 +1,6 @@
+import { type CtaButtonProps } from "../CtaButton";
+import { type AccordionListProps } from "./AccordionList";
+export interface AccordionProps extends AccordionListProps, CtaButtonProps {
+}
+declare const Accordion: ({ button, items, disableIcon, disableGutters, sx, useContrastColors, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/atoms/Accordion/Accordion.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CtaButton } from "../CtaButton";
+import Stack from "@mui/material/Stack";
+import { AccordionList } from "./AccordionList";
+var Accordion = function (_a) {
+    var button = _a.button, items = _a.items, disableIcon = _a.disableIcon, disableGutters = _a.disableGutters, sx = _a.sx, useContrastColors = _a.useContrastColors;
+    return (_jsxs(Stack, { direction: "column", spacing: 4, children: [_jsx(AccordionList, { items: items, disableIcon: disableIcon, disableGutters: disableGutters, sx: sx, useContrastColors: useContrastColors }), button && _jsx(CtaButton, { button: button })] }));
+};
+export default Accordion;

package/dist/atoms/Accordion/AccordionIcon.d.ts

@@ -0,0 +1,2 @@
+import type { SvgIconProps } from "@mui/material/SvgIcon";
+export declare const ExpandIcon: ({ color }: SvgIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Accordion/AccordionIcon.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AddIcon from "@mui/icons-material/Add";
+import RemoveIcon from "@mui/icons-material/Remove";
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+export var ExpandIcon = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b;
+    return (_jsx(Box, { sx: {
+            ".Mui-expanded & > * > .collapsIconWrapper": {
+                display: "none",
+            },
+            ".expandIconWrapper": {
+                display: "none",
+            },
+            ".Mui-expanded & > * > .expandIconWrapper": {
+                display: "block",
+            },
+        }, children: _jsxs(IconButton, { children: [_jsx(RemoveIcon, { className: "expandIconWrapper", color: color }), _jsx(AddIcon, { className: "collapsIconWrapper", color: color })] }) }));
+};

package/dist/atoms/Accordion/AccordionList.d.ts

@@ -0,0 +1,10 @@
+import type { SxProps } from "@mui/system";
+import type { ContrastAware } from "@the-story/standard-core/types";
+import type { AccordionItem } from "./types";
+export interface AccordionListProps extends ContrastAware {
+    items: AccordionItem[];
+    disableIcon?: boolean;
+    disableGutters?: boolean;
+    sx?: SxProps;
+}
+export declare const AccordionList: ({ items, disableIcon, disableGutters, useContrastColors, sx, }: AccordionListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Accordion/AccordionList.js

@@ -0,0 +1,45 @@
+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 MuiAccordion from "@mui/material/Accordion";
+import AccordionDetails from "@mui/material/AccordionDetails";
+import AccordionSummary from "@mui/material/AccordionSummary";
+import Box from "@mui/material/Box";
+import Stack from "@mui/material/Stack";
+import Typography from "@mui/material/Typography";
+import { alpha } from "@mui/material/styles";
+import Link from "@the-story/standard-core/atoms/Link/Link";
+import { ExpandIcon } from "./AccordionIcon";
+export var AccordionList = function (_a) {
+    var items = _a.items, _b = _a.disableIcon, disableIcon = _b === void 0 ? false : _b, _c = _a.disableGutters, disableGutters = _c === void 0 ? true : _c, useContrastColors = _a.useContrastColors, sx = _a.sx;
+    return (_jsx(Box, { children: items.map(function (item, index) {
+            var _a;
+            return (_jsxs(MuiAccordion, { defaultExpanded: index === 0, disableGutters: disableGutters, elevation: 0, square: true, sx: __assign({ mx: "auto", color: useContrastColors ? "primary.contrastText" : "text.primary", backgroundColor: "transparent", "&.MuiAccordion-root:before": {
+                        backgroundColor: useContrastColors ? alpha("#FFF", 0.3) : "divider",
+                        height: 2,
+                    } }, sx), children: [_jsxs(AccordionSummary, { component: "div", sx: {
+                            height: "66px",
+                            my: 0,
+                            px: 0,
+                            "& .MuiAccordionSummary-content": {
+                                gap: 1,
+                            },
+                        }, expandIcon: !disableIcon && (_jsx(ExpandIcon, { color: useContrastColors ? "secondary" : "primary" })), children: [_jsx(Typography, { variant: "h6", children: item.label }), item.overline && (_jsx(Typography, { variant: "overline", alignSelf: "center", sx: {
+                                    ml: "auto",
+                                    mr: 1,
+                                }, children: item.overline }))] }), _jsx(AccordionDetails, { sx: {
+                            pt: 0,
+                            px: 0,
+                            maxWidth: "648px",
+                        }, children: item.content }), _jsx(Stack, { flexDirection: "row", flexWrap: "wrap", columnGap: 1, children: (_a = item === null || item === void 0 ? void 0 : item.links) === null || _a === void 0 ? void 0 : _a.map(function (link, index) { return (_jsx(Link, { href: link.url || "", children: link.label }, "link-".concat(index))); }) })] }, "accordion-".concat(index)));
+        }) }));
+};

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

@@ -0,0 +1,3 @@
+export { default as Accordion } from "./Accordion";
+export type { AccordionProps } from "./Accordion";
+export type { AccordionItem } from "./types";

package/dist/atoms/Accordion/index.js

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

package/dist/atoms/Accordion/types.d.ts

@@ -0,0 +1,12 @@
+import type { APIString } from "@the-story/standard-core/types";
+import type { ReactNode } from "react";
+export interface AccordionItem {
+    label?: ReactNode | APIString;
+    overline?: APIString;
+    content?: ReactNode | APIString;
+    links?: {
+        label?: APIString;
+        url?: APIString;
+        overline?: APIString;
+    }[] | null;
+}

package/dist/atoms/Accordion/types.js

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

package/dist/atoms/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarProps } from "./types";
+declare const Avatar: ({ backgroundColor, disableBorder, value, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/atoms/Avatar/Avatar.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiAvatar from "@mui/material/Avatar";
+import Typography from "@mui/material/Typography";
+import { amber, deepPurple } from "@mui/material/colors";
+function getColor(backgroundColor) {
+    switch (backgroundColor) {
+        case "amber":
+            return amber[400];
+        case "purple":
+            return deepPurple[600];
+        case "amberDark":
+            return amber[800];
+    }
+}
+var Avatar = function (_a) {
+    var backgroundColor = _a.backgroundColor, _b = _a.disableBorder, disableBorder = _b === void 0 ? false : _b, value = _a.value;
+    return (_jsx(MuiAvatar, { sx: {
+            border: disableBorder ? 0 : function (theme) { return "2px solid white"; },
+            width: "40px",
+            height: "40px",
+            textTransform: "uppercase",
+            backgroundColor: getColor(backgroundColor),
+        }, variant: "circular", children: _jsx(Typography, { sx: {
+                fontFamily: "Epilogue",
+                fontSize: 20,
+                fontWeight: 400,
+            }, children: value }) }));
+};
+export default Avatar;

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

@@ -0,0 +1,2 @@
+export { default as Avatar } from "./Avatar";
+export type { AvatarProps } from "./types";

package/dist/atoms/Avatar/index.js

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

package/dist/atoms/Avatar/types.d.ts

@@ -0,0 +1,5 @@
+export interface AvatarProps {
+    backgroundColor?: "amber" | "purple" | "amberDark";
+    disableBorder?: boolean;
+    value?: string;
+}

package/dist/atoms/Avatar/types.js

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

package/dist/atoms/BackToTopButton/BackToTopButton.d.ts

@@ -0,0 +1,5 @@
+import type { SxProps } from "@mui/material/styles";
+declare const BackToTopButton: ({ sx }: {
+    sx?: SxProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BackToTopButton;

package/dist/atoms/BackToTopButton/BackToTopButton.js

@@ -0,0 +1,53 @@
+"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, jsxs as _jsxs } from "react/jsx-runtime";
+import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
+import Fab from "@mui/material/Fab";
+import { motion, useMotionValueEvent, useScroll } from "motion/react";
+import { useTranslations } from "next-intl";
+import { useState } from "react";
+var FMFab = motion(Fab);
+var BackToTopButton = function (_a) {
+    var sx = _a.sx;
+    var _b = useState(true), hidden = _b[0], setHidden = _b[1];
+    var scrollYProgress = useScroll().scrollYProgress;
+    var t = useTranslations("common");
+    useMotionValueEvent(scrollYProgress, "change", function (latest) {
+        if (latest > 0.1) {
+            setHidden(false);
+        }
+        else {
+            setHidden(true);
+        }
+    });
+    return (_jsxs(FMFab, { layout: true, initial: "hidden", animate: hidden ? "hidden" : "visible", transition: {
+            duration: 0.3,
+            type: "spring",
+            bounce: 0.3,
+        }, variants: {
+            visible: {
+                opacity: 1,
+                scale: 1,
+            },
+            hidden: {
+                opacity: 0,
+                scale: 0,
+            },
+        }, sx: __assign({ fontWeight: 600, fontSize: 16, position: "fixed", bottom: 24, right: 24, textTransform: "none" }, sx), onClick: function () {
+            return window.scrollTo({
+                top: 0,
+                behavior: "smooth",
+            });
+        }, size: "large", color: "primary", variant: "extended", children: [t("backToTop"), _jsx(ArrowUpwardIcon, { sx: { ml: 1 } })] }));
+};
+export default BackToTopButton;

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

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

package/dist/atoms/BackToTopButton/index.js

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

package/dist/atoms/Button/Button.d.ts

@@ -0,0 +1,21 @@
+import type { ButtonOwnProps } from "@mui/material/Button";
+import type { SxProps, Theme } from "@mui/material/styles";
+import type { APIString } from "@the-story/standard-core/types";
+import type { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
+declare const Button: ({ type, href, target, children, variant, color, size, disabled, onClick, onMouseEnter, component, endIcon, startIcon, sx, }: {
+    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    href?: APIString;
+    target?: string;
+    children?: ReactNode;
+    variant?: ButtonOwnProps["variant"];
+    color?: ButtonOwnProps["color"];
+    size?: ButtonOwnProps["size"];
+    disabled?: boolean;
+    onClick?: (e: any) => void;
+    onMouseEnter?: (e: any) => void;
+    component?: ElementType;
+    endIcon?: ReactNode;
+    startIcon?: ReactNode;
+    sx?: SxProps<Theme>;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/atoms/Button/Button.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiButton from "@mui/material/Button";
+import { LocalizedLink } from "@the-story/standard-core/config/navigation";
+var Button = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? "button" : _b, href = _a.href, target = _a.target, children = _a.children, _c = _a.variant, variant = _c === void 0 ? "contained" : _c, _d = _a.color, color = _d === void 0 ? "primary" : _d, _e = _a.size, size = _e === void 0 ? "large" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.onClick, onClick = _g === void 0 ? function (e) { } : _g, _h = _a.onMouseEnter, onMouseEnter = _h === void 0 ? function (e) { } : _h, _j = _a.component, component = _j === void 0 ? LocalizedLink : _j, _k = _a.endIcon, endIcon = _k === void 0 ? null : _k, _l = _a.startIcon, startIcon = _l === void 0 ? null : _l, sx = _a.sx;
+    return (_jsx(MuiButton, { type: type, href: href || undefined, component: href ? component : "button", target: target, variant: variant, color: color, size: size, disabled: disabled, onClick: onClick, onMouseEnter: onMouseEnter, sx: sx, endIcon: endIcon, startIcon: startIcon, children: children }));
+};
+export default Button;

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

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

package/dist/atoms/Button/index.js

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

package/dist/atoms/CmsCroppedImage/CmsCroppedImage.d.ts

@@ -0,0 +1,18 @@
+import type { SxProps } from "@mui/material/styles";
+import type { Data } from "@strapi/strapi";
+import type { ImageResizeOption } from "@the-story/standard-core/types";
+type DifferentWidths = number | {
+    xs: number;
+    lg: number;
+} | null;
+interface CmsCroppedImageProps {
+    image?: Data.ContentType<"plugin::upload.file"> | null;
+    width?: DifferentWidths;
+    height?: DifferentWidths;
+    cover?: boolean;
+    resizingType?: ImageResizeOption;
+    sx?: SxProps;
+    loading?: "lazy" | "eager";
+}
+declare const CmsCroppedImage: ({ image, width, height, cover, resizingType, sx, loading, }: CmsCroppedImageProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CmsCroppedImage;

package/dist/atoms/CmsCroppedImage/CmsCroppedImage.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { CroppedImage } from "@the-story/standard-core/atoms/CroppedImage";
+import { cmsMediaUrl } from "@the-story/standard-core/utils/cmsMediaUrl";
+var CmsCroppedImage = function (_a) {
+    var image = _a.image, width = _a.width, height = _a.height, _b = _a.cover, cover = _b === void 0 ? false : _b, _c = _a.resizingType, resizingType = _c === void 0 ? "fill" : _c, sx = _a.sx, loading = _a.loading;
+    if (!image)
+        return null;
+    var _d = image, url = _d.url, alternativeText = _d.alternativeText;
+    var safeUrl = typeof url === "string" ? url : null;
+    var safeAlt = typeof alternativeText === "string" ? alternativeText : undefined;
+    var setMobileWidth;
+    var setDesktopWidth;
+    var setDesktopHeight;
+    var setMobileHeight;
+    if (width) {
+        if (typeof width === "object") {
+            setMobileWidth = width.xs;
+            setDesktopWidth = width.lg;
+        }
+        else {
+            setMobileWidth = width;
+            setDesktopWidth = width;
+        }
+    }
+    if (height) {
+        if (typeof height === "object") {
+            setMobileHeight = height.xs;
+            setDesktopHeight = height.lg;
+        }
+        else {
+            setMobileHeight = height || setMobileWidth;
+            setDesktopHeight = height || setDesktopWidth;
+        }
+    }
+    if (setMobileWidth !== setDesktopWidth ||
+        setMobileHeight !== setDesktopHeight) {
+        return (_jsxs(_Fragment, { children: [_jsx(CroppedImage, { src: cmsMediaUrl(safeUrl), width: setMobileWidth, height: setMobileHeight, cover: cover, alt: safeAlt, resizingType: resizingType, sx: sx, loading: loading, mobileOnly: true }), _jsx(CroppedImage, { src: cmsMediaUrl(safeUrl), width: setDesktopWidth, height: setDesktopHeight, cover: cover, alt: safeAlt, resizingType: resizingType, sx: sx, loading: loading, desktopOnly: true })] }));
+    }
+    return (_jsx(CroppedImage, { src: cmsMediaUrl(safeUrl), width: setMobileWidth, height: setMobileHeight, cover: cover, alt: safeAlt, resizingType: resizingType, sx: sx, loading: loading }));
+};
+export default CmsCroppedImage;

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

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

package/dist/atoms/CmsCroppedImage/index.js

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

package/dist/atoms/CmsImage/CmsImage.d.ts

@@ -0,0 +1,18 @@
+import type { Data } from "@strapi/strapi";
+import type { APINumber, APIString } from "@the-story/standard-core/types";
+import { type ImageProps } from "next/image";
+type BaseUploadImageProps = {
+    url?: APIString;
+    alternativeText?: APIString;
+    width?: APINumber;
+    height?: APINumber;
+    fill?: boolean;
+} & Omit<ImageProps, "src" | "alt" | "width" | "height" | "id">;
+export declare const BaseUploadedImage: ({ url, alternativeText, width, height, fill, ...props }: BaseUploadImageProps) => import("react/jsx-runtime").JSX.Element | null;
+type UploadedImageProps = {
+    image: Data.ContentType<"plugin::upload.file"> | null;
+    fill?: boolean;
+    sizes?: string;
+};
+declare const CmsImage: ({ image, fill, sizes }: UploadedImageProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CmsImage;

package/dist/atoms/CmsImage/CmsImage.js

@@ -0,0 +1,61 @@
+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 { cmsMediaUrl } from "@the-story/standard-core/utils/cmsMediaUrl";
+import Image from "next/image";
+export var BaseUploadedImage = function (_a) {
+    var url = _a.url, alternativeText = _a.alternativeText, width = _a.width, height = _a.height, _b = _a.fill, fill = _b === void 0 ? false : _b, props = __rest(_a, ["url", "alternativeText", "width", "height", "fill"]);
+    if (!url)
+        return null;
+    var baseProps = __assign({}, props);
+    if (!width || !height || fill) {
+        baseProps = {
+            src: cmsMediaUrl(url),
+            sizes: baseProps.sizes,
+            fill: fill,
+            style: {
+                objectFit: "cover",
+                objectPosition: "center",
+            },
+        };
+    }
+    else {
+        baseProps = {
+            src: cmsMediaUrl(url),
+            width: width,
+            height: height,
+        };
+    }
+    if (!baseProps.src)
+        return null;
+    var src = baseProps.src, restProps = __rest(baseProps, ["src"]);
+    return _jsx(Image, __assign({ src: src }, restProps, { alt: alternativeText || "" }));
+};
+var CmsImage = function (_a) {
+    var image = _a.image, _b = _a.fill, fill = _b === void 0 ? false : _b, sizes = _a.sizes;
+    if (!image || !image.url) {
+        return null;
+    }
+    return _jsx(BaseUploadedImage, __assign({ sizes: sizes }, image, { fill: fill }));
+};
+export default CmsImage;

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

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

package/dist/atoms/CmsImage/index.js

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

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

@@ -0,0 +1,14 @@
+import { type TypographyProps } from "@mui/material/Typography";
+import { type BlocksContent } from "@strapi/blocks-react-renderer";
+import type { APINullable } from "@the-story/standard-core/types";
+type BlockElements = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "blockquote" | "list";
+export interface CmsRichTextProps {
+    blocks: BlocksContent | APINullable;
+    globalDisableHeadings?: boolean;
+    exclude?: BlockElements[];
+    componentProps?: Partial<{
+        [key in BlockElements]: TypographyProps;
+    }>;
+}
+declare const CmsRichText: ({ blocks, globalDisableHeadings, componentProps, exclude, }: CmsRichTextProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CmsRichText;