zuljaman-banner-components 1.0.0

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

@@ -0,0 +1,53 @@
+/**
+ * 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";
+// 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(() => {
+        // --- Randomized Shadow Parameters ---
+        // Text Shadow (Bottom)
+        const baseTextSize = 70;
+        const textVariationSize = 20; // +/- 10%
+        const randomTextSize = Math.floor(baseTextSize + (Math.random() - 0.5) * textVariationSize);
+        const baseTextIntensity = 0.85;
+        const textVariationIntensity = 0.2; // +/- 0.1
+        const randomTextIntensity = baseTextIntensity + (Math.random() - 0.5) * textVariationIntensity;
+        // Logo Shadow (Top-Left)
+        const baseLogoSize = 250;
+        const logoVariationSize = 20; // +/- 10%
+        const randomLogoSize = Math.floor(baseLogoSize + (Math.random() - 0.5) * logoVariationSize);
+        const baseLogoIntensity = 0.65;
+        const logoVariationIntensity = 0.2; // +/- 0.1
+        const randomLogoIntensity = baseLogoIntensity + (Math.random() - 0.5) * logoVariationIntensity;
+        // --- Generate Styles with Random Values ---
+        const shadowStyle = createAbstractShadowStyle({
+            // direction: "bottom", // Default
+            size: `${randomTextSize}%`,
+            intensity: randomTextIntensity,
+        });
+        const logoShadowStyle = createAbstractShadowStyle({
+            direction: "top-left",
+            size: `${randomLogoSize}%`,
+            intensity: randomLogoIntensity,
+        });
+        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: {
+                            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: {
+                        fontSize: fontSize_02,
+                    }, className: "font-bold text-center leading-tight whitespace-pre-wrap", children: formattedCopy2 }) })] }));
+};

package/dist/components/Style1/substyles/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Style1 substyles exports
+ */
+export * from './BannerSubstyle1';
+export * from './BannerSubstyle2';
+export * from './BannerSubstyle3';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Style1/substyles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Style1/substyles/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Style1 substyles exports
+ */
+export * from './BannerSubstyle1';
+export * from './BannerSubstyle2';
+export * from './BannerSubstyle3';

package/dist/components/Style2/BannerStyle2.d.ts

@@ -0,0 +1,18 @@
+/**
+ * BannerStyle2 component - Platform-agnostic version
+ * Extracted from Next.js app implementation
+ */
+import React from "react";
+import type { ImageProps } from "../../types";
+interface BannerStyle2Props {
+    copy1?: string;
+    copy2?: string;
+    bannerSubstyle?: number;
+    logoUrl?: string;
+    sizeMultiplier?: number;
+    backgroundImageUrl?: string;
+    ImageComponent: React.ComponentType<ImageProps>;
+}
+export declare const BannerStyle2: React.FC<BannerStyle2Props>;
+export {};
+//# sourceMappingURL=BannerStyle2.d.ts.map

package/dist/components/Style2/BannerStyle2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerStyle2.d.ts","sourceRoot":"","sources":["../../../src/components/Style2/BannerStyle2.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiCpD,CAAC"}

package/dist/components/Style2/BannerStyle2.js

@@ -0,0 +1,27 @@
+/**
+ * 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, }) => {
+    // Use the utility function to calculate font sizes with Style2 constrained parameters
+    const fontSizes = calculateStyleFontSizes(copy1, copy2, {
+        baseSizeRem1: 3.8,
+        baseSizeRem2: 4.0,
+        maxLengthThreshold: 35,
+        reductionFactor: 0.18
+    });
+    const substyleProps = {
+        copy1,
+        fontSize_01: fontSizes.fontSize_01,
+        copy2,
+        fontSize_02: fontSizes.fontSize_02,
+        logoUrl,
+        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 })] }));
+};

package/dist/components/Style2/substyles/BannerSubstyle1.d.ts

@@ -0,0 +1,12 @@
+/**
+ * BannerSubstyle1 for Style2 - Platform-agnostic version
+ * Extracted from Next.js app implementation
+ */
+import React from "react";
+import type { BannerSubstyleProps, ImageProps } from "../../../types";
+interface BannerSubstyle1Props extends BannerSubstyleProps {
+    ImageComponent: React.ComponentType<ImageProps>;
+}
+export declare const BannerSubstyle1: React.FC<BannerSubstyle1Props>;
+export {};
+//# sourceMappingURL=BannerSubstyle1.d.ts.map

package/dist/components/Style2/substyles/BannerSubstyle1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSubstyle1.d.ts","sourceRoot":"","sources":["../../../../src/components/Style2/substyles/BannerSubstyle1.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEtE,UAAU,oBAAqB,SAAQ,mBAAmB;IACxD,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkF1D,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * 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({
+        direction: "bottom",
+        size: `70%`,
+        intensity: 0.8,
+    });
+    const shadowStyle02 = 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: {
+                                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: {
+                            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 })] })] }));
+};

