@rendr-view/card 0.0.1-alpha.0

package/.eslintrc.js

@@ -0,0 +1,8 @@
+const path = require("path");
+
+module.exports = {
+  extends: "../../.eslintrc.js",
+  parserOptions: {
+    project: path.resolve("tsconfig.json"),
+  },
+};

package/dist/_bundles/card.d.ts

@@ -0,0 +1,89 @@
+/// <reference types="react" />
+declare module "types" {
+    import React from "react";
+    import { PropsWithClxnObject } from "@rendr-view/with-clxn";
+    export interface CardCategory {
+        className?: string;
+        link?: string;
+        label?: string;
+    }
+    export type ClassNamesList = {
+        buttons?: string;
+        button?: string;
+        card?: string;
+        content?: string;
+        categories?: string;
+        category?: string;
+        figure?: string;
+        image?: string;
+        imageWrapper?: string;
+        paragraph?: string;
+        subtitle?: string;
+        title?: string;
+    };
+    export type HTMLImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+    export type HTMLButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    export type HTMLLinkProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+    export type CardButtonProps = HTMLButtonProps & HTMLLinkProps;
+    export type CardStructureType = Array<string | React.ComponentType<CardSectionProps>>;
+    export type CardSectionsDirectory = {
+        [key: string]: React.ComponentType<CardSectionProps>;
+    };
+    export interface Props {
+        className?: string;
+        title?: string;
+        text?: string;
+        image?: HTMLImageProps;
+        structure?: CardStructureType;
+        categories?: CardCategory[];
+        subtitle?: string;
+        buttons?: CardButtonProps[];
+    }
+    export type CardSectionProps<T = any> = PropsWithClxnObject<Props & {
+        CustomComp?: React.ComponentType<T> | string;
+    }, ClassNamesList>;
+}
+declare module "card-sections" {
+    import React from "react";
+    import { CardButtonProps, CardCategory, CardSectionProps, CardSectionsDirectory, HTMLImageProps } from "types";
+    export function CardImage({ clx, CustomComp, ...props }: CardSectionProps<HTMLImageProps>): JSX.Element;
+    export function CardCategories({ clx, CustomComp, ...props }: CardSectionProps<React.PropsWithChildren<CardCategory>>): JSX.Element;
+    export function CardTitle({ clx, CustomComp, ...props }: CardSectionProps): JSX.Element;
+    export function CardSubtitle({ clx, CustomComp, ...props }: CardSectionProps<React.PropsWithChildren<{
+        className?: string;
+    }>>): JSX.Element;
+    export function CardParagraph({ clx, CustomComp, ...props }: CardSectionProps): JSX.Element;
+    export function CardButtons({ clx, CustomComp, ...props }: CardSectionProps<CardButtonProps>): JSX.Element;
+    export const cardSectionsList: CardSectionsDirectory;
+    export default cardSectionsList;
+}
+declare module "card-renderer" {
+    import { CardSectionProps, CardStructureType } from "types";
+    export const defaultStructure: string[];
+    export enum CardSections {
+        Image = "image",
+        Categories = "categories",
+        Title = "title",
+        Subtitle = "subtitle",
+        Paragraph = "paragraph",
+        Buttons = "buttons"
+    }
+    export function renderCardSections(structure: CardStructureType, props: CardSectionProps): JSX.Element[];
+    export function renderCardSectionGroup(className: string, structure?: CardStructureType): (props: CardSectionProps) => JSX.Element;
+}
+declare module "card" {
+    import { PropsWithClxnObject } from "@rendr-view/with-clxn";
+    import { ClassNamesList, Props } from "types";
+    export function Card(props: PropsWithClxnObject<Props, ClassNamesList>): JSX.Element;
+    export default Card;
+}
+declare module "index" {
+    import { CardCategory, ClassNamesList, HTMLImageProps, HTMLButtonProps, HTMLLinkProps, CardButtonProps, CardStructureType, Props, CardSectionProps, CardSectionsDirectory } from "types";
+    import { CardImage, CardCategories, CardTitle, CardSubtitle, CardParagraph, CardButtons } from "card-sections";
+    import { defaultStructure, CardSections, renderCardSections, renderCardSectionGroup } from "card-renderer";
+    import Card from "card";
+    const _default: import("react").FunctionComponent<import("@rendr-view/with-clxn").PropsWithClxnLoader<Props, ClassNamesList>>;
+    export default _default;
+    export { defaultStructure, renderCardSections, renderCardSectionGroup, Card, CardImage, CardCategories, CardTitle, CardSubtitle, CardParagraph, CardButtons };
+    export type { CardCategory, ClassNamesList, HTMLImageProps, HTMLButtonProps, HTMLLinkProps, CardButtonProps, CardStructureType, Props, CardSectionProps, CardSectionsDirectory, CardSections };
+}

