@pixelated-tech/components 3.11.3 → 3.11.5

package/dist/components/admin/site-health/site-health-axe-core.integration.js

@@ -2,6 +2,7 @@
 import puppeteer from 'puppeteer';
 import fs from 'fs';
 import path from 'path';
+import { getFullPixelatedConfig } from '../../config/config';
 const debug = false;
 export async function performAxeCoreAnalysis(url, runtime_env = 'auto') {
     try {
@@ -66,7 +67,6 @@ export async function performAxeCoreAnalysis(url, runtime_env = 'auto') {
         };
     }
 }
-import { getFullPixelatedConfig } from '../../config/config';
 /**
  * runAxeCoreAnalysis(url, runtime_env)
  *

package/dist/components/admin/site-health/site-health-github.integration.js

@@ -1,7 +1,6 @@
 "use server";
 import { getFullPixelatedConfig } from '../../config/config';
 import path from 'path';
-// Version extraction: we derive a version from commit messages (e.g., v1.2.3) instead of fetching tags and fuzzy-matching.
 // Debug logging is off by default. Set to true/false here (do not use env vars).
 const debug = false;
 /**

package/dist/components/general/global-error.css

@@ -0,0 +1,41 @@
+/* Canonical styles for the Global Error boundary — componentized and shipped with the library */
+:root {
+  --ge-bg: linear-gradient(180deg,#fff,#f7f7fb);
+  --ge-foreground: #111;
+  --ge-muted: #889;
+  --ge-panel: #0b0b0b;
+  --ge-panel-ink: #e6e6e6;
+  --ge-radius: 8px;
+  --ge-gap: 12px;
+  --ge-max: 720px;
+}
+
+.global-error {
+  min-height: 80vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3rem;
+  background: var(--ge-bg);
+  color: var(--ge-foreground);
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
+}
+
+.ge-inner {
+  max-width: var(--ge-max);
+  width: 100%;
+  text-align: center;
+}
+
+.ge-title { margin: 0; font-size: 1.75rem; }
+.ge-lead { color: #334; margin-top: 0.75rem; }
+
+.ge-actions { display: flex; gap: var(--ge-gap); justify-content: center; margin-top: 20px; flex-wrap: wrap; }
+.ge-btn { border-radius: var(--ge-radius); padding: 0.6rem 1rem; cursor: pointer; border: none; background: transparent; }
+.ge-btn--primary { background: var(--ge-foreground); color: #fff; }
+.ge-link { color: var(--ge-foreground); text-decoration: underline; align-self: center; }
+.ge-toggle { background: transparent; border: 1px solid #ddd; padding: 0.5rem 0.85rem; border-radius: var(--ge-radius); }
+
+.ge-details { text-align: left; margin-top: 20px; padding: 16px; background: var(--ge-panel); color: var(--ge-panel-ink); border-radius: var(--ge-radius); overflow: auto; white-space: pre-wrap; }
+.ge-note { margin-top: 18px; color: var(--ge-muted); }
+.ge-unavailable { color: #666; align-self: center; }

package/dist/components/general/global-error.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import PropTypes from 'prop-types';
+import './global-error.css';
+GlobalError.propTypes = {
+    error: PropTypes.any,
+    reset: PropTypes.func,
+    siteInfo: PropTypes.object,
+    className: PropTypes.string,
+};
+export function GlobalError({ error = null, reset, siteInfo, className = '' }) {
+    const [showDetails, setShowDetails] = useState(false);
+    const si = siteInfo;
+    const contactHref = typeof si?.email === 'string'
+        ? `mailto:${si.email}`
+        : undefined;
+    return (_jsx("main", { role: "alert", "aria-live": "polite", className: `global-error ${className}`, children: _jsxs("div", { className: "ge-inner", children: [_jsx("h1", { className: "ge-title", children: "Something went wrong" }), _jsx("p", { className: "ge-lead", children: "We encountered an unexpected error. Please try again or contact the site maintainer." }), _jsxs("div", { className: "ge-actions", children: [_jsx("button", { onClick: () => reset?.(), className: "ge-btn ge-btn--primary", children: "Try again" }), contactHref ? (_jsx("a", { href: contactHref, rel: "noopener noreferrer", className: "ge-link", children: "Contact support" })) : (_jsx("span", { className: "ge-unavailable", children: "Contact info unavailable" })), _jsx("button", { onClick: () => setShowDetails(s => !s), "aria-pressed": showDetails, className: "ge-btn ge-toggle", children: showDetails ? 'Hide details' : 'Show details' })] }), showDetails && (_jsxs("pre", { "data-testid": "error-details", className: "ge-details", children: [String(error?.message ?? 'Unknown error'), '\n', error?.stack ?? ''] })), _jsx("p", { className: "ge-note", children: "If this keeps happening, please file an issue or reach out to the maintainer." })] }) }));
+}

package/dist/components/general/skeleton-loading.css

@@ -0,0 +1,97 @@
+/* Page-level loading / skeleton-loading styles
+   NOTE: this is the canonical stylesheet for the app-level loading UI and
+   should be consumed via the `SkeletonLoading` component in this package. */
+
+.loading-page {
+	min-height: 100vh;
+	display: flex;
+	align-items: flex-start;
+	justify-content: center;
+	padding: clamp(0, 3vw, 3rem);
+	background: var(--bg, #fff);
+}
+
+.loading-container {
+	width: 100%;
+	max-width: 72rem;
+	display: block;
+	gap: 2rem;
+}
+
+.visually-hidden {
+	position: absolute !important;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: -1px;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	white-space: nowrap;
+	border: 0;
+}
+
+.hero {
+	display: block;
+	gap: 1.5rem;
+	padding: 0;
+}
+
+.hero-row {
+	display: flex;
+	gap: 1rem;
+	align-items: center
+}
+
+.hero-avatar-wrap {
+	width: 6rem
+}
+
+.hero-meta {
+	display: block;
+	gap: .75rem
+}
+
+.cards-grid {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 1.5rem
+}
+
+@media(min-width:640px) {
+	.cards-grid {
+		grid-template-columns: repeat(2, 1fr)
+	}
+}
+
+@media(min-width:1024px) {
+	.cards-grid {
+		grid-template-columns: repeat(3, 1fr)
+	}
+}
+
+.card-skeleton {
+	padding: 1rem;
+	border-radius: .5rem;
+	border: 1px solid rgba(17, 24, 39, 0.06);
+	background: transparent
+}
+
+.card-row {
+	display: flex;
+	gap: 1rem;
+	align-items: flex-start
+}
+
+.card-body {
+	flex: 1 1 0%
+}
+
+.card-body-extra {
+	margin-top: .75rem
+}
+
+/* keep a11y focus rules here */
+:focus {
+	outline: 3px solid Highlight;
+	outline-offset: 2px
+}

package/dist/components/general/skeleton-loading.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { ToggleLoading } from './loading';
+import { Skeleton } from './skeleton';
+import './skeleton-loading.css';
+SkeletonLoading.propTypes = {
+    heroHeight: PropTypes.number,
+    cardCount: PropTypes.number,
+    className: PropTypes.string,
+};
+export function SkeletonLoading({ heroHeight = 220, cardCount = 6, className = '' }) {
+    useEffect(() => {
+        // Keep the app-level ToggleLoading behavior for global spinner consumers
+        try {
+            ToggleLoading({ show: true });
+        }
+        catch (e) {
+            // defensive: ToggleLoading is best-effort
+        }
+    }, []);
+    const count = Math.max(0, Number(cardCount || 0));
+    return (_jsx("main", { className: `loading-page ${className}`, children: _jsxs("div", { className: "loading-container", children: [_jsx("div", { className: "visually-hidden", role: "status", "aria-live": "polite", children: "Loading\u2026" }), _jsx("section", { id: "hero-loading", "aria-hidden": true, className: "hero", children: _jsx(Skeleton, { variant: "rect", height: heroHeight }) }), _jsx("section", { id: "cards-loading", className: "cards-grid", "aria-hidden": true, children: Array.from({ length: count }).map((_, i) => (_jsx("article", { className: "card-skeleton", children: _jsxs("div", { className: "card-row", children: [_jsx(Skeleton, { variant: "avatar" }), _jsxs("div", { className: "card-body", children: [_jsx(Skeleton, { lines: 2 }), _jsx("div", { className: "card-body-extra", children: _jsx(Skeleton, { lines: 3, width: "90%" }) })] })] }) }, i))) })] }) }));
+}
+export default SkeletonLoading;

package/dist/components/general/skeleton.css

@@ -0,0 +1,48 @@
+/* Token defaults removed — values have been inlined to make this file self-contained */
+
+/* Skeleton primitive styles (shared component) */
+.skeleton {
+  background-color: #e6e6e6;
+  border-radius: .5rem;
+  display: block;
+  min-height: 0;
+}
+
+.skeleton--animated {
+  animation: pulse 1.5s ease-in-out infinite;
+}
+
+.skeleton--avatar {
+  width: 3rem;
+  height: 3rem;
+  border-radius: 9999px;
+  display: inline-block;
+}
+
+.skeleton--rect {
+  display: block;
+  width: 100%;
+  height: 160px;
+  border-radius: .5rem;
+}
+
+.skeleton-text {
+  display: block;
+  width: 100%;
+}
+
+.skeleton-line {
+  height: 1rem;
+  display: block;
+  margin-top: .5rem;
+}
+
+@keyframes pulse {
+  0% { opacity: 1 }
+  50% { opacity: .5 }
+  100% { opacity: 1 }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skeleton--animated { animation: none }
+}

package/dist/components/general/skeleton.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import './skeleton.css';
+Skeleton.propTypes = {
+    variant: PropTypes.oneOf(['text', 'rect', 'avatar']),
+    lines: PropTypes.number,
+    width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    animated: PropTypes.bool,
+};
+export function Skeleton({ variant = 'text', lines = 1, width, height, animated = true, }) {
+    const base = `skeleton ${animated ? 'skeleton--animated' : ''}`;
+    if (variant === 'avatar') {
+        const avatarStyle = width != null || height != null ? { ...(width != null ? { width } : {}), ...(height != null ? { height } : {}) } : undefined;
+        return _jsx("div", { "aria-hidden": "true", className: `${base} skeleton--avatar`, style: avatarStyle });
+    }
+    if (variant === 'rect') {
+        return (_jsx("div", { "aria-hidden": "true", className: `${base} skeleton--rect`, style: { width: width ?? '100%', height: height ?? 160 } }));
+    }
+    return (_jsx("div", { "aria-hidden": "true", className: "skeleton-text", children: Array.from({ length: Math.max(1, Number(lines || 1)) }).map((_, i) => (_jsx("div", { className: base + ' skeleton-line', style: { width: typeof width === 'number' ? `${width}%` : (width ?? (i === (lines || 1) - 1 ? '60%' : '100%')) } }, i))) }));
+}

package/dist/components/general/tiles.css

@@ -11,12 +11,9 @@
 }
 
 .tile-image {
-    position: relative;
-    aspect-ratio: 1;
     border: 2px solid #CCC;
     /* border-radius: 20px; */
     overflow: hidden;
-    margin: 10px;
 }
 
 .tile-image.clickable { 
@@ -26,23 +23,11 @@
 .tile-image img {
     width: 100%;
     height: 100% !important;
-    position: relative;
-    display: inline-block;
     align-self: start;
     object-fit: cover;
 }
 
 .tile-image-overlay {
-    visibility: hidden;
-    position: absolute;
-    width: 0%;
-    height: 100%;
-    bottom: 0;
-    left: 0;
-    display: inline-block;
-    background: rgba(51, 102, 153, .7);
-    transition: all 0.25s ease-in-out;
-    /* All other styling - see example */
     img {
         vertical-align: top; /* Default is baseline, this fixes a common alignment issue */
     }
@@ -54,27 +39,10 @@
 	cursor: pointer;
 }
 
-.tile-image:hover .tile-image-overlay {
-    visibility: visible;
-    width: 100% !important;
-}
-
 .tile-image-overlay-text {
-    position: absolute;
     padding: 20px;
-    left: 0;
-    bottom: 0;
-    color: white;
     font-size: 20px;
     font-weight: bold;
-    visibility: hidden;
-    transition: visibility 0s ease-in-out;
-    transition-delay: 0s; 
-}
-
-.tile-image:hover .tile-image-overlay-text {
-    visibility: visible;
-    transition-delay: 0.25s; 
 }
 
 .tile-image-overlay-title {
@@ -85,3 +53,135 @@
     font-size: 16px;
     font-weight: initial;
 }
+
+
+
+
+/* ====== OVERLAY VARIANT (CSS-only) ======
+   - Applied by adding `variant="overlay"` to <Tiles/> (adds `.overlay` to each `.tile`)
+*/
+
+.tile.overlay {
+
+	.tile-image {
+		position: relative;
+		aspect-ratio: 1;
+		margin: 10px;
+	}
+
+	.tile-image img {
+		width: 100%;
+		height: 100% !important;
+		position: relative;
+		display: inline-block;
+		align-self: start;
+		object-fit: cover;
+	}
+
+	.tile-image-overlay {
+		visibility: hidden;
+		position: absolute;
+		width: 0%;
+		height: 100%;
+		bottom: 0;
+		left: 0;
+		display: inline-block;
+		background: rgba(51, 102, 153, .7);
+		transition: all 0.25s ease-in-out;
+		/* All other styling - see example */
+		img {
+			vertical-align: top; /* Default is baseline, this fixes a common alignment issue */
+		}
+	}
+
+	.tile-image:hover .tile-image-overlay {
+		visibility: visible;
+		width: 100% !important;
+	}
+
+	.tile-image-overlay-text {
+		position: absolute;
+		padding: 20px;
+		left: 0;
+		bottom: 0;
+		color: white;
+		font-size: 20px;
+		font-weight: bold;
+		visibility: hidden;
+		transition: visibility 0s ease-in-out;
+		transition-delay: 0s; 
+	}
+
+	.tile-image:hover .tile-image-overlay-text {
+		visibility: visible;
+		transition-delay: 0.25s; 
+	}
+
+	.tile-image-overlay-title {
+		margin-bottom: 10px;
+	}
+
+	.tile-image-overlay-body{
+		font-size: 16px;
+		font-weight: initial;
+	}
+}
+
+
+
+
+
+
+/* ====== CAPTION VARIANT (CSS-only) ======
+   - Applied by adding `variant="caption"` to <Tiles/> (adds `.caption` to each `.tile`)
+*/
+.tile.caption {
+	* { 
+		visibility: visible;
+		display: block;
+		position: relative;
+	}
+
+	.tile-image {
+		aspect-ratio: auto;
+		border-radius: 10px;
+	}
+
+	.tile-image img {
+		width: 100%;
+    	height: 100% !important;
+		align-self: start;
+		object-fit: cover;
+		aspect-ratio: 1;
+	}
+
+	.tile-image-overlay {
+		background-color: #EEEEEE;
+		height: 100px !important;
+	}
+
+	.tile-image-overlay, 
+	.tile-image-overlay * {
+		width: 100% !important;
+		height: auto;
+		transition: none;
+	}
+
+	.tile-image-overlay-title {
+		margin-bottom: 0px;
+		color: black;
+	}
+
+	.tile-image-overlay-text {
+		transition: none;
+		color: black;
+		padding: 10px;
+	}
+
+	.tile-image-overlay-body{
+		font-size: var(--font-size-base);
+		font-weight: bold;
+		color: black;
+	}
+
+}

package/dist/components/general/tiles.js

@@ -6,15 +6,21 @@ import { SmartImage } from "./smartimage";
 import { usePixelatedConfig } from '../config/config.client';
 import "../../css/pixelated.grid.scss";
 import "./tiles.css";
+export const TilesVariants = ['caption', 'overlay'];
 Tiles.propTypes = {
     cards: PropTypes.array.isRequired,
     rowCount: PropTypes.number,
     imgClick: PropTypes.func,
+    /**
+     * Optional visual variant. Allowed values are enumerated so consumers get
+     * a discoverable, typed API.
+     */
+    variant: PropTypes.oneOf(TilesVariants),
 };
 export function Tiles(props) {
     const rowCount = props.rowCount ?? 2;
     if (props.cards && props.cards.length > 0) {
-        return (_jsx("div", { className: "tiles-container", children: _jsx("div", { className: `tile-container row-${rowCount}col`, children: props.cards.map((card, i) => (_jsx("div", { className: "gridItem", children: _jsx(Tile, { index: i, cardLength: props.cards.length, link: card.link, image: card.image, imageAlt: card.imageAlt, bodyText: card.bodyText, imgClick: props.imgClick }) }, i))) }) }));
+        return (_jsx("div", { className: "tiles-container", children: _jsx("div", { className: `tile-container row-${rowCount}col`, children: props.cards.map((card, i) => (_jsx("div", { className: "gridItem", children: _jsx(Tile, { index: i, cardLength: props.cards.length, link: card.link, image: card.image, imageAlt: card.imageAlt, bodyText: card.bodyText, imgClick: props.imgClick, variant: (props.variant ?? "overlay") }) }, i))) }) }));
     }
     else {
         return (_jsx(Loading, {}));
@@ -29,12 +35,16 @@ Tile.propTypes = {
     imageAlt: PropTypes.string,
     bodyText: PropTypes.string,
     imgClick: PropTypes.func,
+    /** 'caption' - visual caption beneath image (prefers bodyText, falls back to imageAlt) */
+    variant: PropTypes.oneOf(TilesVariants),
 };
 function Tile(props) {
     const config = usePixelatedConfig();
     const imgClick = props.imgClick;
+    const captionText = (props.bodyText && props.bodyText.length > 0) ? props.bodyText : (props.imageAlt ?? "");
     const tileBody = _jsxs("div", { className: "tile-image" + (imgClick ? " clickable" : ""), children: [_jsx(SmartImage, { src: props.image, title: props?.imageAlt ?? undefined, alt: props?.imageAlt ?? "", onClick: imgClick ? (event) => imgClick(event, props.image) : undefined, cloudinaryEnv: config?.cloudinary?.product_env ?? undefined }), _jsx("div", { className: "tile-image-overlay", children: _jsxs("div", { className: "tile-image-overlay-text", children: [_jsx("div", { className: "tile-image-overlay-title", children: props.imageAlt }), _jsx("div", { className: "tile-image-overlay-body", children: props.bodyText })] }) })] });
-    return (_jsx("div", { className: "tile", id: 'tile-' + props.index, children: props.link ?
+    const rootClass = `tile${(props.variant) ? ' ' + props.variant : ''}`;
+    return (_jsx("div", { className: rootClass, id: 'tile-' + props.index, children: props.link ?
             _jsx("a", { href: props.link, className: "tileLink", children: tileBody })
             :
                 tileBody }));

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

@@ -18,8 +18,19 @@ export function mapTypeToComponent(myType) {
 }
 /**
  * Generates field JSON for form building
+ *
+ * NOTE: This implementation is currently unused by other modules in-repo and
+ * is exported by the package barrel which previously caused a duplicate
+ * export collision with `componentGeneration.generateFieldJSON` during
+ * Storybook's webpack build. To avoid accidental breakage for external
+ * consumers we are making this implementation internal (non-exported)
+ * and marking it for removal in a future maintenance sweep.
+ *
+ * TODO (cleanup): remove this function and any remaining aliases once
+ * consumers have migrated — see `docs/roadmap.md` (Refactoring & Cleanup).
+ * @deprecated internal-only — slated for removal
  */
-export function generateFieldJSON(component, type) {
+function generateFieldJSON(component, type) {
     const form = {};
     form.fields = [];
     // Common fields for all components

package/dist/config/pixelated.config.json.enc

@@ -1 +1 @@
-pxl:v1:eb6d72dafab78c0eefe9d579:4138458b03a639bfb6a82644b3fd2e1d:eaa2c5ebc40c1939cc1532f810b308d2b32bcc06ea5ed0127a0da346f57f8e244d32648b2a08b3666f30c3bf6a475d5ab4c2c749772f77bd95a7bddc0884ec351ba4973c7a381cb0dbf97adc3c66fbeb7e14b239589f9e080dbe51b66158194d49023f903bd07f322be8bb4c667042b1c66c0d956c04c01fdd84200eaad64bdf626693e900ef5f849b029fe48875bbdad00e90ae804088a18eae59112206c9a7abe93e61cc180f5588ae6f2f33748f746d36e0f1ddd43d7146273a1af62cf68b210527a9bdbe4ec1524abc4a4d9bc4b5abfe3478ae58d74f94a13e7deea1d3e2cbe3ffc735ed82cbd243b44b4bb13c5a1f5830f9a0495e712d189e4edbeaccdd0a6d7cca095bd89f2a058f7d765bd56d678835bd736e083b0f3e455eb48baed144c62370d9e2d6e5460334712af4ae6dba0cb45d0f34fd862299118d05a41fc2b448ddc25198a5d22d49013572a8bf451828df02de3cf85e660fe5e33c4287407758cf815d0ae0549faa075769940c7571570235e134055444991edffb76a13740a7bd6617b1cb172679f2c52a2d31e8320c3d7ce91d8547165685fcd3269cda3f6913f98bacd9d547c440ea27fe5119fc5a2410c98665cb95b27ca4e8a59afd050d3e69cd6602ee2e45122692a8050707c3065e7051e81f650894d657db6f3f30eb1391b19632ae2c61145c4d151d92ac90e190ba99e243bd5e17e591252d9e6209f7063e451fd45dac5e74e50d035c2f2709192670aeaeae43a3b0eb1fa678a22a032b453abd773e581c82a8caf701be8e99a7ff9e69dcabc18bd074afb7faeced2c5f5a1fc7199ba5980ef54674aa70edfcaa82c3e1bc72b73fe30eb4dd7d45087aed84aec5aae9b64f482a369bcd63bb7d3b67511ac50907af175824bf4c38b3dfbfb335385f3b632cd45cca7b245bd4269e8fcf38e4c3f9215abc560ce31ab3ad602ca7d2c1c4bab91d2d7feac7f46fb7bf21d70a08929396d073e38ba3eba8ff9cd465982d8f097b7e7b773db65ca5310101856926f5f269396086c0a44112577f6502e80b076be27c57b23bd0e26abf0eabfabbaf03730bdb41f747e67625390a3598c6151a388c7071efa45368f56ea6a10f6714c4ad61b35316e3780200eb45a30eace17e01d388f31fc201b20bba22715b357a54eaf9be45eb15a8d79b97368de3083276d45a81a6998b29adc4580cf28fbfb35ef3bdd32518d16614211a8bd4faecaeadecce6c4bd0934c2fbc98f3c5b26dc1ce4c5b7fd0fd3631ec6623dd61219fadc4540020d8ac8fba9b56846247165635e6702277dc1085ff28db46af7e253333657837692196f729e739fb2af6e2b4a8ffb9107eda51146acacf40f51e20e36d63bb68b4de074221e5c48c9fab56e864e29d65231a7519de47e12e2400b3086d955e6a51ad602ad51610fd789d2928b705b23a489101dcaa528fa56b1a693ce764e401ee9527446a3ae0041b4039c89564cf1b56a0ef34a8d9c6daf2df951e57bcdfef0841aafb609d4d72366b0aea29cb7890e3f14e16e73f402319f25627e1461f39f573d40303609607d685dcf9bd31368c7b8e981fc471dc83fecf6884c0f87be924ecc401134fc00857f9dae345e4d2ff40a5a693318d05b3f6e5835a26f900c36a92bd41fd0ce7f81b1c37f45f882d8355562f85b6bd92c080366b76b83c653cbc913664576a2d8178968fd4a68ef598e3c5e435199931dd68ba414841912ebdeb28130740bfbf74d8bd2c5a7abfc3d6003702263499505ec47b213053cbf9e062764c6bc1b93279692c8857cfb542606ada1e8eac54f0b941e33e6fee04f2eba2a7da357620eea334dc52c661020b31fd42047744dde9245f637a6e87e694a65ecf13ce0582045145db1804061cc13226a30fe8a268cb28786d4ed7e1562cd217b34af307e1d4eb7079e9a15a78e493c7bccc98825795ba58d4ac821cd678763a85263b2b754c2da5d95245caade7565a228402bf01753740b95c14e60ea6b01314df5d15308fb5e2320c9d6fd98b9a230c33afc432b3785078f09e4732e4b1289ea9f630a61d14ff32168a739883a11d4f825342e3790ae8ea9297af874bcd432d818c4739a5d61a73607e14b1999dc43e161da4ea1c86906d96e6eaa62f921bfad0f5b2a7bd84dbaeba8f3c91b5999d33d7c5c478feb6b12c68de9bb7bf0c0fea7e891f3418aaac4496e73cc0c595801ab06a3a697aa3dab77cacf9b690c688d3727547b0f9c4f386f977aca556a67615ab7960765b7b58ab400b16d6b1f971d42c3b63ee273e0cb327c47a8675daf82340f34f6ed5723c4bbf7e12152acd1f19bbaef8487c9d289f5a7d9cd4d2349d7919fa1ddc57932a9e6f490d849e40ace7ccf6a7466333f0450f5db31cd2f34733613d0638ec66888b111b222739311e34ec9ab9ccea4d2c890dc3ec3a566f9b4adf01962e3486dc6d51c928b16937d6bceffe6cabb3a17444466829b5523f3b7497d8a1cf101b237c14a1522bde1bafd346596715cc47a792462aef35b4d4945e92c5791af72e571171caad124cd1732d0faf2066dbdc360437c52eccae79000e2a376b60997b00ec3e001b76ca894f25ab65996c9c9df5cc44a2be077bff590c9e597a105d58d38366aab9ea19627b9c8b50eb304f87f99db6ce973306b91f2a4033bbbe46b8c175ca525e26a841d40a76606e4607fbca40d6547a0b0ae94bccb7aeb74c0b2a62fad12c022d567b1eee35abe506fe046e87663e18da17fd37028c620e7652d1832203f8faaafdebc24c7247bf6e6a0fac189471fb42e146e962fe07302f4589b6a4edb1125b6870ee8c0650744989694ecd8dcfcd822c6018c0f21eb7f3bd60f33014302ee34822bed13bf9cfc471fdb660388a489bb305730f173a817607eb63df9f36f10665934be8d5c36521ceb2b4d3976746d2c23a520bc5b7d1b1ee38a031c3c91df5f02f4e992aa511e52fbe0d41bc6b55c361eb0542185cc911941cc088e2ef937fd855f99dbcf483dd00ece10433157abf53a3543f68dd8af2d79d474daf1115fbfb8fc1c130caf01d5c03a13b16cfdd4b35b750cc5655e68c6835aa9c59da99eb01e5f1ab49b31829de16824c86e57c27823a7ee9f1746d6ccfa733a0d670cbd7a8ab8dabcc3bab3efe319a89edd5afe48f2d59e6428ca91be477c85f3c80e3b1f1d6dbb4a1fca83d1fa8fce3875a4dca6bb299d6616e52796895253897330ffb0577b2db78de6d49c233bce6dc9151a3a9835ae4183515db2c6ceff19233fe5e838caaf1e6e2d6c3fcf1478db36516dabea111f91ba48d8ce771d87ae545526244add76dfa7eae914bea40b49abf7fc620e4ad892f941353bafb5155d71f17ec2f1203237ab3994fd82c998ab6d2ad62a4288fb24bd12ab90b34bd590edf2e7ac1feda516ef4e3cae4127a40d146416c54f2c7c5c5389d5f9b622e53bfa79e9b72d5d5e561e246e6ded3c30f7205926f76ce6fd41d9457e49997c5f3d2df9e6229b1b26913bf7f6017203950b38e2ba068a8cb4c47296f0da266f5f7bed3c400a18ec344b48475bd9b8aadca3c2d5bfcd62c4d7dcc2dcd02d59b6c11ab5d2e98dcec056a60b368efab9efe64fa67f518b48e2448ee0d5ec7a360dea54d11d85e606e2186d641aed98d74310caf9998500088d8b40e419d1e1f0fa3210416f962adcfa1126ca0f396fe3956f39a1ac2fb7b9b5f74eee81aac59a33d768fa5acf0e9d61fdeb32bc6eee488c78053d301b3b3705254a89f8f80ec3b527e2166272ce4847f2c9a867cf6a8f11ba7235d9ced0dac1ac524faf608ba973bbb3cbabc7c02e6be8b0f76bba4212bf94c042d61dfcde2d1fbea4ece31886c05c6a67e84a2b8864d874e8e7c3f10d02464b2f50b33029749a86be2d433f7d646a9fe79e71ac82658aa9102917307736d3c137c8e2b7a5ba6f7d29aa15c28200f20d71db8f26416f831b7ceaedc5cbc1e9b613eec6318b233f88e65b3ab18bade67d5d9a51e60a38ef0b021d8ac712f757022cd65884a8fa0d4eceff9f51d758f8e914ca7e5684b0c7d4a3bd5556a9cb87ae320197fb846fc73b6f0d1268a4ee141676fce515f114293bdbc1d6911e9c174c9e48f086fb9f07b3528529b3307de49d31b8c31ebab672e22f07e152edc0fa456a454a7d6f4f0a9c64fe4e4b4d7745fb9ade45658518bc8962e6446104d0108d12a0e648158b7cbc3388931ba3f623ec9767a04b23b030aec90f3d80678ef897026f1e3d51c9d31349f5732f5e4f1256f1a396a0d28d4619756b72cffff6302a543932289a690ac5bc9537dd97d7a0000a94afdb81b6ab14e462190397510861d776126f6e8609a25bee734ffe46d63e73187e0ff38c35837ae635f399a249e0310cbcf45b3d2d42337a99a98027c3721f4adbffe5852e4ea6695641129a51fadb30bcd6bb87fb0ab8a139e4b0d34b4197c81ac3fb8a07aa5183e89e06a45137cce9b586265ac1bfb8b80b863610c851fc40d371eff6d901db4c5ae7d888e705c61958a059e03d766f5402e14fb52636a0a67073a9fa13654d91ac2c96339b7806f12a5c48bb59c0032cbe6cb76f699010c8b908316e1f1a38de95b8ed7c21bbb4a938148d106905066604e13f140bfa61c658398fd81f6d41ec262350cd6ab7e53a7f0e45327fff179d7b34d0965154e041584e290c8feacd22d78889d41696982d702b5ce860edd17bfecaa9df1e7bbcd39cbd63e6b530035509ab2d4e4dba81a9877688baebd2e9eef7b16e1be4ddab2264b5707bd1ed755bd6c314f6875769fc010a6c13affee72fd4add31030612cc8fa75aa3d5a4393feedcb4a96790d18e62388ea28fe03619952645b3753a67f98c8e9b8105626acc3a200353fc87be6e7d1c67c6725ac46d9fc66860313921998ffbd8210c61edbf0daf149a59693132a38630a49df21bbef85a50df65bfd55177ea8d108de56649fd63a7c932f4bd415a7d124eeab1d1d125401ae94aa05a5ec31218dbaa30526e131b07572cfa9b0b93e82ef4478421da9b1780b3225bb47bbf3cb1360ab72abd9b781d957d7abdecdda6097ea5784fb709ad5ec0cdab2016deb326e079ba694b31461b6f5a465927ac72689daf787b4560fc6cfe0535663494c79bbfac815497b3c6a0c06a32dbe7da75b46ec4f7131c115673d7d38a3534e0d6a6d62d
+pxl:v1:d8ee214a9235b0be63c1821f:99ee9079e869f46bcd02f78dfa428019:e1ee34f0c4412ca17d6c39343bea8c728534cc8de7bdfc3881e5b3dfddd093e89ed1ff5de7164220d66cf8dd200451049ce1f2f111d77beb13ce2bdbbe3780579d9399c71f480cd50bfc8ee4c5223c9f86dee4641583d8f7441a58f9fc394dda8249f03f0e26658ddb9aa43ba0512465d73c1457369d2106f6449aa271e4058473083e442b09d62932a1106bfffab15a2e12f181a71ffcd9046eb66e3b63ee2dae496cea8bd867fb41c4030b48d0c5cfb9c9e395ee4c9683d5060e6a559d0721ffa33acf5913ef86d427b1efecfafb5812e97ed98e76599bae1081558969e93ed29ad7f80571016e5cda51f27ff33555d35746fa4906e986ca02f634d64fafb104ea988a3fb300eba00bb1f3924b513f1a4dd251b5959032935bd1f30d43a6f31fdd1c9535f1a5960de7594680a6a244f35dc97514acafa4b3fbb35ed74408a1efa705ce75dcd9c2d308d5fceee6e9aa8fffdd15ae2af99b0a4b2b9434f0e262d6a79dd49f78bacfbaaf977de083beeb1fef29763a191d4727f993425c79d88dfee3cae8d8b147be860dba0724afa66451568a688b2debcf4222164ee5ac7cc2d556a363a821f07ab309b22d9dbeb2116335193be4da5703f34498c743a58a7d8dd80b450123aec0ada689aed8985b9dacf5ac3c6d5f972ea85996fcb3d79d0a2911c30b91ea879b9c1af57c57d52103fa61653f107aeeb97845cdb70314812e6a4cc8b5d2e0042234c31415cb348ee6a0f3fb946029d574eec7ffc857e272dd9f43820f93341330a20bcc71e39e0a936878dcce4131afea923d734f3f6ffefe56574b9ec8829880bd4ebe1859acf0f9a2df770ec6c4ed11d8a0904c5fa5ee6fe3ed10ec3542ea067ecc3a604cd16171564f85403cac6929c9c00f40b298748fdca9de517dbbf3b824e364556a7d7d83dd02370830acd09205730f033ce30bcfd0ff700dcaf821898b61af59a584db14cd6e456ea872acbde4d5e26dee0c841b662b5989f41c32a7efa34ae343049885e8613ff5100191b64c9b55030f512ca33d838495f29df1d9e3c69308ee64b9be0a431c5c4aa3c16bfdbcf965fa156cdc444595d054e6a8b03aa0a1292952853ff0524b8e2b7daac711897d1a34dff463655062642cdea65355f396aebb7017e0df6abc08982400c25941860591b6aef62e50da0e1f8266b8dea211c53ac0cf4ed0fd09a96300468702d3fb4d947558b921dfd84c46470c0a24f321e9a6e42941ee47bf3e99bf5dd2db66d1cfb70b9bac3ab6172671e3ee958a06e0f14ac8f5baa4d3794354e8900970afed3bb31055d0ab37c2f33a5c3f14739c171adc05eaaf7d74d11c63cc7cb3a50bca0ceceb61e2d84e598d610f907cbd381156e88c85031e80922ea10b39342468a6b7988157693fd0368ffd7e7154674b57b421b7f7addc976675dca1c7809a69de056a05ea849b6a360b1baae80c3ec43b173d3b4671874bc89cae36dd836ac4450c5fce613734505e6cb562c8e9db423cd1643bfcefccacdfd6a3a84f1dadab3e29343fcf60d23c29dade0190abd814d0077f9eae50783485a1644355bef3b43fc5fdab3a3d0b1b7aad074cffa3ad7b141e20051167c0b26ea87e98b8502868d702800a02c551af66abbc547faccebef188841e8bb27bf83f641a0c0ba61009caf64fe3bdaa86759d2176af9cab61d73b945a31252bd6438f1ed98fe82161a4fe94f7594d466bab3c55e89ff46d8765ff2b89a8ccc93f16efd6a4de5ddb369454d3d92f0a20ca17c9beda1e09b6f2078c4fa8e736e367fe0b38158fa3f10b441d5b094ca4a2e0cb3a37705dcb13cf8b0ff3afd80dfb077e66233486d85478b47db9b5b5bb2d12d0ad4db37962985ccbf9149326d8189215683342003a191ebb40661666b729a3146ff115a5b2a960d38734eba2d8e2f88e0897728b858ee6eb4f3eba61934d810bb02bf8bbd315a12332259bb0829570a04e902a4cd31a65d5583ddeeef27559ca2788890c612573e243a88cce49ae8cee782c7a3c5999b8cda409003460d8651b5e7d8be0dc94f6762d9b240e7c35cfa8645ccc1b13e16277b6616eed9175ab686ccafd7d84c73fd3e8a57c3ad23bd4b4e1601fd70827c3f74e0a6e8bef4844a21750a2d43b75c1af051bfb127c491578d86e27dcc284b86feab6669178a3500513ebfc0e8e057a9387f4629dfc6f4ff96f0ea22a3b43d851251d5f6d5b6f76052665d3fe698201df361477498307cdab07710e677e1180fe092ca763d397ff872f2d8dca515fd6d32f7d26c967d3d771c880f6a4691207074848450f8608f126d1d58d9f17cc10891098d304d311fd5618663e91e6e90dfe06322f078052a0da01313f929279e05057970bd653408a6418b8672efd3f9fc6d5ff2963738f25645bcade30ea79a96c4290c1e9c700e26587a2e02ad1ae91303e003814db7c38c04111bb5becd16601ef144012d8693f0577191176752de57a7c07e129325605d7249c75a71639b4a62cdc52148a97c0d4e6c1bfc5fa8f2890671f267c9249c91154db401f28b764c4ae3245a4c70e6b5a38167a323a2411786dcf82aa4209dc61aa9f16f10c7fe62a337e96d8c49c8b8244f0a2225bfffd5d9e61b9407815e73be43506787514fcb78d56719485ac6a4033ac0e817de79bb29b36d203a2a30c0e2c82345efc607e199629ca10d8b5a0e6d53c414e2afcf82946848122de0a62d484f2e1e21d1e1f491f2c9d407ac6c359f4d76dad00f75b787841c9db1793aa57cf1d336a882756f2b551dc8c88ce721ec1cdd8174d277736b27ddea9fcbf8fa26e182f2bcc5746621216c2474cba743029ab72faa45cfec71196054dc157d80a306cbe8e23882974cc5e5e473a5a0bb184535d35bbd8bbc765b673642886531b7c51228dac55f4573ccf9c2705ce566959f18a0fdb017556b0a7b33c9b2a1ea58816067f1b1627f872326e0e5da25f2fba26ef1091d86ffb0fbe95dab442d7a605d9bb49f49ad03154ef1e563385051776cb0bc6546a07b5118eced0684a215231df3e65c7818d2ee88e19c7ba5e39ecb7bf1b511214ac1f9394ebf76278014df1044068e33ddffc7db9cb2ed779b399a041e8f21624e55099a556158b12a18e91e8cad8ffab836d28ee19df9d5aabbd8fe18f25f6447eeaab2537122275ba0a049ee25038c61aff6182df6bda1d8b7ee4bb6772cf70cadeed09d94a341851453dd43f4b8e8c368be52be2e7d56c80d67979623ba8d109ca83f617457a11c780884c71ffe250a3160a2f4b4e8dd6cc96127c21839f6a549735f7d0878ebfdc312794120cfcd09e3ec69358e8c0b5e0638e067f45af974ca4526c23578f24f22b624ec7acad116affbf893052960d4a2bc5a7b372a1fdc0336500313bbe067beaa6cb58aa3c962a6b19f02449ea5f5f9f93b16aef64d93ed6a34e387b70167d9bb01dec55d03610ed790b54bc29075b3902348b8f7dff56abbeef88b1c8c74554fe84fbe370640c580306570173b2efaa740c7d39b86977ce890d1e626706ebbdd6bede3c4d347b3ab85c863eb7aa35c802a8267c1c8835e2eadb0d0858fb5740945bf45635b69fed7474db273b470cc0cc8c73137c654ecd1c2057f9c235303097b3731ff37dd6db7d2846d495f2fdb7f7e510cb718799a972b17855ef4cef1497e79f08309280985a99f91d4611984184bf4a9be5b05568d4e88a4aadf3a75be76067d1c52db6128a17dd628d92f45732f9c9b1a0e7aff9840aeba6bbf3c37af8004827056ca28acfb15ac7e32f58e82e9f0b87bc35d138659938f4cb2fc8d359982fc76233a7a27364b0d12ffe7a9f58fa50dc6428c5244d77a8f314c2a568b9dadc031576699ad2e4a633ab4a657f29c99439a7f3af2a08c850d2d60262ceb0f2023b93c352170188260c1d95a34b00ac901b2d34b4f251d569063e4a561539bbfde32c1a2586cb380817a2cf1c9950547c7fa199949de50f0cd80e810345a9383b1df6d9ac63d5ffff8f07e095ef3beddd9a3b175961c1056f247d905b609b7b1de6bf1aec79df4e0b04935b54631ce40f89b4718dff91e969c1307a21242eed79da0d8f7094d66c4c5303ad9022d9f2432439285f1b08fd82e56ba8740c6fcdc26a8179886e0679216e088b89f8baae5c6c738f87282d351a6a86da1c9ca99973ef797c1100fdd8f0dad238a24f107a34b63ed5bd0ecd9f7d0c46f016bc4ea777d189b3b92af311882103fcdd818c58ae2ca5cbcf590b307bbcccf19fb0009e5aba10e8d8db859eddd26a11b1f89faff0fb832092061651a5919cae7586eb8e6ea7b3e8ce8f7e7cab30b425b788e8290cb899d08633077cefa37c65ce4a6b19462d9353548c4fcbb6b9841a22763ae479ebd1028fc34e7cbdf782cd59d6d94404cb32903b262feb084ee942b14e5d4d1a1dd9b36054d7db60553c27c9188d0f5024425462eea0af3fed59cf1ba37105ec31f792fe716562636ca3ef9f5ac98896e3300ff1b130a1c53da4d1fa67f600bd671278adfbca42e0b341e0a195790432d738e1cbdbcd45e8255ea63bc28e4911f55382eceb15673be67f6cdf4bc159c8eba7809c14592d3531c0118a565bd96e8e3822cf77734944d0e245daf83f74aa86e2bc8d9d1ddc35482b131ae8b11e3874f4647457bdfbfc5f2328141917386d187ed75f99a305acddf54a60a687cf9b0600e240412b4ed812759339dd300f5a77ff670c1f3be96dcf0a03183eb9d0bcfce273c913a291802326d0e25de9454543565798537866fb286adf9c37837c17a29a518ce816974156c770707d92d81dfaf7002716051c4372735c775b98bb92bcaef8ae5de7859e82e4593985b991a623d9f54c54458d5ae2339bef432d6a249edf3ad369a378dec7263c9374bcdb9281eaa80d38fb6a663d077e910eec1e471ceb88ce6fce4a022a5db1a3a367baf9c452d207a3c10c2862a98a741ad5038a22a5490e68ad323b5d582e792eb959bf2cee6874ad3c531770ae446727d0d3a4b931a423d971324fbed9d952d2ba9849b940cc3df8189c9795b42dd8f96b956e718ceb2fa99fe6f4a456644108fed7e649f8935f0f4fe273477e91b2ea2b80e5ca1bcc5fcfe54c9ba5653e83ebe11988b54865e41a85f0ecd00de756ae02f6731dc38eedf9f195d07178ea3a133e050207e02ba5662123

package/dist/index.js

@@ -15,6 +15,8 @@ export * from './components/general/faq-accordion';
 export * from './components/general/image';
 export * from './components/general/intersection-observer';
 export * from './components/general/loading';
+export * from './components/general/skeleton';
+export * from './components/general/skeleton-loading';
 export * from './components/general/splitscroll';
 export * from './components/general/manifest';
 export * from './components/general/markdown';
@@ -40,6 +42,7 @@ export * from './components/general/semantic';
 export * from './components/general/sidepanel';
 export * from './components/general/sitemap';
 export * from './components/general/smartimage';
+export * from './components/general/global-error';
 export * from './components/general/tab';
 export * from './components/general/table';
 export * from './components/general/tiles';

package/dist/index.server.js

@@ -22,6 +22,7 @@ export * from './components/general/schema-services';
 export * from './components/general/schema-website';
 export * from './components/general/sitemap';
 export * from './components/general/utilities';
+export * from './components/general/skeleton';
 export * from './components/integrations/contentful.delivery';
 export * from './components/integrations/contentful.management';
 export * from './components/integrations/flickr';