package/dist/components/Style2/substyles/BannerSubstyle2.d.ts

@@ -0,0 +1,12 @@
+/**
+ * BannerSubstyle2 for Style2 - Platform-agnostic version
+ * Extracted from Next.js app implementation
+ */
+import React from "react";
+import type { BannerSubstyleProps, ImageProps } from "../../../types";
+interface BannerSubstyle2Props extends BannerSubstyleProps {
+    ImageComponent: React.ComponentType<ImageProps>;
+}
+export declare const BannerSubstyle2: React.FC<BannerSubstyle2Props>;
+export {};
+//# sourceMappingURL=BannerSubstyle2.d.ts.map

package/dist/components/Style2/substyles/BannerSubstyle2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSubstyle2.d.ts","sourceRoot":"","sources":["../../../../src/components/Style2/substyles/BannerSubstyle2.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEtE,UAAU,oBAAqB,SAAQ,mBAAmB;IACxD,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+E1D,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * 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({
+        direction: "bottom",
+        size: `70%`,
+        intensity: 0.8,
+    });
+    const shadowStyle02 = 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: {
+                                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: {
+                    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 })] }));
+};

package/dist/components/Style2/substyles/BannerSubstyle3.d.ts

@@ -0,0 +1,12 @@
+/**
+ * BannerSubstyle3 for Style2 - Platform-agnostic version
+ * Extracted from Next.js app implementation
+ */
+import React from "react";
+import type { BannerSubstyleProps, ImageProps } from "../../../types";
+interface BannerSubstyle3Props extends BannerSubstyleProps {
+    ImageComponent: React.ComponentType<ImageProps>;
+}
+export declare const BannerSubstyle3: React.FC<BannerSubstyle3Props>;
+export {};
+//# sourceMappingURL=BannerSubstyle3.d.ts.map

package/dist/components/Style2/substyles/BannerSubstyle3.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerSubstyle3.d.ts","sourceRoot":"","sources":["../../../../src/components/Style2/substyles/BannerSubstyle3.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEtE,UAAU,oBAAqB,SAAQ,mBAAmB;IACxD,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+E1D,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * 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({
+        direction: "bottom",
+        size: `70%`,
+        intensity: 0.8,
+    });
+    const shadowStyle02 = 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: {
+                                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: {
+                    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 })] }));
+};

package/dist/components/Style2/substyles/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Style2 substyles exports
+ */
+export * from './BannerSubstyle1';
+export * from './BannerSubstyle2';
+export * from './BannerSubstyle3';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Style2/substyles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Style2/substyles/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Style2 substyles exports
+ */
+export * from './BannerSubstyle1';
+export * from './BannerSubstyle2';
+export * from './BannerSubstyle3';

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Banner components exports
+ */
+export * from './BannerVisor';
+export * from './Style1/BannerStyle1';
+export * from './Style2/BannerStyle2';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,6 @@
+/**
+ * Banner components exports
+ */
+export * from './BannerVisor';
+export * from './Style1/BannerStyle1';
+export * from './Style2/BannerStyle2';

package/dist/constants/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Constants exports
+ */
+export * from './styleConfigs';
+//# sourceMappingURL=index.d.ts.map

package/dist/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAC"}

package/dist/constants/index.js

@@ -0,0 +1,4 @@
+/**
+ * Constants exports
+ */
+export * from './styleConfigs';

package/dist/constants/styleConfigs.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Style-specific font configurations
+ * Based on banner style requirements from the original implementations
+ */
+import type { StyleFontConfig } from '../types';
+export declare const STYLE_FONT_CONFIGS: Record<number, StyleFontConfig>;
+export declare const DEFAULT_BANNER_WIDTH = 1080;
+export declare const DEFAULT_BANNER_HEIGHT = 1350;
+export declare const DEFAULT_STORY_WIDTH = 1080;
+export declare const DEFAULT_STORY_HEIGHT = 1920;
+//# sourceMappingURL=styleConfigs.d.ts.map

package/dist/constants/styleConfigs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleConfigs.d.ts","sourceRoot":"","sources":["../../src/constants/styleConfigs.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAa9D,CAAC;AAGF,eAAO,MAAM,oBAAoB,OAAO,CAAC;AACzC,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAG1C,eAAO,MAAM,mBAAmB,OAAO,CAAC;AACxC,eAAO,MAAM,oBAAoB,OAAO,CAAC"}

package/dist/constants/styleConfigs.js