package/dist/_bundles/card.js

@@ -0,0 +1,176 @@
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+define("types", ["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+define("card-sections", ["require", "exports", "react", "clsx"], function (require, exports, react_1, clsx_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.cardSectionsList = exports.CardButtons = exports.CardParagraph = exports.CardSubtitle = exports.CardTitle = exports.CardCategories = exports.CardImage = void 0;
+    react_1 = __importDefault(react_1);
+    clsx_1 = __importDefault(clsx_1);
+    function CardImage(_a) {
+        var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "img" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+        if (!props.image || !props.image.src) {
+            return null;
+        }
+        return (react_1.default.createElement("figure", { className: (0, clsx_1.default)("Card__figure", clx.figure) },
+            react_1.default.createElement("span", { className: (0, clsx_1.default)("Card__imageWrapper", clx.imageWrapper) },
+                react_1.default.createElement(CustomComp, __assign({ className: (0, clsx_1.default)("Card__image", clx.image) }, props.image)))));
+    }
+    exports.CardImage = CardImage;
+    function CardCategories(_a) {
+        var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+        if (!props.categories || props.categories.length === 0) {
+            return null;
+        }
+        return (react_1.default.createElement("div", { className: (0, clsx_1.default)("Card__categories", clx.categories) }, props.categories.map(function (category, i) { return (react_1.default.createElement(CustomComp, __assign({ key: category.label, className: (0, clsx_1.default)("Card__category", clx.category) }, category),
+            react_1.default.createElement("a", { className: category.className, href: category.link }, category.label))); })));
+    }
+    exports.CardCategories = CardCategories;
+    function CardTitle(_a) {
+        var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+        if (!props.title) {
+            return null;
+        }
+        return (react_1.default.createElement(CustomComp, { className: (0, clsx_1.default)("Card__title", clx.title) }, props.title));
+    }
+    exports.CardTitle = CardTitle;
+    function CardSubtitle(_a) {
+        var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+        if (!props.subtitle) {
+            return null;
+        }
+        return (react_1.default.createElement(CustomComp, { className: (0, clsx_1.default)("Card__subtitle", clx.subtitle) }, props.subtitle));
+    }
+    exports.CardSubtitle = CardSubtitle;
+    function CardParagraph(_a) {
+        var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+        if (!props.text) {
+            return null;
+        }
+        return (react_1.default.createElement(CustomComp, { className: (0, clsx_1.default)("Card__paragraph", clx.paragraph) }, props.text));
+    }
+    exports.CardParagraph = CardParagraph;
+    function CardButtons(_a) {
+        var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "a" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+        if (!props.buttons || props.buttons.length === 0) {
+            return null;
+        }
+        return (react_1.default.createElement("div", { className: (0, clsx_1.default)("Card__buttons", clx.buttons) }, props.buttons.map(function (_a, i) {
+            var buttonClassName = _a.className, button = __rest(_a, ["className"]);
+            return (react_1.default.createElement(CustomComp, __assign({ className: (0, clsx_1.default)("Card__button", clx.button, buttonClassName), key: "".concat(i, "-").concat(button.id || "card-button") }, button)));
+        })));
+    }
+    exports.CardButtons = CardButtons;
+    exports.cardSectionsList = {
+        image: CardImage,
+        categories: CardCategories,
+        title: CardTitle,
+        subtitle: CardSubtitle,
+        paragraph: CardParagraph,
+        buttons: CardButtons
+    };
+    exports.default = exports.cardSectionsList;
+});
+define("card-renderer", ["require", "exports", "react", "card-sections"], function (require, exports, react_2, card_sections_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderCardSectionGroup = exports.renderCardSections = exports.CardSections = exports.defaultStructure = void 0;
+    react_2 = __importDefault(react_2);
+    card_sections_1 = __importDefault(card_sections_1);
+    exports.defaultStructure = [
+        "image",
+        "categories",
+        "title",
+        "subtitle",
+        "paragraph",
+        "buttons"
+    ];
+    var CardSections;
+    (function (CardSections) {
+        CardSections["Image"] = "image";
+        CardSections["Categories"] = "categories";
+        CardSections["Title"] = "title";
+        CardSections["Subtitle"] = "subtitle";
+        CardSections["Paragraph"] = "paragraph";
+        CardSections["Buttons"] = "buttons";
+    })(CardSections = exports.CardSections || (exports.CardSections = {}));
+    function renderCardSections(structure, props) {
+        return structure.map(function (contentBlock, i) {
+            var Comp = typeof contentBlock === "string"
+                ? card_sections_1.default[contentBlock]
+                : contentBlock;
+            if (Comp) {
+                return react_2.default.createElement(Comp, __assign({ key: i }, props));
+            }
+            return null;
+        });
+    }
+    exports.renderCardSections = renderCardSections;
+    function renderCardSectionGroup(className, structure) {
+        if (structure === void 0) { structure = []; }
+        var CardSectionGroup = function (props) { return (react_2.default.createElement("div", { className: className }, renderCardSections(structure, props))); };
+        return CardSectionGroup;
+    }
+    exports.renderCardSectionGroup = renderCardSectionGroup;
+});
+define("card", ["require", "exports", "react", "clsx", "card-renderer"], function (require, exports, react_3, clsx_2, card_renderer_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Card = void 0;
+    react_3 = __importDefault(react_3);
+    clsx_2 = __importDefault(clsx_2);
+    function Card(props) {
+        var _a, _b;
+        var structure = props.structure || card_renderer_1.defaultStructure;
+        var CardContent = (0, card_renderer_1.renderCardSectionGroup)((0, clsx_2.default)("Card__content", (_a = props.clx) === null || _a === void 0 ? void 0 : _a.content), structure);
+        return (react_3.default.createElement("div", { className: (0, clsx_2.default)("Card", (_b = props.clx) === null || _b === void 0 ? void 0 : _b.card, props.className) },
+            react_3.default.createElement(CardContent, __assign({}, props))));
+    }
+    exports.Card = Card;
+    exports.default = Card;
+});
+define("index", ["require", "exports", "@rendr-view/with-clxn", "card-sections", "card-renderer", "card"], function (require, exports, with_clxn_1, card_sections_2, card_renderer_2, card_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.CardButtons = exports.CardParagraph = exports.CardSubtitle = exports.CardTitle = exports.CardCategories = exports.CardImage = exports.Card = exports.renderCardSectionGroup = exports.renderCardSections = exports.defaultStructure = void 0;
+    with_clxn_1 = __importDefault(with_clxn_1);
+    card_1 = __importDefault(card_1);
+    Object.defineProperty(exports, "CardImage", { enumerable: true, get: function () { return card_sections_2.CardImage; } });
+    Object.defineProperty(exports, "CardCategories", { enumerable: true, get: function () { return card_sections_2.CardCategories; } });
+    Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return card_sections_2.CardTitle; } });
+    Object.defineProperty(exports, "CardSubtitle", { enumerable: true, get: function () { return card_sections_2.CardSubtitle; } });
+    Object.defineProperty(exports, "CardParagraph", { enumerable: true, get: function () { return card_sections_2.CardParagraph; } });
+    Object.defineProperty(exports, "CardButtons", { enumerable: true, get: function () { return card_sections_2.CardButtons; } });
+    Object.defineProperty(exports, "defaultStructure", { enumerable: true, get: function () { return card_renderer_2.defaultStructure; } });
+    Object.defineProperty(exports, "renderCardSections", { enumerable: true, get: function () { return card_renderer_2.renderCardSections; } });
+    Object.defineProperty(exports, "renderCardSectionGroup", { enumerable: true, get: function () { return card_renderer_2.renderCardSectionGroup; } });
+    exports.Card = card_1.default;
+    exports.default = (0, with_clxn_1.default)(card_1.default, {});
+});
+//# sourceMappingURL=card.js.map

