zuljaman-banner-components 1.0.0 → 1.0.2

package/dist/adapters/NextJSAdapter.js

@@ -1,7 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const createNextJSAdapter = (NextImage) => {
-    const ImageComponent = ({ src, alt, ...props }) => (_jsx(NextImage, { src: src, alt: alt, ...props }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageComponent = exports.createNextJSAdapter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const createNextJSAdapter = (NextImage) => {
+    const ImageComponent = ({ src, alt, ...props }) => ((0, jsx_runtime_1.jsx)(NextImage, { src: src, alt: alt, ...props }));
     return ImageComponent;
 };
+exports.createNextJSAdapter = createNextJSAdapter;
 // For backward compatibility, export a basic component that will work in build
-export const ImageComponent = ({ src, alt, ...props }) => (_jsx("img", { src: src, alt: alt, ...props }));
+const ImageComponent = ({ src, alt, ...props }) => ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, ...props }));
+exports.ImageComponent = ImageComponent;

package/dist/adapters/SSRAdapter.js

@@ -1,2 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const ImageComponent = ({ src, alt, ...props }) => (_jsx("img", { src: src, alt: alt, ...props }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ImageComponent = ({ src, alt, ...props }) => ((0, jsx_runtime_1.jsx)("img", { src: src, alt: alt, ...props }));
+exports.ImageComponent = ImageComponent;

package/dist/adapters/index.js

@@ -1,5 +1,10 @@
+"use strict";
 /**
  * Platform adapters exports
  */
-export { ImageComponent as NextJSImageComponent } from './NextJSAdapter';
-export { ImageComponent as SSRImageComponent } from './SSRAdapter';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSRImageComponent = exports.NextJSImageComponent = void 0;
+var NextJSAdapter_1 = require("./NextJSAdapter");
+Object.defineProperty(exports, "NextJSImageComponent", { enumerable: true, get: function () { return NextJSAdapter_1.ImageComponent; } });
+var SSRAdapter_1 = require("./SSRAdapter");
+Object.defineProperty(exports, "SSRImageComponent", { enumerable: true, get: function () { return SSRAdapter_1.ImageComponent; } });

package/dist/components/BannerVisor.js

@@ -1,24 +1,30 @@
+"use strict";
 /**
  * Platform-agnostic BannerVisor component
  * Extracted from Next.js app and adapted for cross-platform use
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import clsx from "clsx";
-import { DEFAULT_BANNER_WIDTH, DEFAULT_BANNER_HEIGHT, DEFAULT_STORY_WIDTH, DEFAULT_STORY_HEIGHT, } from "../constants";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerVisor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const constants_1 = require("../constants");
 // Import style components (will be created next)
-import { BannerStyle1 } from "./Style1/BannerStyle1";
-import { BannerStyle2 } from "./Style2/BannerStyle2";
+const BannerStyle1_1 = require("./Style1/BannerStyle1");
+const BannerStyle2_1 = require("./Style2/BannerStyle2");
 const NoImageComponent = () => {
-    return (_jsx("div", { className: "w-full grow flex items-center justify-center text-neutral-500", children: _jsx("p", { children: "No image selected" }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full grow flex items-center justify-center text-neutral-500", children: (0, jsx_runtime_1.jsx)("p", { children: "No image selected" }) }));
 };
-export const BannerVisor = ({ bannerStyle = 1, // Default to style 1 if undefined
+const BannerVisor = ({ bannerStyle = 1, // Default to style 1 if undefined
 backgroundImageUrl, copy1, copy2, bannerSubstyle, logoUrl, postType, sizeMultiplier: externalSizeMultiplier, ImageComponent, }) => {
-    const [internalSizeMultiplier, setInternalSizeMultiplier] = useState(1);
-    const containerRef = useRef(null);
+    const [internalSizeMultiplier, setInternalSizeMultiplier] = (0, react_1.useState)(1);
+    const containerRef = (0, react_1.useRef)(null);
     // Use external size multiplier if provided, otherwise use internal
-    const sizeMultiplier = externalSizeMultiplier ?? internalSizeMultiplier;
+    const sizeMultiplier = externalSizeMultiplier !== null && externalSizeMultiplier !== void 0 ? externalSizeMultiplier : internalSizeMultiplier;
     const bannerContentProps = {
         copy1,
         copy2,
@@ -36,15 +42,15 @@ backgroundImageUrl, copy1, copy2, bannerSubstyle, logoUrl, postType, sizeMultipl
         const effectiveBannerStyle = bannerStyle === null ? 1 : bannerStyle;
         switch (effectiveBannerStyle) {
             case 1:
-                return _jsx(BannerStyle1, { ...bannerContentProps });
+                return (0, jsx_runtime_1.jsx)(BannerStyle1_1.BannerStyle1, { ...bannerContentProps });
             case 2:
-                return _jsx(BannerStyle2, { ...bannerContentProps });
+                return (0, jsx_runtime_1.jsx)(BannerStyle2_1.BannerStyle2, { ...bannerContentProps });
             default:
                 // Default to BannerStyle1
-                return _jsx(BannerStyle1, { ...bannerContentProps });
+                return (0, jsx_runtime_1.jsx)(BannerStyle1_1.BannerStyle1, { ...bannerContentProps });
         }
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         // Only use internal size calculation if no external multiplier is provided
         if (externalSizeMultiplier !== undefined)
             return;
@@ -53,8 +59,8 @@ backgroundImageUrl, copy1, copy2, bannerSubstyle, logoUrl, postType, sizeMultipl
             return;
         // Determine target dimensions based on postType
         const isStory = postType === "STORY";
-        const targetWidth = isStory ? DEFAULT_STORY_WIDTH : DEFAULT_BANNER_WIDTH;
-        const targetHeight = isStory ? DEFAULT_STORY_HEIGHT : DEFAULT_BANNER_HEIGHT;
+        const targetWidth = isStory ? constants_1.DEFAULT_STORY_WIDTH : constants_1.DEFAULT_BANNER_WIDTH;
+        const targetHeight = isStory ? constants_1.DEFAULT_STORY_HEIGHT : constants_1.DEFAULT_BANNER_HEIGHT;
         const updateSize = () => {
             const actualWidth = container.clientWidth;
             const actualHeight = container.clientHeight;
@@ -83,17 +89,18 @@ backgroundImageUrl, copy1, copy2, bannerSubstyle, logoUrl, postType, sizeMultipl
         };
         // Add postType to dependency array to recalculate when it changes
     }, [postType, externalSizeMultiplier]);
-    return (_jsx("div", { className: "relative w-full h-full bg-black rounded-sm flex items-center justify-center overflow-hidden", ref: containerRef, children: hasBannerContent || backgroundImageUrl ? (_jsx("div", { className: clsx("relative flex items-center justify-center h-full"), children: _jsxs("div", { className: "relative", style: {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "relative w-full h-full bg-black rounded-sm flex items-center justify-center overflow-hidden", ref: containerRef, children: hasBannerContent || backgroundImageUrl ? ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)("relative flex items-center justify-center h-full"), children: (0, jsx_runtime_1.jsxs)("div", { className: "relative", style: {
                     transform: `scale(${sizeMultiplier})`,
                     width: `${(postType === "STORY"
-                        ? DEFAULT_STORY_WIDTH
-                        : DEFAULT_BANNER_WIDTH) / 16}rem`,
+                        ? constants_1.DEFAULT_STORY_WIDTH
+                        : constants_1.DEFAULT_BANNER_WIDTH) / 16}rem`,
                     height: `${(postType === "STORY"
-                        ? DEFAULT_STORY_HEIGHT
-                        : DEFAULT_BANNER_HEIGHT) / 16}rem`,
-                }, children: [!hasBannerContent && backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: postType === "STORY"
-                            ? DEFAULT_STORY_WIDTH
-                            : DEFAULT_BANNER_WIDTH, height: postType === "STORY"
-                            ? DEFAULT_STORY_HEIGHT
-                            : DEFAULT_BANNER_HEIGHT, className: "object-cover w-full h-full absolute inset-0", style: { objectFit: "cover" } })), hasBannerContent && (_jsx("div", { className: "flex items-center justify-center overflow-hidden w-full h-full", children: renderBannerStyle() }))] }) })) : (_jsx(NoImageComponent, {})) }));
+                        ? constants_1.DEFAULT_STORY_HEIGHT
+                        : constants_1.DEFAULT_BANNER_HEIGHT) / 16}rem`,
+                }, children: [!hasBannerContent && backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: postType === "STORY"
+                            ? constants_1.DEFAULT_STORY_WIDTH
+                            : constants_1.DEFAULT_BANNER_WIDTH, height: postType === "STORY"
+                            ? constants_1.DEFAULT_STORY_HEIGHT
+                            : constants_1.DEFAULT_BANNER_HEIGHT, className: "object-cover w-full h-full absolute inset-0", style: { objectFit: "cover" } })), hasBannerContent && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center overflow-hidden w-full h-full", children: renderBannerStyle() }))] }) })) : ((0, jsx_runtime_1.jsx)(NoImageComponent, {})) }));
 };
+exports.BannerVisor = BannerVisor;

package/dist/components/Style1/BannerStyle1.js

@@ -1,9 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BannerSubstyle1, BannerSubstyle2, BannerSubstyle3 } from "./substyles";
-import { calculateStyleFontSizes } from "../../utils";
-export const BannerStyle1 = ({ copy1, copy2, bannerSubstyle = 1, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyle1 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const substyles_1 = require("./substyles");
+const utils_1 = require("../../utils");
+const BannerStyle1 = ({ copy1, copy2, bannerSubstyle = 1, logoUrl, backgroundImageUrl, ImageComponent, }) => {
     // Use the utility function to calculate font sizes with Style1 parameters
-    const fontSizes = calculateStyleFontSizes(copy1, copy2, {
+    const fontSizes = (0, utils_1.calculateStyleFontSizes)(copy1, copy2, {
         baseSizeRem1: 4.8,
         baseSizeRem2: 4.8,
         maxLengthThreshold: 40,
@@ -18,5 +21,6 @@ export const BannerStyle1 = ({ copy1, copy2, bannerSubstyle = 1, logoUrl, backgr
         backgroundImageUrl,
         ImageComponent,
     };
-    return (_jsxs("div", { className: "w-full h-full text-white", children: [bannerSubstyle === 1 && _jsx(BannerSubstyle1, { ...substyleProps }), bannerSubstyle === 2 && _jsx(BannerSubstyle2, { ...substyleProps }), bannerSubstyle === 3 && _jsx(BannerSubstyle3, { ...substyleProps })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full h-full text-white", children: [bannerSubstyle === 1 && (0, jsx_runtime_1.jsx)(substyles_1.BannerSubstyle1, { ...substyleProps }), bannerSubstyle === 2 && (0, jsx_runtime_1.jsx)(substyles_1.BannerSubstyle2, { ...substyleProps }), bannerSubstyle === 3 && (0, jsx_runtime_1.jsx)(substyles_1.BannerSubstyle3, { ...substyleProps })] }));
 };
+exports.BannerStyle1 = BannerStyle1;

package/dist/components/Style1/substyles/BannerSubstyle1.js

@@ -1,13 +1,16 @@
+"use strict";
 /**
  * BannerSubstyle1 for Style1 - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { createAbstractShadowStyle } from "../../../styles/shadowUtils";
-export const BannerSubstyle1 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
-    const { shadowStyle, logoShadowStyle } = useMemo(() => {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSubstyle1 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const shadowUtils_1 = require("../../../styles/shadowUtils");
+const BannerSubstyle1 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+    const { shadowStyle, logoShadowStyle } = (0, react_1.useMemo)(() => {
         // --- Randomized Shadow Parameters ---
         // Text Shadow (Bottom)
         const baseTextSize = 70;
@@ -24,21 +27,22 @@ export const BannerSubstyle1 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUr
         const logoVariationIntensity = 0.2; // +/- 0.1
         const randomLogoIntensity = baseLogoIntensity + (Math.random() - 0.5) * logoVariationIntensity;
         // --- Generate Styles with Random Values ---
-        const shadowStyle = createAbstractShadowStyle({
+        const shadowStyle = (0, shadowUtils_1.createAbstractShadowStyle)({
             // direction: "bottom", // Default
             size: `${randomTextSize}%`,
             intensity: randomTextIntensity,
         });
-        const logoShadowStyle = createAbstractShadowStyle({
+        const logoShadowStyle = (0, shadowUtils_1.createAbstractShadowStyle)({
             direction: "top-left",
             size: `${randomLogoSize}%`,
             intensity: randomLogoIntensity,
         });
         return { shadowStyle, logoShadowStyle };
     }, []); // Empty dependency array ensures this runs only once on mount
-    return (_jsxs("div", { className: "inset-0 flex flex-col items-start justify-between h-full text-center pb-20 relative isolate overflow-hidden gap-4", children: [backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10", style: { objectFit: "cover" } })), _jsx("div", { style: shadowStyle, className: "relative z-10", "aria-hidden": "true" }), _jsx("div", { style: logoShadowStyle, className: "relative z-10", "aria-hidden": "true" }), _jsx("div", { className: "relative px-20 pt-20 z-20", children: _jsx("div", { className: "relative w-64 h-64", children: logoUrl && (_jsx(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: "contain" } })) }) }), _jsxs("div", { className: "w-full px-20 relative z-20", children: [_jsx("p", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 flex flex-col items-start justify-between h-full text-center pb-20 relative isolate overflow-hidden gap-4", children: [backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10", style: { objectFit: "cover" } })), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle, className: "relative z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { style: logoShadowStyle, className: "relative z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { className: "relative px-20 pt-20 z-20", children: (0, jsx_runtime_1.jsx)("div", { className: "relative w-64 h-64", children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: "contain" } })) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full px-20 relative z-20", children: [(0, jsx_runtime_1.jsx)("p", { style: {
                             fontSize: fontSize_01,
-                        }, className: "leading-tight whitespace-pre-wrap", children: copy1 }), _jsx("p", { style: {
+                        }, className: "leading-tight whitespace-pre-wrap", children: copy1 }), (0, jsx_runtime_1.jsx)("p", { style: {
                             fontSize: fontSize_02,
                         }, className: "font-bold leading-tight whitespace-pre-wrap", children: copy2 })] })] }));
 };
+exports.BannerSubstyle1 = BannerSubstyle1;

package/dist/components/Style1/substyles/BannerSubstyle2.js

@@ -1,13 +1,16 @@
+"use strict";
 /**
  * BannerSubstyle2 for Style1 - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { createAbstractShadowStyle } from "../../../styles/shadowUtils";
-export const BannerSubstyle2 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
-    const { shadowStyle, logoShadowStyle } = useMemo(() => {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSubstyle2 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const shadowUtils_1 = require("../../../styles/shadowUtils");
+const BannerSubstyle2 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+    const { shadowStyle, logoShadowStyle } = (0, react_1.useMemo)(() => {
         // --- Randomized Shadow Parameters ---
         // Text Shadow (Bottom)
         const baseTextSize = 70;
@@ -24,21 +27,22 @@ export const BannerSubstyle2 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUr
         const logoVariationIntensity = 0.2; // +/- 0.1
         const randomLogoIntensity = baseLogoIntensity + (Math.random() - 0.5) * logoVariationIntensity;
         // --- Generate Styles with Random Values ---
-        const shadowStyle = createAbstractShadowStyle({
+        const shadowStyle = (0, shadowUtils_1.createAbstractShadowStyle)({
             // direction: "bottom", // Default
             size: `${randomTextSize}%`,
             intensity: randomTextIntensity,
         });
-        const logoShadowStyle = createAbstractShadowStyle({
+        const logoShadowStyle = (0, shadowUtils_1.createAbstractShadowStyle)({
             direction: "top-left",
             size: `${randomLogoSize}%`,
             intensity: randomLogoIntensity,
         });
         return { shadowStyle, logoShadowStyle };
     }, []); // Empty dependency array ensures this runs only once on mount
-    return (_jsxs("div", { className: "inset-0 flex flex-col items-start justify-between h-full pb-20 relative isolate overflow-hidden gap-4", children: [backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-75", style: { objectFit: 'cover' } })), _jsx("div", { style: shadowStyle, className: "relative z-10", "aria-hidden": "true" }), _jsxs("div", { className: "relative px-20 pt-20 z-20", children: [_jsx("div", { style: logoShadowStyle, className: "relative z-10", "aria-hidden": "true" }), _jsx("div", { className: "relative w-64 h-64", children: logoUrl && (_jsx(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }), _jsx("p", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 flex flex-col items-start justify-between h-full pb-20 relative isolate overflow-hidden gap-4", children: [backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-75", style: { objectFit: 'cover' } })), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle, className: "relative z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative px-20 pt-20 z-20", children: [(0, jsx_runtime_1.jsx)("div", { style: logoShadowStyle, className: "relative z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { className: "relative w-64 h-64", children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }), (0, jsx_runtime_1.jsx)("p", { style: {
                             fontSize: `calc(${fontSize_01} * 0.8)`,
-                        }, className: "w-1/2 mt-8 leading-tight whitespace-pre-wrap", children: copy1 })] }), _jsx("div", { className: "w-full px-20 relative z-20", children: _jsx("p", { style: {
+                        }, className: "w-1/2 mt-8 leading-tight whitespace-pre-wrap", children: copy1 })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full px-20 relative z-20", children: (0, jsx_runtime_1.jsx)("p", { style: {
                         fontSize: fontSize_02,
                     }, className: "font-bold text-center leading-tight whitespace-pre-wrap", children: copy2 }) })] }));
 };
+exports.BannerSubstyle2 = BannerSubstyle2;

package/dist/components/Style1/substyles/BannerSubstyle3.js

@@ -1,19 +1,22 @@
+"use strict";
 /**
  * BannerSubstyle3 for Style1 - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { createAbstractShadowStyle } from "../../../styles/shadowUtils";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSubstyle3 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const shadowUtils_1 = require("../../../styles/shadowUtils");
 // Helper function to replace multiple spaces with newlines
 const formatCopy = (text) => {
     if (!text)
         return "";
     return text.replace(/\s{2,}/g, "\n");
 };
-export const BannerSubstyle3 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
-    const { shadowStyle, logoShadowStyle } = useMemo(() => {
+const BannerSubstyle3 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+    const { shadowStyle, logoShadowStyle } = (0, react_1.useMemo)(() => {
         // --- Randomized Shadow Parameters ---
         // Text Shadow (Bottom)
         const baseTextSize = 70;
@@ -30,12 +33,12 @@ export const BannerSubstyle3 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUr
         const logoVariationIntensity = 0.2; // +/- 0.1
         const randomLogoIntensity = baseLogoIntensity + (Math.random() - 0.5) * logoVariationIntensity;
         // --- Generate Styles with Random Values ---
-        const shadowStyle = createAbstractShadowStyle({
+        const shadowStyle = (0, shadowUtils_1.createAbstractShadowStyle)({
             // direction: "bottom", // Default
             size: `${randomTextSize}%`,
             intensity: randomTextIntensity,
         });
-        const logoShadowStyle = createAbstractShadowStyle({
+        const logoShadowStyle = (0, shadowUtils_1.createAbstractShadowStyle)({
             direction: "top-left",
             size: `${randomLogoSize}%`,
             intensity: randomLogoIntensity,
@@ -43,11 +46,12 @@ export const BannerSubstyle3 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUr
         return { shadowStyle, logoShadowStyle };
     }, []); // Empty dependency array ensures this runs only once on mount
     // Process the copy strings
-    const formattedCopy1 = useMemo(() => formatCopy(copy1), [copy1]);
-    const formattedCopy2 = useMemo(() => formatCopy(copy2), [copy2]);
-    return (_jsxs("div", { className: "inset-0 flex flex-col items-start justify-between h-full pb-20 relative isolate overflow-hidden gap-4", children: [backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10", style: { objectFit: 'cover' } })), _jsx("div", { style: shadowStyle, className: "relative z-10", "aria-hidden": "true" }), _jsx("div", { style: logoShadowStyle, className: "relative z-10", "aria-hidden": "true" }), _jsxs("div", { className: "relative px-20 pt-20 flex justify-between w-full z-20", children: [_jsx("div", { className: "relative w-64 h-64 pr-64", children: logoUrl && (_jsx(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }), _jsx("p", { style: {
+    const formattedCopy1 = (0, react_1.useMemo)(() => formatCopy(copy1), [copy1]);
+    const formattedCopy2 = (0, react_1.useMemo)(() => formatCopy(copy2), [copy2]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 flex flex-col items-start justify-between h-full pb-20 relative isolate overflow-hidden gap-4", children: [backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10", style: { objectFit: 'cover' } })), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle, className: "relative z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { style: logoShadowStyle, className: "relative z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative px-20 pt-20 flex justify-between w-full z-20", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-64 h-64 pr-64", children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }), (0, jsx_runtime_1.jsx)("p", { style: {
                             fontSize: `calc(${fontSize_01} * 0.8)`,
-                        }, className: "text-right w-2/3 leading-tight whitespace-pre-wrap", children: formattedCopy1 })] }), _jsx("div", { className: "w-full px-20 relative z-20", children: _jsx("p", { style: {
+                        }, className: "text-right w-2/3 leading-tight whitespace-pre-wrap", children: formattedCopy1 })] }), (0, jsx_runtime_1.jsx)("div", { className: "w-full px-20 relative z-20", children: (0, jsx_runtime_1.jsx)("p", { style: {
                         fontSize: fontSize_02,
                     }, className: "font-bold text-center leading-tight whitespace-pre-wrap", children: formattedCopy2 }) })] }));
 };
+exports.BannerSubstyle3 = BannerSubstyle3;

package/dist/components/Style1/substyles/index.js

@@ -1,6 +1,22 @@
+"use strict";
 /**
  * Style1 substyles exports
  */
-export * from './BannerSubstyle1';
-export * from './BannerSubstyle2';
-export * from './BannerSubstyle3';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerSubstyle1"), exports);
+__exportStar(require("./BannerSubstyle2"), exports);
+__exportStar(require("./BannerSubstyle3"), exports);

package/dist/components/Style2/BannerStyle2.js

@@ -1,14 +1,17 @@
+"use strict";
 /**
  * BannerStyle2 component - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BannerSubstyle1, BannerSubstyle2, BannerSubstyle3 } from "./substyles";
-import { calculateStyleFontSizes } from "../../utils";
-export const BannerStyle2 = ({ copy1, copy2, bannerSubstyle = 1, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyle2 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const substyles_1 = require("./substyles");
+const utils_1 = require("../../utils");
+const BannerStyle2 = ({ copy1, copy2, bannerSubstyle = 1, logoUrl, backgroundImageUrl, ImageComponent, }) => {
     // Use the utility function to calculate font sizes with Style2 constrained parameters
-    const fontSizes = calculateStyleFontSizes(copy1, copy2, {
+    const fontSizes = (0, utils_1.calculateStyleFontSizes)(copy1, copy2, {
         baseSizeRem1: 3.8,
         baseSizeRem2: 4.0,
         maxLengthThreshold: 35,
@@ -23,5 +26,6 @@ export const BannerStyle2 = ({ copy1, copy2, bannerSubstyle = 1, logoUrl, backgr
         backgroundImageUrl,
         ImageComponent,
     };
-    return (_jsxs("div", { className: "w-full h-full text-white", children: [bannerSubstyle === 1 && _jsx(BannerSubstyle1, { ...substyleProps }), bannerSubstyle === 2 && _jsx(BannerSubstyle2, { ...substyleProps }), bannerSubstyle === 3 && _jsx(BannerSubstyle3, { ...substyleProps })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-full h-full text-white", children: [bannerSubstyle === 1 && (0, jsx_runtime_1.jsx)(substyles_1.BannerSubstyle1, { ...substyleProps }), bannerSubstyle === 2 && (0, jsx_runtime_1.jsx)(substyles_1.BannerSubstyle2, { ...substyleProps }), bannerSubstyle === 3 && (0, jsx_runtime_1.jsx)(substyles_1.BannerSubstyle3, { ...substyleProps })] }));
 };
+exports.BannerStyle2 = BannerStyle2;

package/dist/components/Style2/substyles/BannerSubstyle1.js

@@ -1,27 +1,31 @@
+"use strict";
 /**
  * BannerSubstyle1 for Style2 - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createAbstractShadowStyle } from "../../../styles/shadowUtils";
-export const BannerSubstyle1 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
-    const shadowStyle01 = createAbstractShadowStyle({
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSubstyle1 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shadowUtils_1 = require("../../../styles/shadowUtils");
+const BannerSubstyle1 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+    const shadowStyle01 = (0, shadowUtils_1.createAbstractShadowStyle)({
         direction: "bottom",
         size: `70%`,
         intensity: 0.8,
     });
-    const shadowStyle02 = createAbstractShadowStyle({
+    const shadowStyle02 = (0, shadowUtils_1.createAbstractShadowStyle)({
         direction: "top",
         size: `45%`,
         intensity: 0.8,
     });
-    return (_jsxs("div", { className: "inset-0 flex flex-col items-center justify-between h-full text-center isolate overflow-hidden pt-8 px-20 pb-24 relative bg-neutral-900", children: [backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background image", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-65 blur-[2px]", style: { objectFit: 'cover' } })), _jsx("div", { className: "relative z-20 flex-shrink-0", children: _jsx("div", { className: "relative w-64 h-64 mx-auto", children: logoUrl && (_jsx(ImageComponent, { src: logoUrl, alt: "Business logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }) }), _jsx("div", { style: shadowStyle01, className: "absolute z-10 bottom-0", "aria-hidden": "true" }), _jsx("div", { style: shadowStyle02, className: "absolute z-10", "aria-hidden": "true" }), _jsxs("div", { className: "w-full text-center relative z-20 flex-grow flex flex-col items-center justify-end gap-16", children: [_jsx("div", { className: "bg-white py-4 px-5 rounded-lg w-1/2 ml-auto shadow-lg rotate-3", children: _jsx("p", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 flex flex-col items-center justify-between h-full text-center isolate overflow-hidden pt-8 px-20 pb-24 relative bg-neutral-900", children: [backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background image", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-65 blur-[2px]", style: { objectFit: 'cover' } })), (0, jsx_runtime_1.jsx)("div", { className: "relative z-20 flex-shrink-0", children: (0, jsx_runtime_1.jsx)("div", { className: "relative w-64 h-64 mx-auto", children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Business logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }) }), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle01, className: "absolute z-10 bottom-0", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle02, className: "absolute z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsxs)("div", { className: "w-full text-center relative z-20 flex-grow flex flex-col items-center justify-end gap-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-white py-4 px-5 rounded-lg w-1/2 ml-auto shadow-lg rotate-3", children: (0, jsx_runtime_1.jsx)("p", { style: {
                                 fontSize: fontSize_02 ? `calc(${fontSize_02} * 0.5)` : "1rem",
                                 fontFamily: "var(--font-lato), sans-serif",
-                            }, className: "font-bold text-black leading-tight whitespace-pre-wrap text-center", children: copy2 }) }), _jsx("p", { style: {
+                            }, className: "font-bold text-black leading-tight whitespace-pre-wrap text-center", children: copy2 }) }), (0, jsx_runtime_1.jsx)("p", { style: {
                             fontSize: fontSize_01,
                             fontWeight: "900",
                             fontFamily: "var(--font-roboto), sans-serif",
                         }, className: "leading-none whitespace-pre-wrap text-white uppercase tracking-wider text-shadow-lg", children: copy1 })] })] }));
 };
+exports.BannerSubstyle1 = BannerSubstyle1;

package/dist/components/Style2/substyles/BannerSubstyle2.js

@@ -1,27 +1,31 @@
+"use strict";
 /**
  * BannerSubstyle2 for Style2 - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createAbstractShadowStyle } from "../../../styles/shadowUtils";
-export const BannerSubstyle2 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
-    const shadowStyle01 = createAbstractShadowStyle({
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSubstyle2 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shadowUtils_1 = require("../../../styles/shadowUtils");
+const BannerSubstyle2 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+    const shadowStyle01 = (0, shadowUtils_1.createAbstractShadowStyle)({
         direction: "bottom",
         size: `70%`,
         intensity: 0.8,
     });
-    const shadowStyle02 = createAbstractShadowStyle({
+    const shadowStyle02 = (0, shadowUtils_1.createAbstractShadowStyle)({
         direction: "top",
         size: `40%`,
         intensity: 0.8,
     });
-    return (_jsxs("div", { className: "inset-0 flex flex-col justify-between h-full text-center isolate overflow-hidden pt-8 px-16 pb-24 relative bg-neutral-900", children: [backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background image", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-65 blur-[2px]", style: { objectFit: 'cover' } })), _jsxs("div", { className: "relative z-20 flex-shrink-0 flex flex-col justify-between gap-8", children: [_jsx("div", { className: "relative w-64 h-64 mx-auto", children: logoUrl && (_jsx(ImageComponent, { src: logoUrl, alt: "Business logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }), _jsx("div", { className: "bg-white py-6 px-4 rounded-lg w-1/2 mr-auto -rotate-3 shadow-lg", children: _jsx("p", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 flex flex-col justify-between h-full text-center isolate overflow-hidden pt-8 px-16 pb-24 relative bg-neutral-900", children: [backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background image", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-65 blur-[2px]", style: { objectFit: "cover" } })), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-20 flex-shrink-0 flex flex-col justify-between gap-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-64 h-64 mx-auto", children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Business logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: "contain" } })) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-white py-6 px-4 rounded-lg w-1/2 mr-auto -rotate-3 shadow-lg", children: (0, jsx_runtime_1.jsx)("p", { style: {
                                 fontSize: fontSize_02 ? `calc(${fontSize_02} * 0.45)` : "1rem",
                                 fontFamily: "var(--font-lato), sans-serif",
-                            }, className: "font-bold text-black leading-tight whitespace-pre-wrap text-center", children: copy2 }) })] }), _jsx("div", { style: shadowStyle01, className: "absolute z-10 bottom-0", "aria-hidden": "true" }), _jsx("div", { style: shadowStyle02, className: "absolute z-10", "aria-hidden": "true" }), _jsx("p", { style: {
+                            }, className: "font-bold text-black leading-tight whitespace-pre-wrap text-center", children: copy2 }) })] }), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle01, className: "absolute z-10 bottom-0", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle02, className: "absolute z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("p", { style: {
                     fontSize: fontSize_01,
                     fontWeight: "900",
                     fontFamily: "var(--font-roboto), sans-serif",
                 }, className: "leading-none whitespace-pre-wrap text-white uppercase tracking-wider text-shadow-lg text-right", children: copy1 })] }));
 };
+exports.BannerSubstyle2 = BannerSubstyle2;

package/dist/components/Style2/substyles/BannerSubstyle3.js

@@ -1,27 +1,31 @@
+"use strict";
 /**
  * BannerSubstyle3 for Style2 - Platform-agnostic version
  * Extracted from Next.js app implementation
  */
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createAbstractShadowStyle } from "../../../styles/shadowUtils";
-export const BannerSubstyle3 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
-    const shadowStyle01 = createAbstractShadowStyle({
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerSubstyle3 = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const shadowUtils_1 = require("../../../styles/shadowUtils");
+const BannerSubstyle3 = ({ copy1, copy2, fontSize_01, fontSize_02, logoUrl, backgroundImageUrl, ImageComponent, }) => {
+    const shadowStyle01 = (0, shadowUtils_1.createAbstractShadowStyle)({
         direction: "bottom",
         size: `70%`,
         intensity: 0.8,
     });
-    const shadowStyle02 = createAbstractShadowStyle({
+    const shadowStyle02 = (0, shadowUtils_1.createAbstractShadowStyle)({
         direction: "top",
         size: `40%`,
         intensity: 0.8,
     });
-    return (_jsxs("div", { className: "inset-0 flex flex-col justify-between h-full text-center isolate overflow-hidden pt-8 px-16 pb-24 relative bg-neutral-900", children: [backgroundImageUrl && (_jsx(ImageComponent, { src: backgroundImageUrl, alt: "Background image", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-65 blur-[2px]", style: { objectFit: 'cover' } })), _jsxs("div", { className: "relative z-20 flex-shrink-0 flex flex-col justify-between gap-8", children: [_jsx("div", { className: "relative w-64 h-64 mx-auto", children: logoUrl && (_jsx(ImageComponent, { src: logoUrl, alt: "Business logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: 'contain' } })) }), _jsx("div", { className: "bg-white py-6 px-4 rounded-lg w-1/2 ml-auto rotate-3 shadow-lg", children: _jsx("p", { style: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "inset-0 flex flex-col justify-between h-full text-center isolate overflow-hidden pt-8 px-16 pb-24 relative bg-neutral-900", children: [backgroundImageUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: backgroundImageUrl, alt: "Background image", width: 1080, height: 1350, className: "object-cover absolute inset-0 w-full h-full -z-10 opacity-65 blur-[2px]", style: { objectFit: "cover" } })), (0, jsx_runtime_1.jsxs)("div", { className: "relative z-20 flex-shrink-0 flex flex-col justify-between gap-16", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-64 h-64 mx-auto", children: logoUrl && ((0, jsx_runtime_1.jsx)(ImageComponent, { src: logoUrl, alt: "Business logo", width: 256, height: 256, className: "object-contain absolute inset-0 w-full h-full", style: { objectFit: "contain" } })) }), (0, jsx_runtime_1.jsx)("div", { className: "bg-white py-6 px-4 rounded-lg w-1/2 ml-auto rotate-3 shadow-lg", children: (0, jsx_runtime_1.jsx)("p", { style: {
                                 fontSize: fontSize_02 ? `calc(${fontSize_02} * 0.45)` : "1rem",
                                 fontFamily: "var(--font-lato), sans-serif",
-                            }, className: "font-bold text-black leading-tight whitespace-pre-wrap text-center", children: copy2 }) })] }), _jsx("div", { style: shadowStyle01, className: "absolute z-10 bottom-0", "aria-hidden": "true" }), _jsx("div", { style: shadowStyle02, className: "absolute z-10", "aria-hidden": "true" }), _jsx("p", { style: {
+                            }, className: "font-bold text-black leading-tight whitespace-pre-wrap text-center", children: copy2 }) })] }), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle01, className: "absolute z-10 bottom-0", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("div", { style: shadowStyle02, className: "absolute z-10", "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("p", { style: {
                     fontSize: fontSize_01,
                     fontWeight: "900",
                     fontFamily: "var(--font-roboto), sans-serif",
                 }, className: "leading-none whitespace-pre-wrap text-white uppercase tracking-wider text-shadow-lg text-left", children: copy1 })] }));
 };
