@pixelated-tech/components 3.3.4 → 3.3.5

package/README.COMPONENTS.md

@@ -306,12 +306,27 @@ Optimized image component with lazy loading and responsive features.
 ```tsx
 import { SmartImage } from '@pixelated-tech/components';
 
+// Default Cloudinary variant (with optimizations)
 <SmartImage
   src="/path/to/image.jpg"
   alt="Description"
   aboveFold={false}
   sizes="(max-width: 768px) 100vw, 50vw"
 />
+
+// Next.js Image variant (without Cloudinary)
+<SmartImage
+  src="/path/to/image.jpg"
+  alt="Description"
+  variant="nextjs"
+/>
+
+// Plain img tag variant (config-independent, for error pages)
+<SmartImage
+  src="/path/to/image.jpg"
+  alt="Description"
+  variant="img"
+/>
 ```
 
 #### Props
@@ -319,11 +334,13 @@ import { SmartImage } from '@pixelated-tech/components';
 |------|------|---------|-------------|
 | `src` | `string` | - | Image source URL |
 | `alt` | `string` | - | Alt text |
+| `variant` | `'cloudinary' \| 'nextjs' \| 'img'` | `'cloudinary'` | Rendering variant |
 | `aboveFold` | `boolean` | `false` | Above-the-fold hint for loading |
 | `sizes` | `string` | - | Responsive sizes attribute |
 | `loading` | `'lazy' \| 'eager'` | `'lazy'` | Loading strategy |
 | `width` | `number` | - | Image width |
 | `height` | `number` | - | Image height |
+| `quality` | `number` | `75` | Image quality (1-100) |
 
 ### CSS
 

package/README.md

@@ -317,6 +317,11 @@ npm run storybook
 - [ ] **API Gateway**: Unified API management for connecting to CRM, email marketing, payment processors, and other business tools
 - [ ] **Webhook Automation**: Event-driven automation for form submissions, new content, user registrations, and business workflows
 - [ ] **Third-Party Sync Engine**: Bidirectional sync with tools like HubSpot, Mailchimp, QuickBooks, and project management systems
+- [ ] **Testing Strategy for Config Failure Scenarios**: Comprehensive testing framework for config-dependent components and error handling
+  - Test components with missing config providers
+  - Test error pages without config dependencies  
+  - Test app initialization with invalid environment variables
+  - Include chaos engineering tests that simulate config failures
 - [ ] **Documentation Auto-Generator**: Automatically generated API docs, component usage guides, and deployment instructions
 
 