package/dist/_bundles/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/types.ts","../../src/card-sections.tsx","../../src/card-renderer.tsx","../../src/card.tsx","../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/lib/card-renderer.d.ts

@@ -0,0 +1,12 @@
+import { CardSectionProps, CardStructureType } from "./types";
+export declare const defaultStructure: string[];
+export declare enum CardSections {
+    Image = "image",
+    Categories = "categories",
+    Title = "title",
+    Subtitle = "subtitle",
+    Paragraph = "paragraph",
+    Buttons = "buttons"
+}
+export declare function renderCardSections(structure: CardStructureType, props: CardSectionProps): JSX.Element[];
+export declare function renderCardSectionGroup(className: string, structure?: CardStructureType): (props: CardSectionProps) => JSX.Element;

package/dist/lib/card-renderer.js

@@ -0,0 +1,55 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderCardSectionGroup = exports.renderCardSections = exports.CardSections = exports.defaultStructure = void 0;
+var react_1 = __importDefault(require("react"));
+var card_sections_1 = __importDefault(require("./card-sections"));
+exports.defaultStructure = [
+    "image",
+    "categories",
+    "title",
+    "subtitle",
+    "paragraph",
+    "buttons"
+];
+var CardSections;
+(function (CardSections) {
+    CardSections["Image"] = "image";
+    CardSections["Categories"] = "categories";
+    CardSections["Title"] = "title";
+    CardSections["Subtitle"] = "subtitle";
+    CardSections["Paragraph"] = "paragraph";
+    CardSections["Buttons"] = "buttons";
+})(CardSections = exports.CardSections || (exports.CardSections = {}));
+function renderCardSections(structure, props) {
+    return structure.map(function (contentBlock, i) {
+        var Comp = typeof contentBlock === "string"
+            ? card_sections_1.default[contentBlock]
+            : contentBlock;
+        if (Comp) {
+            return react_1.default.createElement(Comp, __assign({ key: i }, props));
+        }
+        return null;
+    });
+}
+exports.renderCardSections = renderCardSections;
+function renderCardSectionGroup(className, structure) {
+    if (structure === void 0) { structure = []; }
+    var CardSectionGroup = function (props) { return (react_1.default.createElement("div", { className: className }, renderCardSections(structure, props))); };
+    return CardSectionGroup;
+}
+exports.renderCardSectionGroup = renderCardSectionGroup;
+//# sourceMappingURL=card-renderer.js.map