@@ -0,0 +1,24 @@
+/**
+ * Style-specific font configurations
+ * Based on banner style requirements from the original implementations
+ */
+export const STYLE_FONT_CONFIGS = {
+    1: {
+        baseSizeRem1: 2.5, // Base size for copy1 in rem
+        baseSizeRem2: 1.8, // Base size for copy2 in rem
+        maxLengthThreshold: 30,
+        reductionFactor: 0.05
+    },
+    2: {
+        baseSizeRem1: 2.2, // Base size for copy1 in rem
+        baseSizeRem2: 1.6, // Base size for copy2 in rem
+        maxLengthThreshold: 35,
+        reductionFactor: 0.04
+    }
+};
+// Default banner dimensions
+export const DEFAULT_BANNER_WIDTH = 1080;
+export const DEFAULT_BANNER_HEIGHT = 1350;
+// Default story dimensions
+export const DEFAULT_STORY_WIDTH = 1080;
+export const DEFAULT_STORY_HEIGHT = 1920;

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @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
+ */
+export * from './components';
+export * from './adapters';
+export * from './types';
+export * from './utils';
+export * from './styles';
+export * from './constants';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,cAAc,CAAC;AAG7B,cAAc,YAAY,CAAC;AAG3B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+/**
+ * @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
+ */
+// Core components
+export * from './components';
+// Platform adapters
+export * from './adapters';
+// Types and interfaces
+export * from './types';
+// Utilities
+export * from './utils';
+// Style utilities
+export * from './styles';
+// Constants and configurations
+export * from './constants';

package/dist/styles/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Style utilities exports
+ */
+export * from './shadowUtils';
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,eAAe,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,4 @@
+/**
+ * Style utilities exports
+ */
+export * from './shadowUtils';

package/dist/styles/shadowUtils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Enhanced shadow utilities for banner components
+ * Extracted from Next.js app implementation
+ */
+import React from "react";
+type ShadowDirection = "bottom" | "top" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+interface AbstractShadowOptions {
+    direction?: ShadowDirection;
+    size?: string;
+    color?: string;
+    intensity?: number;
+}
+/**
+ * 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 declare const createAbstractShadowStyle: ({ direction, size, color, intensity, }?: AbstractShadowOptions) => React.CSSProperties;
+export {};
+//# sourceMappingURL=shadowUtils.d.ts.map

package/dist/styles/shadowUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowUtils.d.ts","sourceRoot":"","sources":["../../src/styles/shadowUtils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,eAAe,GAChB,QAAQ,GACR,KAAK,GACL,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,yCAKvC,qBAA0B,KAAG,KAAK,CAAC,aAgGrC,CAAC"}

package/dist/styles/shadowUtils.js

@@ -0,0 +1,107 @@
+/**
+ * Enhanced shadow utilities for banner components
+ * Extracted from Next.js app implementation
+ */
+/**
+ * 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
+color = "0, 0, 0", // Default black
+intensity = 0.6, // Default 60% opacity at the edge
+ } = {}) => {
+    const safeIntensity = Math.max(0, Math.min(1, intensity));
+    const rgbaColor = `rgba(${color}, ${safeIntensity})`;
+    const transparent = "transparent";
+    let style = {
+        position: "absolute",
+        zIndex: -1,
+        pointerEvents: "none",
+    };
+    switch (direction) {
+        case "top":
+            style = {
+                ...style,
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: size,
+                background: `linear-gradient(to bottom, ${rgbaColor}, ${transparent})`,
+            };
+            break;
+        case "left":
+            style = {
+                ...style,
+                top: 0,
+                left: 0,
+                width: size,
+                height: "100%",
+                background: `linear-gradient(to right, ${rgbaColor}, ${transparent})`,
+            };
+            break;
+        case "right":
+            style = {
+                ...style,
+                top: 0,
+                right: 0,
+                width: size,
+                height: "100%",
+                background: `linear-gradient(to left, ${rgbaColor}, ${transparent})`,
+            };
+            break;
+        case "top-left":
+            style = {
+                ...style,
+                top: 0,
+                left: 0,
+                width: size, // Use size for corner dimensions
+                height: size,
+                background: `radial-gradient(circle at top left, ${rgbaColor}, ${transparent} 70.71%)`, // Fade out by sqrt(2)/2
+            };
+            break;
+        case "top-right":
+            style = {
+                ...style,
+                top: 0,
+                right: 0,
+                width: size,
+                height: size,
+                background: `radial-gradient(circle at top right, ${rgbaColor}, ${transparent} 70.71%)`,
+            };
+            break;
+        case "bottom-left":
+            style = {
+                ...style,
+                bottom: 0,
+                left: 0,
+                width: size,
+                height: size,
+                background: `radial-gradient(circle at bottom left, ${rgbaColor}, ${transparent} 70.71%)`,
+            };
+            break;
+        case "bottom-right":
+            style = {
+                ...style,
+                bottom: 0,
+                right: 0,
+                width: size,
+                height: size,
+                background: `radial-gradient(circle at bottom right, ${rgbaColor}, ${transparent} 70.71%)`,
+            };
+            break;
+        case "bottom": // Default case
+        default:
+            style = {
+                ...style,
+                bottom: 0,
+                left: 0,
+                width: "100%",
+                height: size,
+                background: `linear-gradient(to top, ${rgbaColor}, ${transparent})`,
+            };
+            break;
+    }
+    return style;
+};