+exports.BannerSubstyle3 = BannerSubstyle3;

package/dist/components/Style2/substyles/index.js

@@ -1,6 +1,22 @@
+"use strict";
 /**
  * Style2 substyles exports
  */
-export * from './BannerSubstyle1';
-export * from './BannerSubstyle2';
-export * from './BannerSubstyle3';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerSubstyle1"), exports);
+__exportStar(require("./BannerSubstyle2"), exports);
+__exportStar(require("./BannerSubstyle3"), exports);

package/dist/components/index.js

@@ -1,6 +1,22 @@
+"use strict";
 /**
  * Banner components exports
  */
-export * from './BannerVisor';
-export * from './Style1/BannerStyle1';
-export * from './Style2/BannerStyle2';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BannerVisor"), exports);
+__exportStar(require("./Style1/BannerStyle1"), exports);
+__exportStar(require("./Style2/BannerStyle2"), exports);

package/dist/constants/index.js

@@ -1,4 +1,20 @@
+"use strict";
 /**
  * Constants exports
  */
-export * from './styleConfigs';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./styleConfigs"), exports);

package/dist/constants/styleConfigs.js

@@ -1,8 +1,11 @@
+"use strict";
 /**
  * Style-specific font configurations
  * Based on banner style requirements from the original implementations
  */
