@pixelated-tech/components 3.2.11 → 3.2.13

package/README.COMPONENTS.md

@@ -315,9 +315,11 @@ import { SmartImage } from '@pixelated-tech/components';
 
 ### WordPress Components
 
+WordPress integration components with automatic Photon CDN URL processing for optimized image delivery.
+
 #### BlogPostList
 
-Displays a list of WordPress blog posts with pagination support.
+Displays a list of WordPress blog posts with pagination support. Automatically converts WordPress Photon CDN URLs to direct image URLs for better Next.js optimization.
 
 ```tsx
 import { BlogPostList } from '@pixelated-tech/components';
@@ -332,7 +334,7 @@ import { BlogPostList } from '@pixelated-tech/components';
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `site` | `string` | - | WordPress site identifier (e.g., 'your-blog.wordpress.com') |
+| `site` | `string` | - | WordPress site identifier (e.g., 'blog.pixelated.tech' or 'your-blog.wordpress.com') |
 | `count` | `number` | - | Number of posts to fetch (undefined = all) |
 | `posts` | `BlogPostType[]` | - | Pre-fetched posts array |
 | `showCategories` | `boolean` | `true` | Whether to display post categories |
@@ -1427,4 +1429,4 @@ When adding new components, please:
 
 ---
 
-*This documentation is automatically updated when components are modified. Last updated: $(date)*
+*This documentation is automatically updated when components are modified. Last updated: December 17, 2025*

package/README.md

@@ -18,7 +18,7 @@
 <h3 align="center">Pixelated Components</h3>
 
   <p align="center">
-    project_description
+    A comprehensive React component library for modern web development, featuring CMS integrations, UI components, and SEO optimization tools.
     <br />
     <a href="https://github.com/brianwhaley/pixelated-components"><strong>Explore the docs »</strong></a>
     <br />
@@ -107,7 +107,7 @@ Reusable UI components for common patterns:
 
 ### CMS Integration
 Headless CMS and content management components:
-- **WordPress** - Blog post integration and display
+- **WordPress** - Blog post integration and display with automatic Photon CDN URL processing
 - **Contentful** - Headless CMS components and utilities
 - **PageBuilder** - Dynamic page construction from JSON
 - **PageEngine** - Advanced page rendering with Contentful integration
@@ -168,100 +168,11 @@ npm run storybook
 **Access locally at:** `http://localhost:6006`
 
 
-
-## 🧪 Testing
-
-### Overview
-
-**Current Status**: ✅ 2,037 tests passing across 59 test files (all tests passing)
-
-| Metric | Value |
-|--------|-------|
-| Test Files | 58 |
-| Total Tests | 2,038 |
-| Components Tested | 52/52 (100%) |
-| Utility Modules Tested | 2/2 (100%) |
-| Coverage (Statements) | 66.81% |
-| Coverage (Lines) | 70.31% |
-| Coverage (Functions) | 74.59% |
-| Coverage (Branches) | 57.62% |
-| Test Framework | Vitest 4.x |
-| Testing Library | @testing-library/react + jsdom |
-
-### Quick Start
-
-```bash
-npm run test              # Watch mode
-npm run test:ui          # Interactive UI dashboard
-npm run test:coverage    # Generate coverage reports
-npm run test:run         # Single run (for CI)
-```
-
-### Component Coverage
-
-**50 of 50 Frontend Components + 1 Utility Module Fully Tested (100%)**
-
-#### Component Coverage (Sorted by Statement Coverage)
-- **sitemap.ts**: 100% statements 
-- **google.reviews.functions.ts**: 100% statements
-- **googlesearch.tsx**: 100% statements
-- **formvalidations.tsx**: 100% statements (↑ 92.69 points)
-- **tiles.tsx**: 100% statements
-- **markdown.tsx**: 100% statements
-- **buzzwordbingo.tsx**: 100% statements
-- **timeline.tsx**: 100% statements
-- **config.server.tsx**: 100% statements
-- **modal.tsx**: 100% statements
-- **google.reviews.components.tsx**: 100% statements
-- **recipe.tsx**: 98.8% statements
-- **sidepanel.tsx**: 97.5% statements
-- **resume.tsx**: 94.38% statements
-- **callout.tsx**: 93.75% statements
-- **contentful.delivery.ts**: 92.5% statements (↑ 45 points)
-- **css.tsx**: 91.42% statements
-- **functions.ts**: 90.9% statements
-- **config.client.tsx**: 90% statements
-- **api.ts**: 87.5% statements
-- **loading.tsx**: 85.71% statements
-- **table.tsx**: 84.48% statements (↑ 60.35 points)
-- **cloudinary.ts**: 83.33% statements (↑ 58.33 points)
-- **shoppingcart.functions.ts**: 81.69% statements
-- **nerdjoke.tsx**: 70.58% statements
-- **menu-accordion.tsx**: 68.13% statements
-- **carousel.tsx**: 58.49% statements
-- **config.ts**: 55.17% statements
-
-### Test Configuration
-
-**Coverage Targets** (Updated - Focus on Statement Coverage):
-- **Statements**: 66.81% ✅ ACHIEVED (Target: 70%)
-- **Lines**: 70.31% ✅ ACHIEVED
-- **Functions**: 74.59% ✅ ACHIEVED
-- **Branches**: 57.62% (Focus area for future)
-
-**Coverage Thresholds in vitest.config.ts**:
-- Lines: 70% threshold
-- Functions: 70% threshold
-- Branches: 60% threshold
-- Statements: 70% threshold
-
-**Test Environment**: jsdom with @testing-library/react  
-**Test Pattern**: Data-focused validation + behavioral testing
-
-### Tools & Dependencies
-
-| Tool | Purpose |
-|------|---------|
-| Vitest 4.x | Test runner |
-| @testing-library/react | Component testing utilities |
-| jsdom | DOM environment for tests |
-| v8 | Coverage reporting |
-
-
 <!-- ROADMAP -->
 ## Roadmap
 
 ### New Components