package/dist/lib/card-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-renderer.js","sourceRoot":"","sources":["../../src/card-renderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,kEAA+C;AAGlC,QAAA,gBAAgB,GAAG;IAC9B,OAAO;IACP,YAAY;IACZ,OAAO;IACP,UAAU;IACV,WAAW;IACX,SAAS;CACV,CAAC;AAEF,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,yCAAyB,CAAA;IACzB,+BAAe,CAAA;IACf,qCAAqB,CAAA;IACrB,uCAAuB,CAAA;IACvB,mCAAmB,CAAA;AACrB,CAAC,EAPW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAOvB;AAED,SAAgB,kBAAkB,CAChC,SAA4B,EAC5B,KAAuB;IAEvB,OAAO,SAAS,CAAC,GAAG,CAAC,UAAC,YAAY,EAAE,CAAC;QACnC,IAAM,IAAI,GACR,OAAO,YAAY,KAAK,QAAQ;YAC9B,CAAC,CAAC,uBAAgB,CAAC,YAAY,CAAC;YAChC,CAAC,CAAC,YAAY,CAAC;QACnB,IAAI,IAAI,EAAE;YACR,OAAO,8BAAC,IAAI,aAAC,GAAG,EAAE,CAAC,IAAM,KAAK,EAAI,CAAC;SACpC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAdD,gDAcC;AAED,SAAgB,sBAAsB,CACpC,SAAiB,EACjB,SAAiC;IAAjC,0BAAA,EAAA,cAAiC;IAEjC,IAAM,gBAAgB,GAAG,UAAC,KAAuB,IAAK,OAAA,CACpD,uCAAK,SAAS,EAAE,SAAS,IAAG,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAO,CACxE,EAFqD,CAErD,CAAC;IACF,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AARD,wDAQC"}

