linkedunion-design-kit 1.4.9 → 1.5.0

package/dist/components/Images/LuImage.js

@@ -1,7 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Image from "next/image";
-export var LuImage = function (_a) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LuImage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var image_1 = __importDefault(require("next/image"));
+var LuImage = function (_a) {
     var image = _a.image, _b = _a.aspectRatio, aspectRatio = _b === void 0 ? "" : _b, _c = _a.width, width = _c === void 0 ? 240 : _c, _d = _a.height, height = _d === void 0 ? 240 : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
-    return (_jsx(Image, { src: image || "", alt: "Image", width: width, height: height, className: "".concat(aspectRatio, " ").concat(className) }));
+    return ((0, jsx_runtime_1.jsx)(image_1.default, { src: image || "", alt: "Image", width: width, height: height, className: "".concat(aspectRatio, " ").concat(className) }));
 };
-export default LuImage;
+exports.LuImage = LuImage;
+exports.default = exports.LuImage;

package/dist/components/Images/LuImage.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,41 +10,43 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LuImage } from "./LuImage";
-import { landscapeaspectRatioList, portraitaspectRatioList } from "../../utils";
-import { orientationEnum } from "../../utils/enums";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.image = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LuImage_1 = require("./LuImage");
+var utils_1 = require("../../utils");
+var enums_1 = require("../../utils/enums");
+exports.default = {
     title: "Components/Image",
-    component: LuImage,
+    component: LuImage_1.LuImage,
 };
 var Template = function (args, _a) {
     var argTypes = _a.argTypes;
     //Show aspectRatio options based on orientation(landscape)
-    var isLandscape = args.orientation === orientationEnum.landscape;
+    var isLandscape = args.orientation === enums_1.OrientationEnum.horizontal;
     argTypes.aspectRatio.options = isLandscape
-        ? landscapeaspectRatioList.map(function (ratio) { return ratio.key; })
-        : portraitaspectRatioList.map(function (ratio) { return ratio.key; });
-    argTypes.aspectRatio.control.labels = Object.fromEntries((isLandscape ? landscapeaspectRatioList : portraitaspectRatioList).map(function (ratio) { return [ratio.key, ratio.label]; }));
-    return _jsx(LuImage, __assign({}, args));
+        ? utils_1.landscapeaspectRatioList.map(function (ratio) { return ratio.key; })
+        : utils_1.portraitaspectRatioList.map(function (ratio) { return ratio.key; });
+    argTypes.aspectRatio.control.labels = Object.fromEntries((isLandscape ? utils_1.landscapeaspectRatioList : utils_1.portraitaspectRatioList).map(function (ratio) { return [ratio.key, ratio.label]; }));
+    return (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, __assign({}, args));
 };