@@ -380,12 +385,12 @@ Project Link: [https://github.com/brianwhaley/pixelated-components](https://gith
 
 | Metric | Value |
 |--------|-------|
-| Test Files | 67 |
-| Total Tests | 2,246 |
-| Coverage (Statements) | 76.11% |
-| Coverage (Lines) | 78.91% |
-| Coverage (Functions) | 77.95% |
-| Coverage (Branches) | 66.58% |
+| Test Files | 71 |
+| Total Tests | 2,291 |
+| Coverage (Statements) | 76.09% |
+| Coverage (Lines) | 78.76% |
+| Coverage (Functions) | 77.11% |
+| Coverage (Branches) | 67.37% |
 | Test Framework | Vitest 4.x |
 | Testing Library | @testing-library/react + jsdom |
 
@@ -405,7 +410,6 @@ npm run test:run         # Single run (for CI)
 #### Component Coverage (Sorted by Statement Coverage)
 - **tiles.tsx**: 100% statements
 - **google.reviews.functions.ts**: 100% statements
-- **config.server.tsx**: 100% statements
 - **accordion.tsx**: 100% statements
 - **modal.tsx**: 100% statements
 - **tab.tsx**: 100% statements
@@ -413,16 +417,17 @@ npm run test:run         # Single run (for CI)
 - **ComponentSelector.tsx**: 100% statements
 - **ComponentTree.tsx**: 100% statements
 - **formvalidations.tsx**: 100% statements
-- **componentMetadata.tsx**: 100% statements
 - **googlesearch.tsx**: 100% statements
 - **schema-localbusiness.tsx**: 100% statements
 - **schema-recipe.tsx**: 100% statements
 - **schema-services.tsx**: 100% statements
 - **schema-website.tsx**: 100% statements
+- **schema-blogposting.tsx**: 100% statements
 - **buzzwordbingo.tsx**: 100% statements
 - **markdown.tsx**: 100% statements
 - **timeline.tsx**: 100% statements
 - **sidepanel.tsx**: 97.5% statements
+- **config.server.tsx**: 50% statements
 - **config.ts**: 96.55% statements
 - **google.reviews.components.tsx**: 95.83% statements
 - **schema-blogposting.tsx**: 95.24% statements
@@ -432,7 +437,7 @@ npm run test:run         # Single run (for CI)
 - **css.tsx**: 91.43% statements
 - **functions.ts**: 90.91% statements
 - **menu-expando.tsx**: 90.12% statements
-- **config.client.tsx**: 90% statements
+- **config.client.tsx**: 100% statements
 - **loading.tsx**: 85.71% statements
 - **SaveLoadSection.tsx**: 84.85% statements
 - **table.tsx**: 84.48% statements
@@ -443,12 +448,12 @@ npm run test:run         # Single run (for CI)
 - **shoppingcart.functions.ts**: 81.7% statements
 - **callout.tsx**: 80% statements
 - **microinteractions.tsx**: 80% statements
-- **cloudinary.image.tsx**: 78.57% statements
+- **smartimage.tsx**: 82.75% statements
 - **sitemap.ts**: 76.06% statements
 - **manifest.tsx**: 75% statements
 - **carousel.tsx**: 71.7% statements
 - **nerdjoke.tsx**: 69.44% statements
-- **menu-accordion.tsx**: 68.13% statements
+- **menu-accordion.tsx**: 68.47% statements
 - **semantic.tsx**: 63.51% statements
 - **componentMap.tsx**: 60% statements
 - **propTypeIntrospection.tsx**: 60% statements

package/dist/components/callout/callout.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { usePixelatedConfig } from "../config/config.client";
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import "./callout.scss";
 /* ==================== NOTES ====================
 DEFAULT = flexbox layout, no border around callout

package/dist/components/carousel/carousel.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 import PropTypes /* , { InferProps } */ from 'prop-types';
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import { usePixelatedConfig } from '../config/config.client';
 import { DragHandler } from './carousel.drag';
 import './carousel.css';

package/dist/components/carousel/tiles.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { Loading } from "../general/loading";
-import { SmartImage } from "../cms/cloudinary.image";
+import { SmartImage } from "../cms/smartimage";
 import { usePixelatedConfig } from '../config/config.client';
 import "../../css/pixelated.grid.scss";
 import "./tiles.css";

package/dist/components/cms/contentful.items.components.js

@@ -9,7 +9,7 @@ import { AddToShoppingCart } from "../shoppingcart/shoppingcart.functions";
 import { AddToCartButton, /* GoToCartButton */ ViewItemDetails } from "../shoppingcart/shoppingcart.components";
 import { getCloudinaryRemoteFetchURL as getImg } from "./cloudinary";
 // import { Loading, ToggleLoading } from "../general/pixelated.loading";	
-import { SmartImage } from "./cloudinary.image";
+import { SmartImage } from "./smartimage";
 import "../../css/pixelated.grid.scss";
 import "./contentful.items.css";
 const debug = false;

package/dist/components/cms/gravatar.components.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 // import { type GravatarProfile } from './gravatar.functions';
-import { SmartImage } from './cloudinary.image';
+import { SmartImage } from './smartimage';
 import { usePixelatedConfig } from '../config/config.client';
 import './gravatar.css';
 /* export type GravatarCardProps = {

package/dist/components/cms/{cloudinary.image.js → smartimage.js}

@@ -60,10 +60,11 @@ const SMARTIMAGE_PROP_TYPES = {
     quality: PropTypes.number,
     placeholder: PropTypes.oneOf(['blur', 'empty']),
     blurDataURL: PropTypes.string,
+    variant: PropTypes.oneOf(['cloudinary', 'nextjs', 'img']),
 };
 SmartImage.propTypes = SMARTIMAGE_PROP_TYPES;
 export function SmartImage(props) {
-    const { src, alt, id, name, title, cloudinaryEnv, cloudinaryDomain = CLOUDINARY_DOMAIN, cloudinaryTransforms = CLOUDINARY_TRANSFORMS, quality = 75, width = 500, height = 500, aboveFold = false, fetchPriority = 'auto', loading = 'lazy', decoding = 'async', preload = false, ...imgProps } = props;
+    const { src, alt, id, name, title, cloudinaryEnv, cloudinaryDomain = CLOUDINARY_DOMAIN, cloudinaryTransforms = CLOUDINARY_TRANSFORMS, quality = 75, width = 500, height = 500, aboveFold = false, fetchPriority = 'auto', loading = 'lazy', decoding = 'async', preload = false, variant = 'cloudinary', ...imgProps } = props;
     const newProps = { ...props };
     const config = usePixelatedConfig();
     const cloudCfg = config?.cloudinary;
@@ -86,20 +87,19 @@ export function SmartImage(props) {
     newProps.id = newProps.id || newProps.name || sanitizeString(newProps.title) || sanitizeString(newProps.alt) || sanitizeString(imageName);
     newProps.name = newProps.name || newProps.id || sanitizeString(newProps.title) || sanitizeString(newProps.alt) || sanitizeString(imageName);
     newProps.title = newProps.title || newProps.alt || sanitizeString(imageName);
-    // if(Array.isArray(src))
-    const finalSrc = newProps.cloudinaryEnv
-        ? buildCloudinaryUrl({
+    let finalSrc = String(newProps.src);
+    /* ===== CLOUDINARY VARIANT ===== */
+    let responsiveSrcSet;
+    let responsiveSizes;
+    if (variant === 'cloudinary' && newProps.cloudinaryEnv) {
+        finalSrc = buildCloudinaryUrl({
             src: newProps.src,
             productEnv: newProps.cloudinaryEnv,
             cloudinaryDomain: newProps.cloudinaryDomain,
             quality,
             width: newProps.width ?? undefined,
             transforms: newProps.cloudinaryTransforms ?? undefined
-        })
-        : String(newProps.src);
-    let responsiveSrcSet;
-    let responsiveSizes;
-    if (newProps.cloudinaryEnv) {
+        });
         if (newProps.width) {
             const widths = [Math.ceil(newProps.width * 0.5), newProps.width, Math.ceil(newProps.width * 1.5), Math.ceil(newProps.width * 2)];
             responsiveSrcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, widths, {
@@ -119,15 +119,21 @@ export function SmartImage(props) {
             responsiveSizes = '(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw';
         }
     }
+    /* ===== NEXTJS VARIANT ===== */
+    /* variant is not cloudinary and not img (ie nextjs)
+    or variant is cloudinary and no cloudinaryEnv */
     const isDecorative = newProps.alt === '';
     const decorativeProps = isDecorative ? { 'aria-hidden': true, role: 'presentation' } : {};
-    try {
-        return (_jsx(Image, { ...imgProps, ...decorativeProps, src: finalSrc, alt: newProps.alt, id: newProps.id, name: newProps.name, title: newProps.title, width: newProps.width, height: newProps.height, sizes: imgProps.sizes || responsiveSizes, quality: quality, fetchPriority: newProps.fetchPriority, loading: newProps.loading, decoding: newProps.decoding, preload: newProps.preload }));
-    }
-    catch (e) {
-        if (typeof console !== 'undefined')
-            console.warn('next/image unavailable, falling back to <img>', e);
+    if (variant !== 'img') {
+        try {
+            return (_jsx(Image, { ...imgProps, ...decorativeProps, src: finalSrc, alt: newProps.alt, id: newProps.id, name: newProps.name, title: newProps.title, width: newProps.width, height: newProps.height, sizes: imgProps.sizes || responsiveSizes, quality: quality, fetchPriority: newProps.fetchPriority, loading: newProps.loading, decoding: newProps.decoding, preload: newProps.preload }));
+        }
+        catch (e) {
+            if (typeof console !== 'undefined')
+                console.warn('next/image unavailable, falling back to <img>', e);
+        }
     }
+    /* ===== IMG VARIANT ===== */
     const imgRef = React.useRef(null);
     return (_jsx("img", { ...imgProps, ...decorativeProps, ref: imgRef, src: finalSrc, alt: newProps.alt, id: newProps.id, name: newProps.name, title: newProps.title, width: newProps.width, height: newProps.height, srcSet: responsiveSrcSet || imgProps.srcSet, sizes: imgProps.sizes || responsiveSizes, fetchPriority: newProps.fetchPriority, loading: newProps.loading, decoding: newProps.decoding }));
 }

package/dist/components/cms/wordpress.components.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { usePixelatedConfig } from "../config/config.client";
-import { SmartImage } from './cloudinary.image';
+import { SmartImage } from './smartimage';
 import { PageGridItem } from '../general/semantic';
 import { getWordPressItems } from './wordpress.functions';
 import { Loading, ToggleLoading } from '../general/loading';

package/dist/components/config/config.client.js

@@ -12,11 +12,18 @@ export const PixelatedClientConfigProvider = ({ config, children, }) => {
 export const usePixelatedConfig = () => {
     const ctx = React.useContext(PixelatedConfigContext);
     if (!ctx) {
-        if (process.env.NODE_ENV !== 'production') {
-            throw new Error('PixelatedClientConfigProvider not found. Wrap your app with PixelatedClientConfigProvider.');
-        }
-        // In production return an empty object typed as PixelatedConfig to avoid runtime crashes
-        return {};
+        // Always throw error when provider is missing (consistent across dev/prod)
+        // Previously had environment-specific behavior:
+        // if (process.env.NODE_ENV !== 'production') {
+        //   throw new Error('PixelatedClientConfigProvider not found. Wrap your app with PixelatedClientConfigProvider.');
+        // }
+        // // In production return an empty object typed as PixelatedConfig to avoid runtime crashes
+        // return {} as PixelatedConfig;
+        throw new Error('PixelatedClientConfigProvider not found. Wrap your app with PixelatedClientConfigProvider.');
+    }
+    // Also throw if config is empty (no environment config loaded)
+    if (Object.keys(ctx).length === 0) {
+        throw new Error('Pixelated config is empty. Check that PIXELATED_CONFIG_JSON or PIXELATED_CONFIG_B64 environment variables are set.');
     }
     return ctx;
 };

package/dist/components/general/accordion.js

@@ -6,8 +6,9 @@ Accordion.propTypes = {
     items: PropTypes.arrayOf(PropTypes.shape({
         title: PropTypes.string.isRequired,
         content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+        open: PropTypes.bool,
     })).isRequired,
 };
 export function Accordion({ items }) {
-    return (_jsx("div", { className: "accordion", children: items?.map((item, index) => (item ? (_jsxs("details", { className: "accordion-item", children: [_jsx("summary", { className: "accordion-title", children: _jsx("h3", { id: `accordion-header-${index}`, children: item.title }) }), _jsx("div", { className: "accordion-content", role: "region", "aria-labelledby": `accordion-header-${index}`, children: typeof item.content === 'string' ? (_jsx("p", { children: item.content })) : (item.content) })] }, index)) : null)) }));
+    return (_jsx("div", { className: "accordion", children: items?.map((item, index) => (item ? (_jsxs("details", { className: "accordion-item", open: item.open ?? undefined, children: [_jsx("summary", { className: "accordion-title", children: _jsx("h3", { id: `accordion-header-${index}`, children: item.title }) }), _jsx("div", { className: "accordion-content", role: "region", "aria-labelledby": `accordion-header-${index}`, children: typeof item.content === 'string' ? (_jsx("p", { children: item.content })) : (item.content) })] }, index)) : null)) }));
 }

package/dist/components/general/semantic.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useLayoutEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { usePixelatedConfig } from "../config/config.client";
-import { SmartImage } from "../cms/cloudinary.image";
+import { SmartImage } from "../cms/smartimage";
 import "../../css/pixelated.grid.scss";
 import "./semantic.scss";
 /* ========== LAYOUT COMPONENTS ==========

package/dist/components/general/table.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import PropTypes from 'prop-types';
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import './table.css';
 function isImageURL(url) {
     const isImage = /\.(jpeg|jpg|gif|png|webp|svg|bmp)$/i.test(url);

package/dist/components/seo/404.js

@@ -1,8 +1,9 @@
+"use client";
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import PropTypes from 'prop-types';
 // import { getCloudinaryRemoteFetchURL } from "../cms/cloudinary";
-import { SmartImage } from "../cms/cloudinary.image";
+import { SmartImage } from "../cms/smartimage";
 import { usePixelatedConfig } from "../config/config.client";
 import "./404.css";
 FourOhFour.propTypes = {
@@ -24,7 +25,7 @@ export function FourOhFour(props) {
     if (randomIndex !== null && imageURL /* cloudinaryURL */ !== '') {
         return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "fof-body-container", children: [_jsxs("h1", { className: "centered text-outline", children: ["404 - ", images[randomIndex].text] }), _jsx("div", { className: "centered-button", children: _jsx("a", { href: "/", target: "_self", rel: "noopener noreferrer", children: "Go Home" }) })] }), _jsx("div", { className: "fof-image-container", children: _jsx("div", { className: "fof-image-wrapper", children: _jsx(SmartImage, { src: imageURL, 
                             // src={cloudinaryURL} 
-                            title: "Page Not Found - " + images[randomIndex].description, alt: "Page Not Found - " + images[randomIndex].description, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) })] }));
+                            title: "Page Not Found - " + images[randomIndex].description, alt: "Page Not Found - " + images[randomIndex].description, variant: "nextjs", cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }) })] }));
     }
     else {
         return (_jsx(_Fragment, {}));

package/dist/components/shoppingcart/ebay.components.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import { Carousel } from '../carousel/carousel';
-import { SmartImage } from "../cms/cloudinary.image";
+import { SmartImage } from "../cms/smartimage";
 import { defaultEbayProps, ebaySunglassCategory, getEbayItems, getEbayItem, getShoppingCartItem } from "./ebay.functions";
 import { AddToShoppingCart } from "./shoppingcart.functions";
 import { AddToCartButton, /* GoToCartButton */ ViewItemDetails } from "./shoppingcart.components";

package/dist/components/shoppingcart/shoppingcart.components.js

@@ -13,7 +13,7 @@ import { Modal, handleModalOpen } from '../general/modal';
 import { Table } from "../general/table";
 import { getCart, getShippingInfo, SetShippingInfo, setDiscountCodes, getRemoteDiscountCodes, getCheckoutData, RemoveFromShoppingCart, ClearShoppingCart, formatAsUSD, getCartItemCount } from "./shoppingcart.functions";
 import { usePixelatedConfig } from '../config/config.client';
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import shippingToData from "../../data/shipping.to.json";
 import "./shoppingcart.css";
 const debug = false;

package/dist/components/sitebuilder/form/formcomponents.js

@@ -47,7 +47,8 @@ const useFormComponent = (props) => {
     // Handle onChange for immediate feedback
     const handleChange = (event) => {
         // Determine the value (checkbox vs other)
-        const value = event.target.type === 'checkbox' ? (event.target.checked ? event.target.value : '') : event.target.value;
+        const target = event.target;
+        const value = target.type === 'checkbox' ? (target.checked ? target.value : '') : event.target.value;
         // Call custom onChange handler synchronously so controlled inputs update immediately
         const customOnChange = props.onChange || (props.parent && props.parent.onChange);
         if (customOnChange) {
@@ -353,10 +354,10 @@ FormButton.propTypes = {
     text: PropTypes.string,
     // ----- for calculations
     className: PropTypes.string,
-    onClick: PropTypes.func.isRequired
+    onClick: PropTypes.func
 };
 export function FormButton(props) {
-    return (_jsx("div", { children: _jsx("button", { type: props.type, id: props.id, className: props.className || "", onClick: props.onClick, children: props.text }) }));
+    return (_jsx("div", { children: _jsx("button", { type: props.type, id: props.id, className: props.className || "", onClick: props.onClick || undefined, children: props.text }) }));
 }
 FormDataList.propTypes = {
     id: PropTypes.string.isRequired,

package/dist/components/structured/markdown.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
-import { SmartImage } from "../cms/cloudinary.image";
+import { SmartImage } from "../cms/smartimage";
 import { usePixelatedConfig } from "../config/config.client";
 import "./markdown.css";
 /* ========== MARKDOWN ========== */

package/dist/components/structured/recipe.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import { usePixelatedConfig } from '../config/config.client';
 import './recipe.css';
 export function mapSchemaRecipeToDisplay(schemaRecipe) {

package/dist/components/structured/resume.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import PropTypes from "prop-types";
 import { format } from "date-fns";
 import { usePixelatedConfig } from "../config/config.client";
-import { SmartImage } from "../cms/cloudinary.image";
+import { SmartImage } from "../cms/smartimage";
 import "../../css/pixelated.grid.scss";
 import "./resume.css";
 /*

package/dist/components/structured/socialcard.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import PropTypes from "prop-types";
 import { mergeDeep } from '../utilities/functions';
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import { usePixelatedConfig } from '../config/config.client';
 import './socialcard.css';
 /* ========== NOTES ==========

package/dist/components/structured/timeline.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { usePixelatedConfig } from '../config/config.client';
-import { SmartImage } from '../cms/cloudinary.image';
+import { SmartImage } from '../cms/smartimage';
 import "../../css/pixelated.grid.scss";
 import "./timeline.css";
 // https://www.w3schools.com/howto/howto_css_timeline.asp

package/dist/components/utilities/functions.js

@@ -96,3 +96,29 @@ export function attributeMap(oldAttribute) {
     };
     return (attributes[oldAttribute] ? attributes[oldAttribute] : oldAttribute);
 }
+/**
+     * Adds a single 'change' event listener to the document and uses event delegation
+     * to log the event and the value of the target element when a change occurs
+     * on an input, select, or textarea element.
+     */
+export function logAllChange() {
+    // Attach a single 'change' event listener to the document
+    document.addEventListener('change', function (event) {
+        // The event.target is the specific element that triggered the event
+        const targetElement = event.target;
+        // Check if the target element is one that typically has a 'change' event (form controls)
+        if (targetElement &&
+            (targetElement.tagName === 'INPUT' ||
+                targetElement.tagName === 'SELECT' ||
+                targetElement.tagName === 'TEXTAREA')) {
+            console.log('Change event triggered:', event);
+            // For text inputs, the change event only fires when the element loses focus
+            // For checkboxes/radio buttons, event.target.checked provides the value
+            const inputElement = targetElement;
+            const changeValue = inputElement.type === 'checkbox' || inputElement.type === 'radio' ? inputElement.checked : inputElement.value;
+            console.log('Changed value:', changeValue);
+        }
+    });
+}
+// Call the function to activate the listeners once the script is loaded
+// logChangeToAllElements();

package/dist/index.js

@@ -3,22 +3,22 @@ export * from './components/carousel/carousel';
 export * from './components/carousel/carousel.drag';
 export * from './components/carousel/tiles';
 export * from './components/cms/calendly';
-export * from './components/cms/cloudinary'; // server-side 
-export * from './components/cms/cloudinary.image';
-export * from './components/cms/contentful.delivery'; // server-side 
-export * from './components/cms/contentful.management'; // server-side 
+export * from './components/cms/cloudinary';
+export * from './components/cms/smartimage';
+export * from './components/cms/contentful.delivery';
+export * from './components/cms/contentful.management';
 export * from './components/cms/contentful.items.components';
-export * from './components/cms/flickr'; // server-side
+export * from './components/cms/flickr';
 export * from './components/cms/google.reviews.components';
-export * from './components/cms/google.reviews.functions'; // server-side
-export * from './components/cms/gravatar.functions'; // server-side 
+export * from './components/cms/google.reviews.functions';
+export * from './components/cms/gravatar.functions';
 export * from './components/cms/gravatar.components';
 export * from './components/cms/hubspot.components';
-export * from './components/cms/instagram.functions'; // server-side 
+export * from './components/cms/instagram.functions';
 export * from './components/cms/instagram.components';
 /* export * from './components/linkedin/linkedin'; */
 export * from './components/cms/wordpress.components';
-export * from './components/cms/wordpress.functions'; // server-side 
+export * from './components/cms/wordpress.functions';
 export * from './components/cms/yelp';
 export * from './components/config/config.client';
 export * from './components/config/config.server';
@@ -59,15 +59,15 @@ export * from './components/sitebuilder/form/formvalidator';
 export * from './components/sitebuilder/form/formengine';
 export * from './components/sitebuilder/form/formbuilder';
 export * from './components/sitebuilder/form/formextractor';
-export * from './components/sitebuilder/page/lib/componentGeneration'; // server-side 
-export * from './components/sitebuilder/page/lib/componentMap'; // server-side 
-export * from './components/sitebuilder/page/lib/componentMetadata'; // server-side 
-export * from './components/sitebuilder/page/lib/pageStorageLocal'; // server-side 
-export * from './components/sitebuilder/page/lib/pageStorageContentful'; // server-side 
-export * from './components/sitebuilder/page/lib/pageStorageTypes'; // server-side 
-export * from './components/sitebuilder/page/lib/propTypeIntrospection'; // server-side 
-export * from './components/sitebuilder/page/lib/types'; // server-side 
-export * from './components/sitebuilder/page/lib/usePageBuilder'; // server-side 
+export * from './components/sitebuilder/page/lib/componentGeneration';
+export * from './components/sitebuilder/page/lib/componentMap';
+export * from './components/sitebuilder/page/lib/componentMetadata';
+export * from './components/sitebuilder/page/lib/pageStorageLocal';
+export * from './components/sitebuilder/page/lib/pageStorageContentful';
+export * from './components/sitebuilder/page/lib/pageStorageTypes';
+export * from './components/sitebuilder/page/lib/propTypeIntrospection';
+export * from './components/sitebuilder/page/lib/types';
+export * from './components/sitebuilder/page/lib/usePageBuilder';
 export * from './components/seo/404';
 export * from './components/seo/googleanalytics';
 export * from './components/seo/googlemap';
@@ -81,16 +81,16 @@ export * from './components/seo/schema-blogposting.functions';
 export * from './components/seo/manifest';
 export * from './components/seo/metadata.functions';
 export * from './components/seo/metadata.components';
-export * from './components/seo/sitemap'; // server-side
+export * from './components/seo/sitemap';
 export * from './components/shoppingcart/ebay.components';
-export * from './components/shoppingcart/ebay.functions'; // server-side 
+export * from './components/shoppingcart/ebay.functions';
 export * from './components/shoppingcart/paypal';
 export * from './components/shoppingcart/shoppingcart.components';
-export * from './components/shoppingcart/shoppingcart.functions'; // server-side 
+export * from './components/shoppingcart/shoppingcart.functions';
 export * from './components/structured/buzzwordbingo';
 export * from './components/structured/markdown';
 export * from './components/structured/recipe';
 export * from './components/structured/resume';
 export * from './components/structured/socialcard';
 export * from './components/structured/timeline';
-export * from './components/utilities/functions'; // server-side 
+export * from './components/utilities/functions';

package/dist/types/components/cms/{cloudinary.image.d.ts → smartimage.d.ts}

@@ -23,6 +23,7 @@ declare const SMARTIMAGE_PROP_TYPES: {
     quality: PropTypes.Requireable<number>;
     placeholder: PropTypes.Requireable<string>;
     blurDataURL: PropTypes.Requireable<string>;
+    variant: PropTypes.Requireable<string>;
 };
 export type SmartImageProps = InferProps<typeof SMARTIMAGE_PROP_TYPES> & React.ImgHTMLAttributes<HTMLImageElement>;
 export declare function SmartImage(props: SmartImageProps): import("react/jsx-runtime").JSX.Element;
@@ -50,7 +51,8 @@ export declare namespace SmartImage {
         quality: PropTypes.Requireable<number>;
         placeholder: PropTypes.Requireable<string>;
         blurDataURL: PropTypes.Requireable<string>;
+        variant: PropTypes.Requireable<string>;
     };
 }
 export {};
-//# sourceMappingURL=cloudinary.image.d.ts.map
+//# sourceMappingURL=smartimage.d.ts.map

package/dist/types/components/cms/smartimage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smartimage.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/smartimage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAmDnD,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;CAwB1B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACnH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA4IhD;yBA5Ie,UAAU"}

package/dist/types/components/config/config.client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.client.d.ts","sourceRoot":"","sources":["../../../../src/components/config/config.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,eAAO,MAAM,6BAA6B,GAAI,uBAG3C;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAEA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO,eAUrC,CAAC;AAEF,iEAAiE"}
+{"version":3,"file":"config.client.d.ts","sourceRoot":"","sources":["../../../../src/components/config/config.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAItD,eAAO,MAAM,6BAA6B,GAAI,uBAG3C;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAEA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,QAAO,eAiBrC,CAAC;AAEF,iEAAiE"}

package/dist/types/components/general/accordion.d.ts

@@ -4,6 +4,7 @@ import './accordion.css';
 export interface AccordionItem {
     title: string;
     content: string | React.ReactNode;
+    open?: boolean | null;
 }
 export type AccordionType = InferProps<typeof Accordion.propTypes>;
 export declare function Accordion({ items }: AccordionType): import("react/jsx-runtime").JSX.Element;
@@ -12,6 +13,7 @@ export declare namespace Accordion {
         items: PropTypes.Validator<(PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             content: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+            open: PropTypes.Requireable<boolean>;
         }> | null | undefined)[]>;
     };
 }

package/dist/types/components/general/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/general/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACnC;AAUD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CA2BjD;yBA3Be,SAAS"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/general/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACvB;AAWD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CA2BjD;yBA3Be,SAAS"}

package/dist/types/components/general/semantic.d.ts

@@ -30,7 +30,7 @@ export declare namespace PageSection {
         backgroundImage: PropTypes.Requireable<string>;
         columns: PropTypes.Requireable<number>;
         autoFlow: PropTypes.Requireable<"row" | "column" | "dense" | "row dense" | "column dense">;
-        justifyItems: PropTypes.Requireable<"center" | "start" | "end" | "stretch">;
+        justifyItems: PropTypes.Requireable<"center" | "end" | "start" | "stretch">;
         responsive: PropTypes.Requireable<PropTypes.InferProps<{
             mobile: PropTypes.Requireable<number>;
             tablet: PropTypes.Requireable<number>;
@@ -38,8 +38,8 @@ export declare namespace PageSection {
         }>>;
         direction: PropTypes.Requireable<"row" | "column" | "row-reverse" | "column-reverse">;
         wrap: PropTypes.Requireable<"nowrap" | "wrap" | "wrap-reverse">;
-        justifyContent: PropTypes.Requireable<"center" | "start" | "end" | "space-between" | "space-around" | "space-evenly">;
-        alignItems: PropTypes.Requireable<"center" | "start" | "end" | "stretch" | "baseline">;
+        justifyContent: PropTypes.Requireable<"center" | "end" | "start" | "space-between" | "space-around" | "space-evenly">;
+        alignItems: PropTypes.Requireable<"center" | "end" | "start" | "stretch" | "baseline">;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     };
 }

package/dist/types/components/seo/404.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/404.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,WAAW,CAAC;AAKnB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAE,KAAK,EAAE,cAAc,2CA+ChD;yBA/Ce,UAAU"}
+{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../../src/components/seo/404.tsx"],"names":[],"mappings":"AAGA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,WAAW,CAAC;AAKnB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAE,KAAK,EAAE,cAAc,2CAgDhD;yBAhDe,UAAU"}

package/dist/types/components/sitebuilder/form/formcomponents.d.ts

@@ -183,7 +183,7 @@ export declare namespace FormButton {
         id: PropTypes.Validator<string>;
         text: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
-        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
 }
 export type FormDataListType = InferProps<typeof FormDataList.propTypes>;

package/dist/types/components/sitebuilder/form/formcomponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formcomponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/sitebuilder/form/formcomponents.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,YAAY,CAAC;AAsIpB,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,iBAAS,SAAS,CAAC,KAAK,EAAE,aAAa,2CAYtC;kBAZQ,SAAS;;;;;;;;;;;;;AA4BlB,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;AACvE,iBAAS,WAAW,CAAC,KAAK,EAAE,eAAe,kDA2C1C;kBA3CQ,WAAW;;;;;;;;;;;;AAiFpB,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,2CAmB7C;yBAnBe,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDzB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAc/C;yBAde,UAAU;;;;;;;;;;;;;;;;;;;;;AA6B1B,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;AACjF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,2CAUpD;kBAVQ,gBAAgB;;;;;;;AAyCzB,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAWnD;yBAXe,YAAY;;;;;;;;;;;;;;;;;;;;;;AAmC5B,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,2CAY7C;yBAZe,SAAS;;;;;;;;;;;;;;;;AA4BzB,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/E,iBAAS,eAAe,CAAC,KAAK,EAAE,mBAAmB,2CAsBlD;kBAtBQ,eAAe;;;;;;;;;AA6CxB,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAYnD;yBAZe,YAAY;;;;;;;;;;;;;;;;AA6B5B,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,CAAC;AACrF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,sBAAsB,2CA2BxD;kBA3BQ,kBAAkB;;;;;;;;AA0C3B,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAU/C;yBAVe,UAAU;;;;;;;;;AAuB1B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAWnD;yBAXe,YAAY;;;;;;AAsB5B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,4CAI3B;yBAJe,YAAY;;;AAO5B,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"formcomponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/sitebuilder/form/formcomponents.tsx"],"names":[],"mappings":"AAIA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,YAAY,CAAC;AAuIpB,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,iBAAS,SAAS,CAAC,KAAK,EAAE,aAAa,2CAYtC;kBAZQ,SAAS;;;;;;;;;;;;;AA4BlB,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;AACvE,iBAAS,WAAW,CAAC,KAAK,EAAE,eAAe,kDA2C1C;kBA3CQ,WAAW;;;;;;;;;;;;AAiFpB,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,2CAmB7C;yBAnBe,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDzB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAc/C;yBAde,UAAU;;;;;;;;;;;;;;;;;;;;;AA6B1B,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;AACjF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,oBAAoB,2CAUpD;kBAVQ,gBAAgB;;;;;;;AAyCzB,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAWnD;yBAXe,YAAY;;;;;;;;;;;;;;;;;;;;;;AAmC5B,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnE,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,2CAY7C;yBAZe,SAAS;;;;;;;;;;;;;;;;AA4BzB,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/E,iBAAS,eAAe,CAAC,KAAK,EAAE,mBAAmB,2CAsBlD;kBAtBQ,eAAe;;;;;;;;;AA6CxB,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAYnD;yBAZe,YAAY;;;;;;;;;;;;;;;;AA6B5B,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC,CAAC;AACrF,iBAAS,kBAAkB,CAAC,KAAK,EAAE,sBAAsB,2CA2BxD;kBA3BQ,kBAAkB;;;;;;;;AA0C3B,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CAU/C;yBAVe,UAAU;;;;;;;;;AAuB1B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAWnD;yBAXe,YAAY;;;;;;AAsB5B,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACzE,wBAAgB,YAAY,4CAI3B;yBAJe,YAAY;;;AAO5B,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/types/components/sitebuilder/form/formvalidator.d.ts

@@ -3,7 +3,7 @@ import { ValidationResult, FormValidationContextType } from './formtypes';
 /**
  * Centralized field validation service
  */
-export declare function validateField(fieldProps: any, event: React.ChangeEvent<HTMLInputElement> | React.FocusEvent<HTMLInputElement>): Promise<ValidationResult>;
+export declare function validateField(fieldProps: any, event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement> | React.FocusEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>): Promise<ValidationResult>;
 export declare function useFormValidation(): FormValidationContextType;
 export declare function FormValidationProvider({ children }: {
     children: React.ReactNode;

package/dist/types/components/sitebuilder/form/formvalidator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formvalidator.d.ts","sourceRoot":"","sources":["../../../../../src/components/sitebuilder/form/formvalidator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE1E;;GAEG;AACH,wBAAsB,aAAa,CAClC,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAC7E,OAAO,CAAC,gBAAgB,CAAC,CAyC3B;AAOD,wBAAgB,iBAAiB,8BAMhC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAkCjF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,CAarE;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,CAatE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,gBAAgB,GAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,gBAAgB,CAAC,EAAO,GAAG,gBAAgB,CAiB7H"}
+{"version":3,"file":"formvalidator.d.ts","sourceRoot":"","sources":["../../../../../src/components/sitebuilder/form/formvalidator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAE1E;;GAEG;AACH,wBAAsB,aAAa,CAClC,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,GACjK,OAAO,CAAC,gBAAgB,CAAC,CAyC3B;AAOD,wBAAgB,iBAAiB,8BAMhC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAkCjF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,CAarE;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,GAAG,GAAG,gBAAgB,CAatE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,GAAG,EAAE,gBAAgB,GAAE,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,gBAAgB,CAAC,EAAO,GAAG,gBAAgB,CAiB7H"}

package/dist/types/components/utilities/functions.d.ts

@@ -8,4 +8,10 @@ export declare function generateKey(): string;
 export declare function generateUUID(): string;
 export declare function capitalize(str: string): string;
 export declare function attributeMap(oldAttribute: string): string;
+/**
+     * Adds a single 'change' event listener to the document and uses event delegation
+     * to log the event and the value of the target element when a change occurs
+     * on an input, select, or textarea element.
+     */
+export declare function logAllChange(): void;
 //# sourceMappingURL=functions.d.ts.map

package/dist/types/components/utilities/functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/components/utilities/functions.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAE,GAAG,EAAE,MAAM,oBAUpC;AAGD,wBAAgB,SAAS,CAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;;EAmBxC;AAED,wBAAgB,wBAAwB,CAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,QAIhF;AAED,wBAAgB,aAAa,CAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAOtD;AAED,wBAAgB,WAAW,WAc1B;AAED,wBAAgB,YAAY,WAK3B;AAED,wBAAgB,UAAU,CAAE,GAAG,EAAE,MAAM,UAEtC;AAQD,wBAAgB,YAAY,CAAE,YAAY,EAAE,MAAM,UAgCjD"}
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../../../src/components/utilities/functions.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAE,GAAG,EAAE,MAAM,oBAUpC;AAGD,wBAAgB,SAAS,CAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG;;EAmBxC;AAED,wBAAgB,wBAAwB,CAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,QAIhF;AAED,wBAAgB,aAAa,CAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAOtD;AAED,wBAAgB,WAAW,WAc1B;AAED,wBAAgB,YAAY,WAK3B;AAED,wBAAgB,UAAU,CAAE,GAAG,EAAE,MAAM,UAEtC;AAQD,wBAAgB,YAAY,CAAE,YAAY,EAAE,MAAM,UAgCjD;AAID;;;;OAII;AACJ,wBAAgB,YAAY,SAoB3B"}

package/dist/types/index.d.ts

@@ -4,7 +4,7 @@ export * from "./components/carousel/carousel.drag";
 export * from "./components/carousel/tiles";
 export * from "./components/cms/calendly";
 export * from "./components/cms/cloudinary";
-export * from "./components/cms/cloudinary.image";
+export * from "./components/cms/smartimage";
 export * from "./components/cms/contentful.delivery";
 export * from "./components/cms/contentful.management";
 export * from "./components/cms/contentful.items.components";

package/dist/types/stories/admin/contentful-migration.stories.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    title: string;
+    component: typeof ContentfulMigrationDemo;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        showSuccess: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        showError: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+declare function ContentfulMigrationDemo({ showSuccess, showError }: {
+    showSuccess?: boolean | undefined;
+    showError?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithSuccess: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithError: () => import("react/jsx-runtime").JSX.Element;
+export declare const Stage2Active: () => import("react/jsx-runtime").JSX.Element;
+export declare const Stage3Active: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=contentful-migration.stories.d.ts.map

package/dist/types/stories/admin/contentful-migration.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contentful-migration.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/admin/contentful-migration.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wBAuBE;AAuCF,iBAAS,uBAAuB,CAAC,EAAE,WAAmB,EAAE,SAAiB,EAAE;;;CAAA,2CAqT1E;AAED,eAAO,MAAM,OAAO,+CAAoC,CAAC;AAEzD,eAAO,MAAM,WAAW,+CAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAErB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAGxB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAGxB,CAAC"}

package/dist/types/stories/general/smartimage.stories.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { SmartImage, SmartImageProps } from '@/components/cms/smartimage';
+declare const _default: {
+    title: string;
+    component: typeof SmartImage;
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        src: {
+            control: string;
+            description: string;
+        };
+        alt: {
+            control: string;
+            description: string;
+        };
+        width: {
+            control: string;
+            description: string;
+        };
+        height: {
+            control: string;
+            description: string;
+        };
+        aboveFold: {
+            control: string;
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        quality: {
+            control: string;
+            min: number;
+            max: number;
+            description: string;
+        };
+        loading: {
+            control: string;
+            options: string[];
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+export declare const SmartImagePlayground: {
+    render: React.FC<SmartImageProps>;
+    args: {
+        src: string;
+        alt: string;
+        width: number;
+        height: number;
+        variant: string;
+    };
+};
+//# sourceMappingURL=smartimage.stories.d.ts.map

package/dist/types/stories/general/smartimage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smartimage.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/general/smartimage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI1E,wBA4CE;AAcF,eAAO,MAAM,oBAAoB;;;;;;;;;CAShC,CAAC"}

package/dist/types/tests/smartimage.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=smartimage.test.d.ts.map

package/dist/types/tests/smartimage.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"smartimage.test.d.ts","sourceRoot":"","sources":["../../../src/tests/smartimage.test.tsx"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelated-tech/components",
-	"version": "3.3.4",
+	"version": "3.3.5",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",

package/dist/types/components/cms/cloudinary.image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cloudinary.image.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/cloudinary.image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAmDnD,QAAA,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;CAuB1B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AACnH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkIhD;yBAlIe,UAAU"}