package/dist/lib/card-sections.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CardButtonProps, CardCategory, CardSectionProps, CardSectionsDirectory, HTMLImageProps } from "./types";
+export declare function CardImage({ clx, CustomComp, ...props }: CardSectionProps<HTMLImageProps>): JSX.Element;
+export declare function CardCategories({ clx, CustomComp, ...props }: CardSectionProps<React.PropsWithChildren<CardCategory>>): JSX.Element;
+export declare function CardTitle({ clx, CustomComp, ...props }: CardSectionProps): JSX.Element;
+export declare function CardSubtitle({ clx, CustomComp, ...props }: CardSectionProps<React.PropsWithChildren<{
+    className?: string;
+}>>): JSX.Element;
+export declare function CardParagraph({ clx, CustomComp, ...props }: CardSectionProps): JSX.Element;
+export declare function CardButtons({ clx, CustomComp, ...props }: CardSectionProps<CardButtonProps>): JSX.Element;
+export declare const cardSectionsList: CardSectionsDirectory;
+export default cardSectionsList;

package/dist/lib/card-sections.js

@@ -0,0 +1,94 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cardSectionsList = exports.CardButtons = exports.CardParagraph = exports.CardSubtitle = exports.CardTitle = exports.CardCategories = exports.CardImage = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+function CardImage(_a) {
+    var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "img" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+    if (!props.image || !props.image.src) {
+        return null;
+    }
+    return (react_1.default.createElement("figure", { className: (0, clsx_1.default)("Card__figure", clx.figure) },
+        react_1.default.createElement("span", { className: (0, clsx_1.default)("Card__imageWrapper", clx.imageWrapper) },
+            react_1.default.createElement(CustomComp, __assign({ className: (0, clsx_1.default)("Card__image", clx.image) }, props.image)))));
+}
+exports.CardImage = CardImage;
+function CardCategories(_a) {
+    var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+    if (!props.categories || props.categories.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)("Card__categories", clx.categories) }, props.categories.map(function (category, i) { return (react_1.default.createElement(CustomComp, __assign({ key: category.label, className: (0, clsx_1.default)("Card__category", clx.category) }, category),
+        react_1.default.createElement("a", { className: category.className, href: category.link }, category.label))); })));
+}
+exports.CardCategories = CardCategories;
+function CardTitle(_a) {
+    var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+    if (!props.title) {
+        return null;
+    }
+    return (react_1.default.createElement(CustomComp, { className: (0, clsx_1.default)("Card__title", clx.title) }, props.title));
+}
+exports.CardTitle = CardTitle;
+function CardSubtitle(_a) {
+    var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+    if (!props.subtitle) {
+        return null;
+    }
+    return (react_1.default.createElement(CustomComp, { className: (0, clsx_1.default)("Card__subtitle", clx.subtitle) }, props.subtitle));
+}
+exports.CardSubtitle = CardSubtitle;
+function CardParagraph(_a) {
+    var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "span" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+    if (!props.text) {
+        return null;
+    }
+    return (react_1.default.createElement(CustomComp, { className: (0, clsx_1.default)("Card__paragraph", clx.paragraph) }, props.text));
+}
+exports.CardParagraph = CardParagraph;
+function CardButtons(_a) {
+    var _b = _a.clx, clx = _b === void 0 ? {} : _b, _c = _a.CustomComp, CustomComp = _c === void 0 ? "a" : _c, props = __rest(_a, ["clx", "CustomComp"]);
+    if (!props.buttons || props.buttons.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)("Card__buttons", clx.buttons) }, props.buttons.map(function (_a, i) {
+        var buttonClassName = _a.className, button = __rest(_a, ["className"]);
+        return (react_1.default.createElement(CustomComp, __assign({ className: (0, clsx_1.default)("Card__button", clx.button, buttonClassName), key: "".concat(i, "-").concat(button.id || "card-button") }, button)));
+    })));
+}
+exports.CardButtons = CardButtons;
+exports.cardSectionsList = {
+    image: CardImage,
+    categories: CardCategories,
+    title: CardTitle,
+    subtitle: CardSubtitle,
+    paragraph: CardParagraph,
+    buttons: CardButtons
+};
+exports.default = exports.cardSectionsList;
+//# sourceMappingURL=card-sections.js.map