-export const STYLE_FONT_CONFIGS = {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_STORY_HEIGHT = exports.DEFAULT_STORY_WIDTH = exports.DEFAULT_BANNER_HEIGHT = exports.DEFAULT_BANNER_WIDTH = exports.STYLE_FONT_CONFIGS = void 0;
+exports.STYLE_FONT_CONFIGS = {
     1: {
         baseSizeRem1: 2.5, // Base size for copy1 in rem
         baseSizeRem2: 1.8, // Base size for copy2 in rem
@@ -17,8 +20,8 @@ export const STYLE_FONT_CONFIGS = {
     }
 };
 // Default banner dimensions
-export const DEFAULT_BANNER_WIDTH = 1080;
-export const DEFAULT_BANNER_HEIGHT = 1350;
+exports.DEFAULT_BANNER_WIDTH = 1080;
+exports.DEFAULT_BANNER_HEIGHT = 1350;
 // Default story dimensions
-export const DEFAULT_STORY_WIDTH = 1080;
-export const DEFAULT_STORY_HEIGHT = 1920;
+exports.DEFAULT_STORY_WIDTH = 1080;
+exports.DEFAULT_STORY_HEIGHT = 1920;

package/dist/index.js

@@ -1,18 +1,34 @@
+"use strict";
 /**
  * @zuljaman/banner-components - Main package exports
  *
  * Platform-agnostic banner components for Next.js and AWS Lambda
  * Based on consolidated implementation from Next.js app with enhanced features
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 // Core components
-export * from './components';
+__exportStar(require("./components"), exports);
 // Platform adapters
-export * from './adapters';
+__exportStar(require("./adapters"), exports);
 // Types and interfaces
-export * from './types';
+__exportStar(require("./types"), exports);
 // Utilities
-export * from './utils';
+__exportStar(require("./utils"), exports);
 // Style utilities
-export * from './styles';
+__exportStar(require("./styles"), exports);
 // Constants and configurations
-export * from './constants';
+__exportStar(require("./constants"), exports);

package/dist/styles/index.js

@@ -1,4 +1,20 @@
+"use strict";
 /**
  * Style utilities exports
  */
-export * from './shadowUtils';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./shadowUtils"), exports);

package/dist/styles/shadowUtils.js

@@ -1,14 +1,17 @@
+"use strict";
 /**
  * Enhanced shadow utilities for banner components
  * Extracted from Next.js app implementation
  */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAbstractShadowStyle = void 0;
 /**
  * Creates a style object for an abstract shadow element.
  * This should be applied to a dedicated element (e.g., a div)
  * positioned absolutely within a container. The container must
  * have `position: 'relative'` and ideally `isolation: 'isolate'`.
  */
-export const createAbstractShadowStyle = ({ direction = "bottom", size = "60%", // Default size for height/width/corner extent
+const createAbstractShadowStyle = ({ direction = "bottom", size = "60%", // Default size for height/width/corner extent
 color = "0, 0, 0", // Default black
 intensity = 0.6, // Default 60% opacity at the edge
  } = {}) => {
@@ -105,3 +108,4 @@ intensity = 0.6, // Default 60% opacity at the edge
     }
     return style;
 };
+exports.createAbstractShadowStyle = createAbstractShadowStyle;

package/dist/types.js

@@ -1,20 +1,23 @@
+"use strict";
 /**
  * Consolidated types for banner components shared package
  * Based on Next.js app types with AWS Lambda compatibility
  */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BannerStyle = exports.PostType = void 0;
 /**
  * Post type enumeration for different banner formats
  */
-export var PostType;
+var PostType;
 (function (PostType) {
     PostType["POST"] = "POST";
     PostType["STORY"] = "STORY";
-})(PostType || (PostType = {}));
+})(PostType || (exports.PostType = PostType = {}));
 /**
  * Banner style enumeration for different design templates
  */
-export var BannerStyle;
+var BannerStyle;
 (function (BannerStyle) {
     BannerStyle["CANVA_STYLE_01"] = "CANVA_STYLE_01";
     BannerStyle["CANVA_STYLE_02"] = "CANVA_STYLE_02";
-})(BannerStyle || (BannerStyle = {}));
+})(BannerStyle || (exports.BannerStyle = BannerStyle = {}));