-export var image = Template.bind({});
-image.args = {
+exports.image = Template.bind({});
+exports.image.args = {
     image: "/images/demo-image.jpg",
-    aspectRatio: portraitaspectRatioList[0].key,
+    aspectRatio: utils_1.portraitaspectRatioList[0].key,
     width: 240,
     height: 240,
     className: "",
 };
-image.argTypes = {
+exports.image.argTypes = {
     orientation: {
         control: { type: "select" },
-        options: [orientationEnum.portrait, orientationEnum.landscape],
+        options: [enums_1.OrientationEnum.vertical, enums_1.OrientationEnum.horizontal],
     },
     //Show Default aspectRatio options for portrait orientation
     aspectRatio: {
         control: { type: "select" },
-        options: portraitaspectRatioList.map(function (ratio) { return ratio.key; }),
-        labels: Object.fromEntries(portraitaspectRatioList.map(function (ratio) { return [ratio.key, ratio.label]; })),
+        options: utils_1.portraitaspectRatioList.map(function (ratio) { return ratio.key; }),
+        labels: Object.fromEntries(utils_1.portraitaspectRatioList.map(function (ratio) { return [ratio.key, ratio.label]; })),
     },
 };

package/dist/components/MediaCard/Card.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,22 +10,24 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { sectionType, cardLayoutEnum } from "../../utils/enums";
-import { PostByCategory } from "./PostByCategory/PostByCategory";
-import { colors } from "../../utils/colors";
-import { defaultCardProps } from "../../utils";
-import { ContactProfile } from "./ContactProfile/ContactProfile";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var PostByCategory_1 = require("./PostByCategory/PostByCategory");
+var colors_1 = require("../../utils/colors");
+var utils_1 = require("../../utils");
+var ContactProfile_1 = require("./ContactProfile/ContactProfile");
+var _1 = require(".");
+var enums_1 = require("../../utils/enums");
 var Card = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? sectionType.postByCategoriesTheme : _b, _c = _a.layout, layout = _c === void 0 ? cardLayoutEnum.horizontal : _c, _d = _a.id, id = _d === void 0 ? 1 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.image, image = _f === void 0 ? defaultCardProps.image : _f, _g = _a.mediaPosition, mediaPosition = _g === void 0 ? "" : _g, _h = _a.heading, heading = _h === void 0 ? defaultCardProps.heading : _h, _j = _a.body, body = _j === void 0 ? defaultCardProps.body : _j, _k = _a.href, href = _k === void 0 ? defaultCardProps.href : _k, _l = _a.btnLabel, btnLabel = _l === void 0 ? defaultCardProps.btnLabel : _l, _m = _a.cardStyle, cardStyle = _m === void 0 ? {
-        card_title_color: colors.default,
-        card_description_color: colors.caption_color,
+    var _b = _a.type, type = _b === void 0 ? _1.SectionTypeEnum.postByCategoriesTheme : _b, _c = _a.layout, layout = _c === void 0 ? enums_1.OrientationEnum.horizontal : _c, _d = _a.id, id = _d === void 0 ? 1 : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.image, image = _f === void 0 ? utils_1.defaultCardProps.image : _f, _g = _a.mediaPosition, mediaPosition = _g === void 0 ? "" : _g, _h = _a.heading, heading = _h === void 0 ? utils_1.defaultCardProps.heading : _h, _j = _a.body, body = _j === void 0 ? utils_1.defaultCardProps.body : _j, _k = _a.href, href = _k === void 0 ? utils_1.defaultCardProps.href : _k, _l = _a.btnLabel, btnLabel = _l === void 0 ? utils_1.defaultCardProps.btnLabel : _l, _m = _a.cardStyle, cardStyle = _m === void 0 ? {
+        card_title_color: colors_1.colors.default,
+        card_description_color: colors_1.colors.caption_color,
         card_shadow_toggle: 1,
         card_shadow_color: "rgba(52, 52, 52, 0.15)",
-        card_background_color: colors.white,
-        card_button_background_color: colors.gray,
-        card_button_text_color: colors.default,
-        card_image_border_color: colors === null || colors === void 0 ? void 0 : colors.default,
+        card_background_color: colors_1.colors.white,
+        card_button_background_color: colors_1.colors.gray,
+        card_button_text_color: colors_1.colors.default,
+        card_image_border_color: colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default,
         card_image_border_radius: "0",
         card_image_border: "0",
     } : _m;
@@ -40,6 +43,6 @@ var Card = function (_a) {
         href: href,
         cardStyle: cardStyle,
     };
-    return (_jsxs(_Fragment, { children: [type === sectionType.postByCategoriesTheme && (_jsx(PostByCategory, __assign({}, data))), type === sectionType.contactsProfileTheme && (_jsx(ContactProfile, __assign({}, data)))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [type === _1.SectionTypeEnum.postByCategoriesTheme && ((0, jsx_runtime_1.jsx)(PostByCategory_1.PostByCategory, __assign({}, data))), type === _1.SectionTypeEnum.contactsProfileTheme && ((0, jsx_runtime_1.jsx)(ContactProfile_1.ContactProfile, __assign({}, data)))] }));
 };
-export default Card;
+exports.default = Card;

package/dist/components/MediaCard/Card.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,51 +10,52 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cardLayoutEnum, orientationEnum, sectionType } from "../../utils/enums";
-import { sectionTypeList } from "../../utils";
-import { colors } from "../../utils/colors";
-import Card from "./Card";
-export default {
+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 jsx_runtime_1 = require("react/jsx-runtime");
+var Card_1 = __importDefault(require("./Card"));
+var utils_1 = require("../../utils");
+var colors_1 = require("../../utils/colors");
+var _1 = require(".");
+var enums_1 = require("../../utils/enums");
+exports.default = {
     title: "Components/Card",
-    component: Card,
+    component: Card_1.default,
 };
-var Template = function (args) { return _jsx(Card, __assign({}, args)); };
-export var card = Template.bind({});
-card.args = {
-    type: sectionType.postByCategoriesTheme,
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Card_1.default, __assign({}, args)); };
+exports.card = Template.bind({});
+exports.card.args = {
+    type: _1.SectionTypeEnum.postByCategoriesTheme,
     image: "/images/demo-image.jpg",
     heading: "Heading Text",
     body: "The quick brown fox jumps over the lazy dog.",
-    mediaPosition: orientationEnum.landscape,
-    layout: cardLayoutEnum.horizontal,
+    layout: enums_1.OrientationEnum.horizontal,
     btnLabel: "View More",
     href: "https://www.google.com/",
     cardStyle: {
-        card_title_color: colors.default,
-        card_description_color: colors.caption_color,
+        card_title_color: colors_1.colors.default,
+        card_description_color: colors_1.colors.caption_color,
         card_shadow_toggle: 1,
         card_shadow_color: "rgba(52, 52, 52, 0.15)",
-        card_background_color: colors.white,
-        card_button_background_color: colors.gray,
-        card_button_text_color: colors.default,
+        card_background_color: colors_1.colors.white,
+        card_button_background_color: colors_1.colors.gray,
+        card_button_text_color: colors_1.colors.default,
     },
     id: 1,
 };
-card.argTypes = {
-    mediaPosition: {
-        control: { type: "select" },
-        options: [orientationEnum.portrait, orientationEnum.landscape],
-    },
+exports.card.argTypes = {
     layout: {
         control: { type: "select" },
-        options: [cardLayoutEnum.horizontal, cardLayoutEnum.vertical],
+        options: [enums_1.OrientationEnum.horizontal, enums_1.OrientationEnum.vertical],
     },
     type: {
         control: {
             type: "select",
-            labels: Object.fromEntries(sectionTypeList.map(function (type) { return [type.key, type.label]; })),
+            labels: Object.fromEntries(utils_1.sectionTypeList.map(function (type) { return [type.key, type.label]; })),
         },
-        options: sectionTypeList.map(function (type) { return type.key; }),
+        options: utils_1.sectionTypeList.map(function (type) { return type.key; }),
     },
 };

package/dist/components/MediaCard/ContactProfile/ContactProfile.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,15 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cardLayoutEnum } from "../../../utils/enums";
-import { ContactProfileTheme1 } from "./ContactProfileTheme1";
-import { ContactProfileTheme2 } from "./ContactProfileTheme2";
-import { getColor } from "../../../app/scripts";
-import { colors } from "../../../utils/colors";
-export var ContactProfile = function (props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactProfile = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ContactProfileTheme1_1 = require("./ContactProfileTheme1");
+var ContactProfileTheme2_1 = require("./ContactProfileTheme2");
+var scripts_1 = require("../../../app/scripts");
+var colors_1 = require("../../../utils/colors");
+var enums_1 = require("../../../utils/enums");
+var ContactProfile = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    return (_jsxs("div", { children: [props.layout === cardLayoutEnum.horizontal ? (_jsx(ContactProfileTheme1, __assign({}, props))) : (_jsx(_Fragment, { children: _jsx(ContactProfileTheme2, __assign({}, props)) })), _jsx("style", { jsx: true, global: true, children: "\n          .card_ContactProfile_title_color_".concat(props.id, " {\n            color: ").concat(getColor((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors === null || colors === void 0 ? void 0 : colors.default), ";\n          }\n          .card_ContactProfile_designation_color_").concat(props.id, " {\n            color: ").concat(getColor((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors.caption_color), ";\n          }\n          .card_shadow_ContactProfile_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
-                    ? "0px 4px 12px 0px ".concat(getColor((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
-                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_ContactProfile_").concat(props.id, " {\n            background-color: ").concat(getColor((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors.white), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, " {\n            background-color: ").concat(getColor((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors.neutral), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, ":hover {\n            background-color: ").concat(getColor((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors.neutral), " !important;\n          }\n        ") })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(ContactProfileTheme1_1.ContactProfileTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ContactProfileTheme2_1.ContactProfileTheme2, __assign({}, props)) })), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_ContactProfile_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_ContactProfile_designation_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_ContactProfile_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
+                    ? "0px 4px 12px 0px ".concat((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
+                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_ContactProfile_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_ContactProfile_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n        ") })] }));
 };
+exports.ContactProfile = ContactProfile;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme1.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../../components/Button/Button";
-import { LuImage } from "../../../components/Images/LuImage";
-import { contentTypeEnum } from "../../../utils/enums";
-import Link from "next/link";
-import styles from "../card.module.css";
-export var ContactProfileTheme1 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [_jsxs("div", { className: "flex gap-x-5", children: [_jsx("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(styles.horizontal_card_image), children: _jsx(LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover", orientation: props.mediaPosition }) }), _jsx("div", { className: "flex flex-1 flex-col", children: _jsxs("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [_jsx("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.horizontal_card_heading), children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(styles.horizontal_body_text), children: props.body })] }) })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(styles.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactProfileTheme1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = require("../../../components/Button/Button");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var ContactProfileTheme1 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-250 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-x-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[240px] overflow-hidden lu-aspect-square ".concat(card_module_css_1.default.horizontal_card_image), children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, aspectRatio: "", width: 160, height: 160, className: "lu-border-rounded-full lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 lu-height-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }) })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 lu-mt-200 ".concat(card_module_css_1.default.card_button, " card_ContactProfile_btn_").concat(props.id) }) })] }));
+};
+exports.ContactProfileTheme1 = ContactProfileTheme1;

package/dist/components/MediaCard/ContactProfile/ContactProfileTheme2.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../../components/Button/Button";
-import { LuImage } from "../../../components/Images/LuImage";
-import { contentTypeEnum } from "../../../utils/enums";
-import Link from "next/link";
-import styles from "../card.module.css";
-export var ContactProfileTheme2 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [_jsx("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: _jsx(LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.vertical_card_heading), children: props.heading }), _jsx("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(styles.vertical_body_text), children: props.body })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContactProfileTheme2 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = require("../../../components/Button/Button");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var ContactProfileTheme2 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-400 card_bg_ContactProfile_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_ContactProfile_").concat(props.id, " flex flex-col items-center"), children: [(0, jsx_runtime_1.jsx)("div", { className: "max-w-[160px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 160, height: 160, className: "lu-height-100 object-cover lu-border-rounded-full", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_ContactProfile_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "lu-base-font-size lu-font-weight-extra-light card_ContactProfile_designation_color_".concat(props.id, " ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_ContactProfile_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_ContactProfile_btn_".concat(props.id) }) })] }));
+};
+exports.ContactProfileTheme2 = ContactProfileTheme2;

package/dist/components/MediaCard/PostByCategory/PostByCategory.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,15 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { cardLayoutEnum } from "../../../utils/enums";
-import { colors } from "../../../utils/colors";
-import { ensureValue, getColor } from "../../../app/scripts";
-import { PostByCategoryTheme1 } from "./PostByCategoryTheme1";
-import { PostByCategoryTheme2 } from "./PostByCategoryTheme2";
-export var PostByCategory = function (props) {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostByCategory = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var colors_1 = require("../../../utils/colors");
+var scripts_1 = require("../../../app/scripts");
+var PostByCategoryTheme1_1 = require("./PostByCategoryTheme1");
+var PostByCategoryTheme2_1 = require("./PostByCategoryTheme2");
+var enums_1 = require("../../../utils/enums");
+var PostByCategory = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    return (_jsxs("div", { children: [props.layout === cardLayoutEnum.horizontal ? (_jsx(PostByCategoryTheme1, __assign({}, props))) : (_jsx(_Fragment, { children: _jsx(PostByCategoryTheme2, __assign({}, props)) })), _jsx("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat(getColor((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors === null || colors === void 0 ? void 0 : colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat(getColor((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors.caption_color), ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
-                    ? "0px 4px 12px 0px ".concat(getColor((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
-                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat(getColor((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors.white), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat(getColor((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors.neutral), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat(getColor((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors.gray), " !important;\n            color: ").concat(getColor((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors.neutral), " !important;\n            fill: ").concat(getColor((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors.neutral), " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat(getColor((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color, colors === null || colors === void 0 ? void 0 : colors.default), " !important;\n            border-radius: ").concat(ensureValue((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius, "0"), "%;\n            border: ").concat(ensureValue((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border, "0"), "px\n              solid;\n          }\n        ") })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [props.layout === enums_1.OrientationEnum.horizontal ? ((0, jsx_runtime_1.jsx)(PostByCategoryTheme1_1.PostByCategoryTheme1, __assign({}, props))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(PostByCategoryTheme2_1.PostByCategoryTheme2, __assign({}, props)) })), (0, jsx_runtime_1.jsx)("style", { jsx: true, global: true, children: "\n          .card_PostByCategory_title_color_".concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_a = props.cardStyle) === null || _a === void 0 ? void 0 : _a.card_title_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), ";\n          }\n          .card_PostByCategory_description_color_").concat(props.id, " {\n            color: ").concat((0, scripts_1.getColor)((_b = props.cardStyle) === null || _b === void 0 ? void 0 : _b.card_description_color, colors_1.colors.caption_color), ";\n          }\n          .card_shadow_PostByCategory_").concat(props.id, " {\n            box-shadow: ").concat(((_c = props.cardStyle) === null || _c === void 0 ? void 0 : _c.card_shadow_toggle) === 1
+                    ? "0px 4px 12px 0px ".concat((0, scripts_1.getColor)((_d = props.cardStyle) === null || _d === void 0 ? void 0 : _d.card_shadow_color, "rgba(52, 52, 52, 0.15)"))
+                    : "0px 4px 12px 0px rgba(52, 52, 52, 0.15)", ";\n          }\n          .card_bg_PostByCategory_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_e = props.cardStyle) === null || _e === void 0 ? void 0 : _e.card_background_color, colors_1.colors.white), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, " {\n            background-color: ").concat((0, scripts_1.getColor)((_f = props.cardStyle) === null || _f === void 0 ? void 0 : _f.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_g = props.cardStyle) === null || _g === void 0 ? void 0 : _g.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_h = props.cardStyle) === null || _h === void 0 ? void 0 : _h.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_btn_").concat(props.id, ":hover {\n            background-color: ").concat((0, scripts_1.getColor)((_j = props.cardStyle) === null || _j === void 0 ? void 0 : _j.card_button_background_color, colors_1.colors.gray), " !important;\n            color: ").concat((0, scripts_1.getColor)((_k = props.cardStyle) === null || _k === void 0 ? void 0 : _k.card_button_text_color, colors_1.colors.neutral), " !important;\n            fill: ").concat((0, scripts_1.getColor)((_l = props.cardStyle) === null || _l === void 0 ? void 0 : _l.card_button_text_color, colors_1.colors.neutral), " !important;\n          }\n          .card_PostByCategory_theme2_image_").concat(props === null || props === void 0 ? void 0 : props.id, " {\n            border-color: ").concat((0, scripts_1.getColor)((_m = props.cardStyle) === null || _m === void 0 ? void 0 : _m.card_image_border_color, colors_1.colors === null || colors_1.colors === void 0 ? void 0 : colors_1.colors.default), " !important;\n            border-radius: ").concat((0, scripts_1.ensureValue)((_o = props.cardStyle) === null || _o === void 0 ? void 0 : _o.card_image_border_radius, "0"), "%;\n            border: ").concat((0, scripts_1.ensureValue)((_p = props.cardStyle) === null || _p === void 0 ? void 0 : _p.card_image_border, "0"), "px\n              solid;\n          }\n        ") })] }));
 };
+exports.PostByCategory = PostByCategory;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme1.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LuImage } from "../../../components/Images/LuImage";
-import Link from "next/link";
-import { Button } from "../../../components/Button/Button";
-import { contentTypeEnum } from "../../../utils/enums";
-import styles from "../card.module.css";
-export var PostByCategoryTheme1 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: _jsx(LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-1 flex-col", children: [_jsxs("div", { className: "flex flex-col justify-center flex-1 h-full", children: [_jsx("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.horizontal_card_heading), children: props.heading }), _jsx("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(styles.horizontal_body_text), children: props.body })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(styles.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostByCategoryTheme1 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var Button_1 = require("../../../components/Button/Button");
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var PostByCategoryTheme1 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-250 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex gap-x-[20px] lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square horizontal_card_image", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-border-rounded-lg lu-width-100 lu-height-100 object-cover", orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col justify-center flex-1 h-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.horizontal_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.horizontal_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 ".concat(card_module_css_1.default.card_button, " card_PostByCategory_btn_").concat(props.id) }) })] })] }));
+};
+exports.PostByCategoryTheme1 = PostByCategoryTheme1;

package/dist/components/MediaCard/PostByCategory/PostByCategoryTheme2.js

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LuImage } from "../../../components/Images/LuImage";
-import Link from "next/link";
-import { Button } from "../../../components/Button/Button";
-import { contentTypeEnum } from "../../../utils/enums";
-import styles from "../card.module.css";
-export var PostByCategoryTheme2 = function (props) {
-    return (_jsxs("div", { className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [_jsx("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: _jsx(LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [_jsx("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(styles.vertical_card_heading), children: props.heading }), _jsx("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(styles.vertical_body_text), children: props.body })] }), _jsx(Link, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: _jsx(Button, { contentType: contentTypeEnum.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostByCategoryTheme2 = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LuImage_1 = require("../../../components/Images/LuImage");
+var link_1 = __importDefault(require("next/link"));
+var Button_1 = require("../../../components/Button/Button");
+var card_module_css_1 = __importDefault(require("../card.module.css"));
+var enums_1 = require("../../../utils/enums");
+var PostByCategoryTheme2 = function (props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "lu-pd-400 card_bg_PostByCategory_".concat(props.id, " lu-border-rounded-xl ").concat(props.className, " card_shadow_PostByCategory_").concat(props.id, " flex flex-col items-center lu-width-100"), children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-width-100 max-w-[240px] overflow-hidden lu-aspect-square", children: (0, jsx_runtime_1.jsx)(LuImage_1.LuImage, { image: props.image, width: 240, height: 240, className: "lu-width-100 lu-height-100 object-cover card_PostByCategory_theme2_image_".concat(props === null || props === void 0 ? void 0 : props.id), orientation: props.mediaPosition }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center flex-grow lu-m-250 text-center h-[100px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "card_PostByCategory_title_color_".concat(props.id, " lu-font-size-2x-large lu-font-weight-semibold ").concat(card_module_css_1.default.vertical_card_heading), children: props.heading }), (0, jsx_runtime_1.jsx)("p", { className: "card_PostByCategory_description_color_".concat(props.id, " lu-base-font-size lu-font-weight-extra-light ").concat(card_module_css_1.default.vertical_body_text), children: props.body })] }), (0, jsx_runtime_1.jsx)(link_1.default, { href: props.href || "", className: "lu-width-100 lu-text-decoration-none", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { contentType: enums_1.ContentType.text_with_icon, label: props.btnLabel, variant: "card_PostByCategory_btn_".concat(props.id), iconRight: "angle-right", rightIconSize: "lu-icon-small", size: "lu-btn-lg", className: "lu-border-rounded-sm justify-between lu-width-100 card_PostByCategory_btn_".concat(props.id) }) })] }));
+};
+exports.PostByCategoryTheme2 = PostByCategoryTheme2;

package/dist/components/MediaCard/index.d.ts

@@ -1,12 +1,8 @@
-export declare enum cardLayoutEnum {
-    horizontal = "Horizontal",
-    vertical = "Vertical"
-}
 export declare enum SectionTypeEnum {
-    multiplePostsTheme = "Multiple Posts",
-    singlePostTheme = "Single Post",
-    postByCategoriesTheme = "Post By Categories",
-    contactsProfileTheme = "Contacts Profile",
-    galleryTheme = "Gallery",
-    albumTheme = "Album"
+    multiplePostsTheme = "multiple posts",
+    singlePostTheme = "single post",
+    postByCategoriesTheme = "post by categories",
+    contactsProfileTheme = "contacts profile",
+    galleryTheme = "gallery",
+    albumTheme = "album"
 }

package/dist/components/MediaCard/index.js

@@ -1,16 +1,13 @@
-export var cardLayoutEnum;
-(function (cardLayoutEnum) {
-    cardLayoutEnum["horizontal"] = "Horizontal";
-    cardLayoutEnum["vertical"] = "Vertical";
-})(cardLayoutEnum || (cardLayoutEnum = {}));
-;
-export var SectionTypeEnum;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionTypeEnum = void 0;
+var SectionTypeEnum;
 (function (SectionTypeEnum) {
-    SectionTypeEnum["multiplePostsTheme"] = "Multiple Posts";
-    SectionTypeEnum["singlePostTheme"] = "Single Post";
-    SectionTypeEnum["postByCategoriesTheme"] = "Post By Categories";
-    SectionTypeEnum["contactsProfileTheme"] = "Contacts Profile";
-    SectionTypeEnum["galleryTheme"] = "Gallery";
-    SectionTypeEnum["albumTheme"] = "Album";
-})(SectionTypeEnum || (SectionTypeEnum = {}));
+    SectionTypeEnum["multiplePostsTheme"] = "multiple posts";
+    SectionTypeEnum["singlePostTheme"] = "single post";
+    SectionTypeEnum["postByCategoriesTheme"] = "post by categories";
+    SectionTypeEnum["contactsProfileTheme"] = "contacts profile";
+    SectionTypeEnum["galleryTheme"] = "gallery";
+    SectionTypeEnum["albumTheme"] = "album";
+})(SectionTypeEnum || (exports.SectionTypeEnum = SectionTypeEnum = {}));
 ;

package/dist/components/Size/MinWidthHeight.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
 var MinWidthHeight = function (_a) {
     var minWidth = _a.minWidth, minHeight = _a.minHeight;
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "w-fit", children: _jsx("div", { className: "bg-blue-500 ".concat(minWidth, " ").concat(minHeight, " rounded"), "data-testid": "minWidthHeight-box" }) }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "w-fit", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-blue-500 ".concat(minWidth, " ").concat(minHeight, " rounded"), "data-testid": "minWidthHeight-box" }) }) }));
 };
-export default MinWidthHeight;
+exports.default = MinWidthHeight;

package/dist/components/Size/MinWidthHeight.stories.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,32 +10,37 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { minHeights, minWidths } from "../../utils";
-import MinWidthHeight from "./MinWidthHeight";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.minWidthAndHeight = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../utils");
+var MinWidthHeight_1 = __importDefault(require("./MinWidthHeight"));
+exports.default = {
     title: "Components/Size",
-    component: MinWidthHeight,
+    component: MinWidthHeight_1.default,
 };
-var Template = function (args) { return (_jsx(MinWidthHeight, __assign({}, args))); };
-export var minWidthAndHeight = Template.bind({});
-minWidthAndHeight.args = {
+var Template = function (args) { return ((0, jsx_runtime_1.jsx)(MinWidthHeight_1.default, __assign({}, args))); };
+exports.minWidthAndHeight = Template.bind({});
+exports.minWidthAndHeight.args = {
     minWidth: "lu-min-width-100",
     minHeight: "lu-min-height-100",
 };
-minWidthAndHeight.argTypes = {
+exports.minWidthAndHeight.argTypes = {
     minWidth: {
         control: {
             type: "select",
-            labels: Object.fromEntries(minWidths.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.minWidths.map(function (size) { return [size.key, size.label]; })),
         },
-        options: minWidths.map(function (size) { return size.key; }),
+        options: utils_1.minWidths.map(function (size) { return size.key; }),
     },
     minHeight: {
         control: {
             type: "select",
-            labels: Object.fromEntries(minHeights.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.minHeights.map(function (size) { return [size.key, size.label]; })),
         },
-        options: minHeights.map(function (size) { return size.key; }),
+        options: utils_1.minHeights.map(function (size) { return size.key; }),
     },
 };

package/dist/components/Size/Size.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Size = function (_a) {
     var size = _a.size, color = _a.color;
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "".concat(size, " rounded lu-bg-primary-600"), "data-testid": "size-box" }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "".concat(size, " rounded lu-bg-primary-600"), "data-testid": "size-box" }) }));
 };
-export default Size;
+exports.default = Size;