package/dist/lib/card-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-sections.js","sourceRoot":"","sources":["../../src/card-sections.tsx"],"names":[],"mappings":"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"}

package/dist/lib/card.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithClxnObject } from "@rendr-view/with-clxn";
+import { ClassNamesList, Props } from "./types";
+export declare function Card(props: PropsWithClxnObject<Props, ClassNamesList>): JSX.Element;
+export default Card;

package/dist/lib/card.js

@@ -0,0 +1,30 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var card_renderer_1 = require("./card-renderer");
+function Card(props) {
+    var _a, _b;
+    var structure = props.structure || card_renderer_1.defaultStructure;
+    var CardContent = (0, card_renderer_1.renderCardSectionGroup)((0, clsx_1.default)("Card__content", (_a = props.clx) === null || _a === void 0 ? void 0 : _a.content), structure);
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)("Card", (_b = props.clx) === null || _b === void 0 ? void 0 : _b.card, props.className) },
+        react_1.default.createElement(CardContent, __assign({}, props))));
+}
+exports.Card = Card;
+exports.default = Card;
+//# sourceMappingURL=card.js.map

package/dist/lib/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8CAAwB;AAGxB,iDAA2E;AAE3E,SAAgB,IAAI,CAAC,KAAiD;;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,gCAAgB,CAAC;IAEtD,IAAM,WAAW,GAAG,IAAA,sCAAsB,EACxC,IAAA,cAAI,EAAC,eAAe,EAAE,MAAA,KAAK,CAAC,GAAG,0CAAE,OAAO,CAAC,EACzC,SAAS,CACV,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,cAAI,EAAC,MAAM,EAAE,MAAA,KAAK,CAAC,GAAG,0CAAE,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5D,8BAAC,WAAW,eAAK,KAAK,EAAI,CACtB,CACP,CAAC;AACJ,CAAC;AAbD,oBAaC;AAED,kBAAe,IAAI,CAAC"}

package/dist/lib/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CardCategory, ClassNamesList, HTMLImageProps, HTMLButtonProps, HTMLLinkProps, CardButtonProps, CardStructureType, Props, CardSectionProps, CardSectionsDirectory } from "./types";
+import { CardImage, CardCategories, CardTitle, CardSubtitle, CardParagraph, CardButtons } from "./card-sections";
+import { defaultStructure, CardSections, renderCardSections, renderCardSectionGroup } from "./card-renderer";
+import Card from "./card";
+declare const _default: import("react").FunctionComponent<import("@rendr-view/with-clxn").PropsWithClxnLoader<Props, ClassNamesList>>;
+export default _default;
+export { defaultStructure, renderCardSections, renderCardSectionGroup, Card, CardImage, CardCategories, CardTitle, CardSubtitle, CardParagraph, CardButtons };
+export type { CardCategory, ClassNamesList, HTMLImageProps, HTMLButtonProps, HTMLLinkProps, CardButtonProps, CardStructureType, Props, CardSectionProps, CardSectionsDirectory, CardSections };