package/dist/utils.js

@@ -1,7 +1,10 @@
+"use strict";
 /**
  * Enhanced font size calculation for banner styles with separate sizing for copy1 and copy2
  * Extracted from Next.js app implementation
  */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateStyleFontSizes = void 0;
 /**
  * Calculates dynamic font sizes for both copy1 and copy2 based on content length
  * and style-specific constraints.
@@ -11,11 +14,12 @@
  * @param config - Style-specific font configuration
  * @returns Object with fontSize_01 and fontSize_02 strings
  */
-export const calculateStyleFontSizes = (copy1, copy2, config) => {
+const calculateStyleFontSizes = (copy1, copy2, config) => {
+    var _a, _b;
     const { baseSizeRem1, baseSizeRem2, maxLengthThreshold, reductionFactor } = config;
     // Calculate length excluding spaces for each copy
-    const len1 = copy1?.replace(/\s/g, "").length ?? 0;
-    const len2 = copy2?.replace(/\s/g, "").length ?? 0;
+    const len1 = (_a = copy1 === null || copy1 === void 0 ? void 0 : copy1.replace(/\s/g, "").length) !== null && _a !== void 0 ? _a : 0;
+    const len2 = (_b = copy2 === null || copy2 === void 0 ? void 0 : copy2.replace(/\s/g, "").length) !== null && _b !== void 0 ? _b : 0;
     // Calculate font size for copy1
     const calculationLength1 = len1 === 0 ? 1 : len1;
     const size1 = baseSizeRem1 + Math.max(0, maxLengthThreshold - calculationLength1) * reductionFactor;
@@ -27,3 +31,4 @@ export const calculateStyleFontSizes = (copy1, copy2, config) => {
         fontSize_02: `${size2}rem`
     };
 };
+exports.calculateStyleFontSizes = calculateStyleFontSizes;

package/package.json

@@ -1,17 +1,33 @@
 {
   "name": "zuljaman-banner-components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Shared banner components package for Next.js and AWS Lambda platforms",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./adapters/SSRAdapter": {
+      "require": "./dist/adapters/SSRAdapter.js",
+      "types": "./dist/adapters/SSRAdapter.d.ts"
+    },
+    "./adapters/NextJSAdapter": {
+      "require": "./dist/adapters/NextJSAdapter.js",
+      "types": "./dist/adapters/NextJSAdapter.d.ts"
+    }
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist tsconfig.tsbuildinfo && tsc",
+    "build": "npm run clean && npm run build:cjs",
+    "build:cjs": "tsc -p tsconfig.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
     "dev": "tsc --watch",
-    "clean": "rm -rf dist",
-    "prepack": "npm run build",
+    "clean": "rm -rf dist esm tsconfig.tsbuildinfo",
+    "prepack": "echo 'Build manually before packing'",
     "pack:test": "npm pack",
     "pack:dry": "npm pack --dry-run",
     "prepublishOnly": "npm run clean && npm run build",
@@ -59,4 +75,4 @@
   ],
   "author": "Zuljaman Team",
   "license": "MIT"
-}
+}