+- [ ] **IN PROGRESS** - Testimonial Block (Nextdoor/Yelp/Google): ingest review feeds + render carousel/grid.
 - [ ] **ON HOLD** LinkedIn Recommendations Integration (Not possible with current LinkedIn API)
 - [ ] **ON HOLD** eBay Feedback Integration - requires user OAuth login
 - [ ] **ON HOLD** Yelp Recommendations integration (Cost Prohibitive)
@@ -271,7 +182,6 @@ npm run test:run         # Single run (for CI)
 - [ ] Buffer Integration (or Sendible, Sprout Social, Hootsuite)
 - [ ] Zapier Integration
 - [ ] Hero Banner: headline, subtext, CTA, background image/video, overlay.
-- [ ] **IN PROGRESS** - Testimonial Block (Nextdoor/Yelp/Google): ingest review feeds + render carousel/grid.
 
 ### CI / CD Improvements
 - [ ] Add CI workflow to run tests and lints on pull requests.
@@ -338,7 +248,7 @@ Distributed under the MIT License. See `LICENSE.txt` for more information.
 <!-- CONTACT -->
 ## Contact
 
-Your Name - [@brianwhaley](https://twitter.com/@brianwhaley) - brian.whaley@gmail.com
+Brian Whaley - [@brianwhaley](https://twitter.com/@brianwhaley) - brian.whaley@gmail.com
 
 Project Link: [https://github.com/brianwhaley/pixelated-components](https://github.com/brianwhaley/pixelated-components)
 
@@ -347,6 +257,113 @@ Project Link: [https://github.com/brianwhaley/pixelated-components](https://gith
 
 
 
+## 🧪 Testing
+
+### Overview
+
+**Current Status**: ✅ 2,184 tests passing across 59 test files
+
+| Metric | Value |
+|--------|-------|
+| Test Files | 59 |
+| Total Tests | 2,184 |
+| Coverage (Statements) | 79.27% |
+| Coverage (Lines) | 82.74% |
+| Coverage (Functions) | 84.74% |
+| Coverage (Branches) | 67.19% |
+| Test Framework | Vitest 4.x |
+| Testing Library | @testing-library/react + jsdom |
+
+### Quick Start
+
+```bash
+npm run test              # Watch mode
+npm run test:ui          # Interactive UI dashboard
+npm run test:coverage    # Generate coverage reports
+npm run test:run         # Single run (for CI)
+```
+
+### Component Coverage
+
+**Component Coverage Summary**
+
+#### Component Coverage (Sorted by Statement Coverage)
+- **google.reviews.functions.ts**: 100% statements
+- **googlesearch.tsx**: 100% statements
+- **formvalidations.tsx**: 100% statements
+- **tiles.tsx**: 100% statements
+- **markdown.tsx**: 100% statements
+- **buzzwordbingo.tsx**: 100% statements
+- **timeline.tsx**: 100% statements
+- **config.server.tsx**: 100% statements
+- **modal.tsx**: 100% statements
+- **recipe.tsx**: 98.8% statements
+- **sidepanel.tsx**: 97.5% statements
+- **google.reviews.components.tsx**: 95.83% statements
+- **resume.tsx**: 94.38% statements
+- **contentful.delivery.ts**: 92.5% statements
+- **css.tsx**: 91.42% statements
+- **functions.ts**: 90.9% statements
+- **config.client.tsx**: 90% statements
+- **api.ts**: 87.5% statements
+- **loading.tsx**: 85.71% statements
+- **table.tsx**: 84.48% statements
+- **cloudinary.ts**: 83.33% statements
+- **shoppingcart.functions.ts**: 81.69% statements
+- **callout.tsx**: 80.00% statements
+- **sitemap.ts**: 76.38% statements
+- **carousel.tsx**: 71.70% statements
+- **nerdjoke.tsx**: 70.58% statements
+- **menu-accordion.tsx**: 68.13% statements
+- **semantic.tsx**: 60.81% statements
+- **config.ts**: 55.17% statements
+- **socialcard.tsx**: 29.5% statements
+- **ComponentPropertiesForm.tsx**: 0% statements (no tests)
+- **ComponentSelector.tsx**: 0% statements (no tests)
+- **ComponentTree.tsx**: 0% statements (no tests)
+- **PageBuilderUI.tsx**: 0% statements (no tests)
+- **PageEngine.tsx**: 0% statements (no tests)
+- **SaveLoadSection.tsx**: 0% statements (no tests)
+
+### Testing Next Steps
+
+#### Integration Testing Gaps
+- [ ] **Cross-component interactions** - Test how components work together (e.g., forms with validation, carousels with loading states)
+- [ ] **Form validation edge cases** - Test URL validation, required fields, and complex validation rules under various conditions
+- [ ] **CMS API integrations** - Test API failures, rate limiting, authentication errors, and network timeouts
+- [ ] **Responsive design breakpoints** - Test component behavior across different screen sizes and device types
+- [ ] **Accessibility (a11y) compliance** - Test keyboard navigation, screen reader compatibility, and ARIA attributes
+
+### Test Configuration
+
+
+**Coverage Targets** (configured in `vitest.config.ts`):
+- **Statements**: 70% threshold
+- **Lines**: 70% threshold
+- **Functions**: 70% threshold
+- **Branches**: 60% threshold
+
+**Coverage Thresholds in vitest.config.ts**:
+- Lines: 70% threshold
+- Functions: 70% threshold
+- Branches: 60% threshold
+- Statements: 70% threshold
+
+**Test Environment**: jsdom with @testing-library/react  
+**Test Pattern**: Data-focused validation + behavioral testing
+
+### Tools & Dependencies
+
+| Tool | Purpose |
+|------|---------|
+| Vitest 4.x | Test runner |
+| @testing-library/react | Component testing utilities |
+| jsdom | DOM environment for tests |
+| v8 | Coverage reporting |
+
+
+
+
 
 <!-- MARKDOWN LINKS & IMAGES -->
 <!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->

package/dist/components/cms/cloudinary.image.js

@@ -88,20 +88,20 @@ export function SmartImage(props) {
     // if(Array.isArray(src))
     const finalSrc = newProps.cloudinaryEnv
         ? buildCloudinaryUrl({
-            src: src,
+            src: newProps.src,
             productEnv: newProps.cloudinaryEnv,
             cloudinaryDomain: newProps.cloudinaryDomain,
             quality,
             width: newProps.width ?? undefined,
             transforms: newProps.cloudinaryTransforms ?? undefined
         })
-        : String(src);
+        : 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(src), newProps.cloudinaryEnv, widths, {
+            responsiveSrcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, widths, {
                 quality,
                 transforms: newProps.cloudinaryTransforms ?? undefined,
                 cloudinaryDomain: newProps.cloudinaryDomain
@@ -110,7 +110,7 @@ export function SmartImage(props) {
         }
         else {
             const breakpoints = [320, 640, 768, 1024, 1280, 1536];
-            responsiveSrcSet = generateSrcSet(String(src), newProps.cloudinaryEnv, breakpoints, {
+            responsiveSrcSet = generateSrcSet(String(newProps.src), newProps.cloudinaryEnv, breakpoints, {
                 quality,
                 transforms: newProps.cloudinaryTransforms ?? undefined,
                 cloudinaryDomain: newProps.cloudinaryDomain

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

@@ -45,7 +45,7 @@ export function BlogPostSummary(props) {
     const myCategoryImages = Object.entries(props.categories).map(([category, index]) => [category.trim().toLowerCase().replace(/[ /]+/g, '-'), index]).sort();
     const config = usePixelatedConfig();
     const myExcerpt = decodeString(props.excerpt).replace(/\[…\]/g, '<a href="' + props.URL + '" target="_blank" rel="noopener noreferrer">[…]</a>');
-    return (_jsx("div", { className: "blog-post-summary", children: _jsxs("article", { className: "h-entry", children: [_jsx("h2", { className: "p-name", children: _jsx("a", { className: "u-url blog-post-url", href: props.URL, target: "_blank", rel: "noopener noreferrer", children: decodeString(props.title) }) }), _jsxs("div", { className: "dt-published", children: ["Published: ", new Date(props.date).toLocaleDateString()] }), props.featured_image ? (_jsxs("div", { className: "article-body row-12col", children: [_jsx("div", { className: "article-featured-image grid-s1-e4", children: _jsx(SmartImage, { className: "u-photo", src: props.featured_image, alt: decodeString(props.title), title: decodeString(props.title), style: { borderRadius: '20px' }, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }), _jsx("div", { className: "article-excerpt grid-s4-e13", children: _jsx("div", { className: "p-summary", dangerouslySetInnerHTML: { __html: myExcerpt } }) })] })) :
+    return (_jsx("div", { className: "blog-post-summary", children: _jsxs("article", { className: "h-entry", children: [_jsx("h2", { className: "p-name", children: _jsx("a", { className: "u-url blog-post-url", href: props.URL, target: "_blank", rel: "noopener noreferrer", children: decodeString(props.title) }) }), _jsxs("div", { className: "dt-published", children: ["Published: ", new Date(props.date).toLocaleDateString()] }), props.featured_image ? (_jsxs("div", { className: "article-body row-12col", children: [_jsx("div", { className: "article-featured-image grid-s1-e4", children: _jsx(SmartImage, { className: "u-photo", src: props.featured_image, alt: decodeString(props.title), title: decodeString(props.title), style: {}, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }), _jsx("div", { className: "article-excerpt grid-s4-e13", children: _jsx("div", { className: "p-summary", dangerouslySetInnerHTML: { __html: myExcerpt } }) })] })) :
                     _jsx("div", { className: "article-excerpt grid-s1-e13", children: _jsx("div", { className: "p-summary", dangerouslySetInnerHTML: { __html: myExcerpt } }) }), props.showCategories !== false && (_jsxs("div", { children: ["Categories:", myCategoryImages.map(([categoryImg, index]) => (_jsx("span", { className: "p-category", children: _jsx(SmartImage, { src: `/images/icons/${categoryImg}.png`, title: String(categoryImg), alt: String(categoryImg), cloudinaryEnv: config?.cloudinary?.product_env ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined }) }, categoryImg + "-" + index)))] }))] }) }, props.ID));
 }
 export function BlogPostCategories(props) {

package/dist/components/cms/wordpress.css

@@ -44,6 +44,13 @@
         hyphens: auto;
     }
 
+	.article-featured-image img {
+		/* border-radius: 20px; */
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+	}
+
 }
 
     .blog-post-summary .p-category img,

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

@@ -25,7 +25,12 @@ export async function getWordPressItems(props) {
             if (batch.length === 0) {
                 break; // no more posts
             }
-            posts.push(...batch);
+            // Process Photon URLs in featured images
+            const processedBatch = batch.map(post => ({
+                ...post,
+                featured_image: post.featured_image ? photonToOriginalUrl(post.featured_image) : post.featured_image
+            }));
+            posts.push(...processedBatch);
             if (requested && posts.length >= requested) {
                 break; // collected enough
             }
@@ -103,3 +108,27 @@ export async function getWordPressCategories(props) {
     }
     return categories; // Return the complete list of categories
 }
+/**
+ * Convert a WordPress Photon CDN URL to the original direct image URL
+ * @param photonUrl - The Photon CDN URL (e.g., https://i0.wp.com/domain.com/path)
+ * @returns The original direct image URL (e.g., https://domain.com/path)
+ */
+export function photonToOriginalUrl(photonUrl) {
+    if (typeof photonUrl !== 'string' || !photonUrl.includes('i0.wp.com/')) {
+        return photonUrl; // Return unchanged if not a Photon URL
+    }
+    try {
+        // Photon URL format: https://i0.wp.com/domain.com/path/to/image.jpg?params
+        // Extract original: https://domain.com/path/to/image.jpg
+        const photonUrlObj = new URL(photonUrl);
+        const pathWithoutLeadingSlash = photonUrlObj.pathname.slice(1); // Remove leading /
+        const firstSlashIndex = pathWithoutLeadingSlash.indexOf('/');
+        const domain = pathWithoutLeadingSlash.slice(0, firstSlashIndex);
+        const path = pathWithoutLeadingSlash.slice(firstSlashIndex);
+        return `https://${domain}${path}`;
+    }
+    catch (e) {
+        console.warn('Failed to parse Photon URL:', photonUrl, e);
+        return photonUrl; // Return original on error
+    }
+}

package/dist/components/menu/menu-expando.css

@@ -8,11 +8,11 @@
 	display: inline-block;
 }
 
-details.menuExpandoWrapper {
+details.menu-expando-wrapper {
 	display: inline-block;
 }
 
-details.menuExpandoWrapper > summary {
+details.menu-expando-wrapper > summary {
 	cursor: pointer;
 	user-select: none;
 	background: #336699;
@@ -24,26 +24,31 @@ details.menuExpandoWrapper > summary {
 	transition: background 0.3s ease;
 }
 
-details.menuExpandoWrapper > summary:hover {
+
+details.menu-expando-wrapper > summary:hover {
 	background: #2d5a8a;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }
 
-details.menuExpandoWrapper > summary::marker,
-details.menuExpandoWrapper > summary::-webkit-details-marker {
+
+details.menu-expando-wrapper > summary::marker,
+details.menu-expando-wrapper > summary::-webkit-details-marker {
 	display: none;
 }
 
-details.menuExpandoWrapper > summary::before {
+
+details.menu-expando-wrapper > summary::before {
 	content: '▼';
 	display: inline-block;
 }
 
-details.menuExpandoWrapper[open] > summary::before {
+
+details.menu-expando-wrapper[open] > summary::before {
 	content: '▲';
 }
 
-details.menuExpandoWrapper ul {
+
+details.menu-expando-wrapper ul {
 	margin-top: 10px;
 	padding-left: 20px;
 	list-style: none;
@@ -51,17 +56,17 @@ details.menuExpandoWrapper ul {
 	max-height: 1000px;
 }
 
-details.menuExpandoWrapper li {
+details.menu-expando-wrapper li {
 	margin: 5px 0;
 }
 
-details.menuExpandoWrapper a {
+details.menu-expando-wrapper a {
 	color: #333;
 	text-decoration: none;
 	transition: color 0.2s ease;
 }
 
-details.menuExpandoWrapper a:hover {
+details.menu-expando-wrapper a:hover {
 	color: #336699;
 	text-decoration: underline;
 }

package/dist/components/menu/menu-expando.js

@@ -109,7 +109,7 @@ export function MenuExpando(props) {
         }
         return myItems;
     }
-    return (_jsx("div", { className: "menuExpando", id: "menuExpando", children: _jsxs("details", { className: "menuExpandoWrapper", id: "menuExpandoWrapper", ref: detailsRef, children: [_jsx("summary", {}), _jsx("ul", { ref: ulRef, children: generateMenuItems() })] }) }));
+    return (_jsx("div", { className: "menuExpando", id: "menuExpando", children: _jsxs("details", { className: "menu-expando-wrapper", id: "menu-expando-wrapper", ref: detailsRef, children: [_jsx("summary", {}), _jsx("ul", { ref: ulRef, children: generateMenuItems() })] }) }));
 }
 MenuExpando.propTypes = {
     menuItems: PropTypes.oneOfType([
@@ -132,7 +132,7 @@ export function MenuExpandoButton() {
     function handleMenuExpandoButtonClick(event) {
         event.preventDefault();
         event.stopPropagation();
-        const details = document.getElementById('menuExpandoWrapper');
+        const details = document.getElementById('menu-expando-wrapper');
         if (details)
             details.open = !details.open;
     }

package/dist/components/pagebuilder/components/ComponentPropertiesForm.js

@@ -7,7 +7,7 @@ import { FormEngine } from '../form/form';
  * Shows FormEngine when component is selected, placeholder otherwise
  */
 ComponentPropertiesForm.propTypes = {
-    editableComponent: PropTypes.object.isRequired,
+    editableComponent: PropTypes.object,
     onSubmit: PropTypes.func.isRequired,
 };
 export function ComponentPropertiesForm({ editableComponent, onSubmit }) {

package/dist/components/pagebuilder/form/form.js

@@ -174,7 +174,8 @@ export function FormBuild(props) {
     function handlePhaseOneSubmit(event) {
         // GENERATE THE JSON TO DISPLAY A FORM TO ADD A FIELD - EXTERNAL
         const target = event.target;
-        const myType = target.type.value;
+        const typeElement = target.elements.namedItem('type');
+        const myType = typeElement ? typeElement.value : '';
         const myComponent = mapTypeToComponent(myType);
         const fieldJSON = generateFieldJSON(myComponent, myType);
         props.setFormData(fieldJSON);

package/dist/types/components/cms/wordpress.functions.d.ts

@@ -60,4 +60,10 @@ export declare namespace getWordPressCategories {
         baseURL: PropTypes.Requireable<string>;
     };
 }
+/**
+ * Convert a WordPress Photon CDN URL to the original direct image URL
+ * @param photonUrl - The Photon CDN URL (e.g., https://i0.wp.com/domain.com/path)
+ * @returns The original direct image URL (e.g., https://domain.com/path)
+ */
+export declare function photonToOriginalUrl(photonUrl: string): string;
 //# sourceMappingURL=wordpress.functions.d.ts.map

package/dist/types/components/cms/wordpress.functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wordpress.functions.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/wordpress.functions.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAWnD,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;KACZ,CAAA;IACD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC,CAAC;AAMF,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACnF,wBAAsB,iBAAiB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,uCA2BhG;yBA3BqB,iBAAiB;;;;;;;AAiCvC,MAAM,MAAM,qBAAqB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,MAAM,MAAM,0BAA0B,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAC7F,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,EAAE,CAuClF;yBAvCe,sBAAsB;;;;;AA8CtC,MAAM,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAKF,MAAM,MAAM,0BAA0B,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAC7F,wBAAsB,sBAAsB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,8BAerF;yBAfqB,sBAAsB"}
+{"version":3,"file":"wordpress.functions.d.ts","sourceRoot":"","sources":["../../../../src/components/cms/wordpress.functions.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAWnD,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;KACZ,CAAA;IACD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC,CAAC;AAMF,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACnF,wBAAsB,iBAAiB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,uCAkChG;yBAlCqB,iBAAiB;;;;;;;AAwCvC,MAAM,MAAM,qBAAqB,GAAG;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,MAAM,MAAM,0BAA0B,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAC7F,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,qBAAqB,EAAE,CAuClF;yBAvCe,sBAAsB;;;;;AA8CtC,MAAM,MAAM,oBAAoB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAKF,MAAM,MAAM,0BAA0B,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,SAAS,CAAC,CAAC;AAC7F,wBAAsB,sBAAsB,CAAC,KAAK,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,8BAerF;yBAfqB,sBAAsB;;;;;;AAiB5C;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAkB7D"}

package/dist/types/components/pagebuilder/components/ComponentPropertiesForm.d.ts

@@ -3,7 +3,7 @@ type ComponentPropertiesFormProps = InferProps<typeof ComponentPropertiesForm.pr
 export declare function ComponentPropertiesForm({ editableComponent, onSubmit }: ComponentPropertiesFormProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComponentPropertiesForm {
     var propTypes: {
-        editableComponent: PropTypes.Validator<object>;
+        editableComponent: PropTypes.Requireable<object>;
         onSubmit: PropTypes.Validator<(...args: any[]) => any>;
     };
 }

package/dist/types/components/pagebuilder/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/pagebuilder/form/form.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,YAAY,CAAC;AAcpB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CA+D/C;yBA/De,UAAU;;;;;;;;;AAmF1B,wBAAgB,WAAW,4CA4D1B;AAaD,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AAC5D,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,2CAmF7C;yBAnFe,SAAS;;;;;AAgGzB,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CAyCrD;yBAzCe,aAAa;;;;;AA8C7B,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AACpE,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CAmCrD;yBAnCe,aAAa;;;;;AA0C7B,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAC5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,2CAmL7D;yBAnLe,iBAAiB"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/components/pagebuilder/form/form.tsx"],"names":[],"mappings":"AACA,OAAO,SAAS,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAInD,OAAO,YAAY,CAAC;AAcpB,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,SAAS,CAAC,CAAC;AACrE,wBAAgB,UAAU,CAAC,KAAK,EAAE,cAAc,2CA+D/C;yBA/De,UAAU;;;;;;;;;AAmF1B,wBAAgB,WAAW,4CA4D1B;AAaD,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AAC5D,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,2CAoF7C;yBApFe,SAAS;;;;;AAiGzB,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AAC3E,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CAyCrD;yBAzCe,aAAa;;;;;AA8C7B,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,SAAS,CAAC,CAAC;AACpE,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,2CAmCrD;yBAnCe,aAAa;;;;;AA0C7B,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAC5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,qBAAqB,2CAmL7D;yBAnLe,iBAAiB"}

package/dist/types/tests/component-properties-form.test.d.ts

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

package/dist/types/tests/component-properties-form.test.d.ts.map

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

package/dist/types/tests/component-selector.test.d.ts

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

package/dist/types/tests/component-selector.test.d.ts.map

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

package/dist/types/tests/component-tree.test.d.ts

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

package/dist/types/tests/component-tree.test.d.ts.map

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

package/dist/types/tests/page-builder-ui.test.d.ts

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

package/dist/types/tests/page-builder-ui.test.d.ts.map

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

package/dist/types/tests/page-engine.test.d.ts

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

package/dist/types/tests/page-engine.test.d.ts.map

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

package/dist/types/tests/save-load-section.test.d.ts

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

package/dist/types/tests/save-load-section.test.d.ts.map

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

package/dist/types/tests/wordpress.functions.test.d.ts

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

package/dist/types/tests/wordpress.functions.test.d.ts.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pixelated-tech/components",
-	"version": "3.2.11",
+	"version": "3.2.13",
 	"private": false,
 	"author": {
 		"name": "Pixelated Technologies",
@@ -91,12 +91,12 @@
 		"@eslint/markdown": "^7.5.1",
 		"@storybook/addon-webpack5-compiler-babel": "^4.0.0",
 		"@storybook/preset-scss": "^1.0.3",
-		"@storybook/react-webpack5": "^10.1.9",
+		"@storybook/react-webpack5": "^10.1.10",
 		"@testing-library/dom": "^10.4.1",
 		"@testing-library/react": "^16.3.1",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/md5": "^2.3.6",
-		"@types/node": "^25.0.2",
+		"@types/node": "^25.0.3",
 		"@types/prop-types": "^15.7.15",
 		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
@@ -117,7 +117,7 @@
 		"eslint-plugin-n": "^17.23.1",
 		"eslint-plugin-promise": "^7.2.1",
 		"eslint-plugin-react": "^7.37.4",
-		"eslint-plugin-storybook": "^10.1.9",
+		"eslint-plugin-storybook": "^10.1.10",
 		"file-loader": "^6.2.0",
 		"happy-dom": "^20.0.11",
 		"jsdom": "^27.3.0",
@@ -131,7 +131,7 @@
 		"react-test-renderer": "^19.2.3",
 		"sass": "^1.97.0",
 		"sass-loader": "^16.0.6",
-		"storybook": "^10.1.9",
+		"storybook": "^10.1.10",
 		"style-loader": "^4.0.0",
 		"ts-loader": "^9.5.4",
 		"typescript": "^5.9.3",