package/dist/lib/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardButtons = exports.CardParagraph = exports.CardSubtitle = exports.CardTitle = exports.CardCategories = exports.CardImage = exports.Card = exports.renderCardSectionGroup = exports.renderCardSections = exports.defaultStructure = void 0;
+var with_clxn_1 = __importDefault(require("@rendr-view/with-clxn"));
+var card_sections_1 = require("./card-sections");
+Object.defineProperty(exports, "CardImage", { enumerable: true, get: function () { return card_sections_1.CardImage; } });
+Object.defineProperty(exports, "CardCategories", { enumerable: true, get: function () { return card_sections_1.CardCategories; } });
+Object.defineProperty(exports, "CardTitle", { enumerable: true, get: function () { return card_sections_1.CardTitle; } });
+Object.defineProperty(exports, "CardSubtitle", { enumerable: true, get: function () { return card_sections_1.CardSubtitle; } });
+Object.defineProperty(exports, "CardParagraph", { enumerable: true, get: function () { return card_sections_1.CardParagraph; } });
+Object.defineProperty(exports, "CardButtons", { enumerable: true, get: function () { return card_sections_1.CardButtons; } });
+var card_renderer_1 = require("./card-renderer");
+Object.defineProperty(exports, "defaultStructure", { enumerable: true, get: function () { return card_renderer_1.defaultStructure; } });
+Object.defineProperty(exports, "renderCardSections", { enumerable: true, get: function () { return card_renderer_1.renderCardSections; } });
+Object.defineProperty(exports, "renderCardSectionGroup", { enumerable: true, get: function () { return card_renderer_1.renderCardSectionGroup; } });
+var card_1 = __importDefault(require("./card"));
+exports.Card = card_1.default;
+exports.default = (0, with_clxn_1.default)(card_1.default, {});
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,oEAA6C;AAE7C,iDAAiH;AAMpC,0FANpE,yBAAS,OAMoE;AAAE,+FANpE,8BAAc,OAMoE;AAAE,0FANpE,yBAAS,OAMoE;AAAE,6FANpE,4BAAY,OAMoE;AAAE,8FANpE,6BAAa,OAMoE;AAAE,4FANpE,2BAAW,OAMoE;AAL3J,iDAA6G;AAKpG,iGALA,gCAAgB,OAKA;AAAE,mGALc,kCAAkB,OAKd;AAAE,uGALc,sCAAsB,OAKd;AAJrE,gDAA0B;AAI6C,eAJhE,cAAI,CAIgE;AAF3E,kBAAe,IAAA,mBAAQ,EAAwB,cAAI,EAAE,EAAE,CAAC,CAAC"}

package/dist/lib/types.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import { PropsWithClxnObject } from "@rendr-view/with-clxn";
+export interface CardCategory {
+    className?: string;
+    link?: string;
+    label?: string;
+}
+export declare type ClassNamesList = {
+    buttons?: string;
+    button?: string;
+    card?: string;
+    content?: string;
+    categories?: string;
+    category?: string;
+    figure?: string;
+    image?: string;
+    imageWrapper?: string;
+    paragraph?: string;
+    subtitle?: string;
+    title?: string;
+};
+export declare type HTMLImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+export declare type HTMLButtonProps = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export declare type HTMLLinkProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+export declare type CardButtonProps = HTMLButtonProps & HTMLLinkProps;
+export declare type CardStructureType = Array<string | React.ComponentType<CardSectionProps>>;
+export declare type CardSectionsDirectory = {
+    [key: string]: React.ComponentType<CardSectionProps>;
+};
+export interface Props {
+    className?: string;
+    title?: string;
+    text?: string;
+    image?: HTMLImageProps;
+    structure?: CardStructureType;
+    categories?: CardCategory[];
+    subtitle?: string;
+    buttons?: CardButtonProps[];
+}
+export declare type CardSectionProps<T = any> = PropsWithClxnObject<Props & {
+    CustomComp?: React.ComponentType<T> | string;
+}, ClassNamesList>;

package/dist/lib/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/dist/lib-esm/card-renderer.d.ts

@@ -0,0 +1,12 @@
+import { CardSectionProps, CardStructureType } from "./types";
+export declare const defaultStructure: string[];
+export declare enum CardSections {
+    Image = "image",
+    Categories = "categories",
+    Title = "title",
+    Subtitle = "subtitle",
+    Paragraph = "paragraph",
+    Buttons = "buttons"
+}
+export declare function renderCardSections(structure: CardStructureType, props: CardSectionProps): JSX.Element[];
+export declare function renderCardSectionGroup(className: string, structure?: CardStructureType): (props: CardSectionProps) => JSX.Element;