storefront-layouts 1.0.16 → 1.0.18

package/dist/layouts/shared/wrappers/StandardLayout.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StoreHeader } from '../components/StoreHeader';
-import { StoreFooter } from '../components/StoreFooter';
-import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper';
-import { PageContentLoader } from '../../../components/ui/page-content-loader';
-import { useStore } from '../../../lib/store-context';
-import { useLoading } from '../../../lib/loading-context';
-import { getThemeColor } from '../../../lib/utils/asset-helpers';
-import { AlertModalProvider } from '../../../components/ui/alert-modal';
+import { StoreHeader } from '../components/StoreHeader.js';
+import { StoreFooter } from '../components/StoreFooter.js';
+import { PageAnimateWrapper } from '../../../components/ui/page-animate-wrapper.js';
+import { PageContentLoader } from '../../../components/ui/page-content-loader.js';
+import { useStore } from '../../../lib/store-context.js';
+import { useLoading } from '../../../lib/loading-context.js';
+import { getThemeColor } from '../../../lib/utils/asset-helpers.js';
+import { AlertModalProvider } from '../../../components/ui/alert-modal.js';
 export function StandardLayout({ children, storeConfig }) {
     const { cartCount } = useStore();
     const { isBackendLoading } = useLoading();

package/dist/lib/auth-context.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { useRouter } from 'next/navigation';
-import { authService } from './services/auth.service';
-import { customerService } from './services/customer.service';
+import { authService } from './services/auth.service.js';
+import { customerService } from './services/customer.service.js';
 export const AuthContext = createContext({
     user: null,
     isAuthenticated: false,

package/dist/lib/layout-config-hydration.js

@@ -2,8 +2,8 @@
  * Server-safe hydration of published layout config from DB/API payloads.
  * Merges compiledLegacyConfigJson, editorDocument section entries, and layoutConfig.sections.
  */
-import { validateEditorEnvelope } from '../editor/document/validate';
-import { envelopeToStoreConfig } from '../editor/document/adapter';
+import { validateEditorEnvelope } from '../editor/document/validate.js';
+import { envelopeToStoreConfig } from '../editor/document/adapter.js';
 function isPlainObject(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value);
 }

package/dist/lib/product-variation-utils.js

@@ -1,4 +1,4 @@
-import { extractImageUrls } from './store-config-utils';
+import { extractImageUrls } from './store-config-utils.js';
 const ATTRIBUTE_ORDER = ['color', 'size', 'material', 'style'];
 /** Collapse display labels (e.g. from legacy mapping) onto attribute keys used in admin. */
 export function canonicalVariationOptionGroupKey(rawKey) {

package/dist/lib/services/analytics.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 function getCurrentApiBaseUrl() {
     return api.defaults.baseURL || `${process.env.NEXT_PUBLIC_API_URL || 'http://localhost:4002'}/api`;
 }

package/dist/lib/services/auth.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const authService = {
     /**
      * Register a new user

package/dist/lib/services/booking.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const bookingService = {
     /**
      * Create a booking (guest or authenticated)

package/dist/lib/services/category.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const categoryService = {
     /**
      * Get all categories for a store

package/dist/lib/services/checkout.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const checkoutService = {
     /**
      * Process checkout

package/dist/lib/services/contact.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 /**
  * Submit contact form for a store.
  * Store is identified by slug (from store config).

package/dist/lib/services/customer.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const customerService = {
     /**
      * Get customer profile (requires authentication)

package/dist/lib/services/fees.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const EMPTY_CHECKOUT_FEE_BREAKDOWN = {
     subtotal: 0,
     shipping: 0,

package/dist/lib/services/index.js

@@ -3,16 +3,16 @@
  * Note: cart, wishlist, and order services removed - they're not needed for editor preview
  * These services are only used in shared pages (cart, wishlist, account, orders) which aren't editable
  */
-export * from './store.service';
-export * from './product.service';
-export * from './category.service';
-export * from './auth.service';
-export * from './checkout.service';
-export * from './service.service';
-export * from './booking.service';
-export * from './customer.service';
-export * from './review.service';
-export * from './promo.service';
-export * from './shipping.service';
-export * from './fees.service';
-export * from './location.service';
+export * from './store.service.js';
+export * from './product.service.js';
+export * from './category.service.js';
+export * from './auth.service.js';
+export * from './checkout.service.js';
+export * from './service.service.js';
+export * from './booking.service.js';
+export * from './customer.service.js';
+export * from './review.service.js';
+export * from './promo.service.js';
+export * from './shipping.service.js';
+export * from './fees.service.js';
+export * from './location.service.js';

package/dist/lib/services/location.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const locationService = {
     /**
      * Get all active locations for a store

package/dist/lib/services/order.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const orderService = {
     async markPaymentInitiated(orderId) {
         await api.post(`/orders/${orderId}/mark-payment-initiated`, {}, { _suppressToast: true });

package/dist/lib/services/payment.service.js

@@ -1,4 +1,4 @@
-import { api, ApiError } from '../api';
+import { api, ApiError } from '../api.js';
 /** Canonical success is `completed`; `paid` is a legacy read alias. */
 export function isPaymentConfirmed(status) {
     const normalized = (status || '').toLowerCase();

package/dist/lib/services/product.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const productService = {
     /**
      * Get products with filtering, sorting, and pagination

package/dist/lib/services/promo.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const promoService = {
     /**
      * Validate a promo code

package/dist/lib/services/review.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const reviewService = {
     /**
      * Get product reviews

package/dist/lib/services/service.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const serviceService = {
     /**
      * Get services for a store

package/dist/lib/services/shipping.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const shippingService = {
     /**
      * Calculate shipping costs

package/dist/lib/services/store.service.js

@@ -1,4 +1,4 @@
-import { api } from '../api';
+import { api } from '../api.js';
 export const storeService = {
     /**
      * Get store by slug

package/dist/lib/store-config-utils.js

@@ -1,10 +1,10 @@
-import { getStoreConfig } from './store-config';
-import { shouldUseAPI, getBaseStoreSlug } from './utils/demo-detection';
-import { storeService } from './services/store.service';
-import { categoryService } from './services/category.service';
-import { productService } from './services/product.service';
-import { serviceService } from './services/service.service';
-import { normalizePrice } from './utils';
+import { getStoreConfig } from './store-config.js';
+import { shouldUseAPI, getBaseStoreSlug } from './utils/demo-detection.js';
+import { storeService } from './services/store.service.js';
+import { categoryService } from './services/category.service.js';
+import { productService } from './services/product.service.js';
+import { serviceService } from './services/service.service.js';
+import { normalizePrice } from './utils/index.js';
 // Simple ID generator fallback (doesn't require uuid package)
 function generateId() {
     if (typeof crypto !== 'undefined' && crypto.randomUUID) {

package/dist/lib/store-config.js

@@ -1,4 +1,4 @@
 // Re-export functions from mock-stores for convenience
 // Import first, then export to ensure webpack can resolve properly
-import { getStoreConfig, getAllStores, isValidStoreSlug, getTemplateLayoutConfigForLayoutType } from './mock-stores';
+import { getStoreConfig, getAllStores, isValidStoreSlug, getTemplateLayoutConfigForLayoutType } from './mock-stores.js';
 export { getStoreConfig, getAllStores, isValidStoreSlug, getTemplateLayoutConfigForLayoutType };

package/dist/lib/store-context.js

@@ -2,20 +2,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState, useMemo, useCallback } from 'react';
 import { usePathname } from 'next/navigation';
-import { getStoreConfig } from './store-config';
-import { shouldUseAPI, getBaseStoreSlug } from './utils/demo-detection';
-import { storeService } from './services/store.service';
+import { getStoreConfig } from './store-config.js';
+import { shouldUseAPI, getBaseStoreSlug } from './utils/demo-detection.js';
+import { storeService } from './services/store.service.js';
 // Note: cartService and wishlistService removed - using localStorage only for cart/wishlist
 // These services are only needed for shared pages (cart, wishlist, account) which aren't editable in the editor
-import { categoryService } from './services/category.service';
-import { productService } from './services/product.service';
-import { serviceService } from './services/service.service';
-import { transformCategoryToStoreCategory, transformProductToStoreProduct, transformServiceToStoreService } from './store-config-utils';
-import { useLoading } from './loading-context';
-import { normalizePrice } from './utils';
-import { assertVariationSelected, buildCartLineProduct, formatVariationLabel, } from './product-variation-utils';
-import { useAuth } from './auth-context';
-import { analyticsService } from './services/analytics.service';
+import { categoryService } from './services/category.service.js';
+import { productService } from './services/product.service.js';
+import { serviceService } from './services/service.service.js';
+import { transformCategoryToStoreCategory, transformProductToStoreProduct, transformServiceToStoreService } from './store-config-utils.js';
+import { useLoading } from './loading-context.js';
+import { normalizePrice } from './utils/index.js';
+import { assertVariationSelected, buildCartLineProduct, formatVariationLabel, } from './product-variation-utils.js';
+import { useAuth } from './auth-context.js';
+import { analyticsService } from './services/analytics.service.js';
 export const StoreContext = createContext({
     store: null,
     isLoading: true,

package/dist/lib/utils/asset-helpers.js

@@ -1,5 +1,5 @@
-import { richFieldHasContent, richFieldPlainTextForDisplay } from '../rich-html';
-import { shouldUseAPI } from './demo-detection';
+import { richFieldHasContent, richFieldPlainTextForDisplay } from '../rich-html.js';
+import { shouldUseAPI } from './demo-detection.js';
 export { shouldUseAPI };
 const TEMPLATE_HERO_BADGE_PLACEHOLDERS = new Set(['new collection 2024', 'new collection']);
 /** Hero badge for clothing-minimal: no template placeholder on live stores. */

package/dist/lib/utils/editor-preview.js

@@ -1,6 +1,6 @@
-import { filterActiveProducts, filterActiveServices } from './product-catalog';
-import { richFieldPlainTextForDisplay } from '../rich-html';
-import { normalizeStoreProductsForDisplay, resolveProductImageUrls } from './product-images';
+import { filterActiveProducts, filterActiveServices } from './product-catalog.js';
+import { richFieldPlainTextForDisplay } from '../rich-html.js';
+import { normalizeStoreProductsForDisplay, resolveProductImageUrls } from './product-images.js';
 /** Prefer the first non-empty catalog list; empty persisted `[]` must not block API data. */
 export function coalesceCatalog(...sources) {
     for (const list of sources) {

package/dist/lib/utils/index.js

@@ -136,9 +136,9 @@ export function getUserFriendlyErrorMessage(error, defaultMessage = 'Something w
             return errorData?.message || error.message || defaultMessage;
     }
 }
-export { filterActiveProducts, filterActiveServices, filterCategoriesForServices, } from './product-catalog';
-export { isEditorPreviewMode, resolveStoreProductsForDisplay, resolveProductBySlugForDisplay, resolvePdpProduct, resolveStoreCategoriesForDisplay, resolveCategoryBySlugForDisplay, resolveStoreServicesForDisplay, resolveServiceBySlugForDisplay, resolveCategoryProductsForDisplay, resolveCategoryServicesForDisplay, resolveMenuItemsForDisplay, productsToMenuItems, coalesceCatalog, applyEditorCatalogOverlay, applyStoreCatalogFromApi, syncFoodMenuItemsFromProducts, } from './editor-preview';
-export { resolveProductImageUrls, getPrimaryProductImageUrl, normalizeStoreProductForDisplay, normalizeStoreProductsForDisplay, EDITOR_PRODUCT_IMAGE_PLACEHOLDER, } from './product-images';
+export { filterActiveProducts, filterActiveServices, filterCategoriesForServices, } from './product-catalog.js';
+export { isEditorPreviewMode, resolveStoreProductsForDisplay, resolveProductBySlugForDisplay, resolvePdpProduct, resolveStoreCategoriesForDisplay, resolveCategoryBySlugForDisplay, resolveStoreServicesForDisplay, resolveServiceBySlugForDisplay, resolveCategoryProductsForDisplay, resolveCategoryServicesForDisplay, resolveMenuItemsForDisplay, productsToMenuItems, coalesceCatalog, applyEditorCatalogOverlay, applyStoreCatalogFromApi, syncFoodMenuItemsFromProducts, } from './editor-preview.js';
+export { resolveProductImageUrls, getPrimaryProductImageUrl, normalizeStoreProductForDisplay, normalizeStoreProductsForDisplay, EDITOR_PRODUCT_IMAGE_PLACEHOLDER, } from './product-images.js';
 /**
  * Deep clones an object using structuredClone if available, or a fallback recursive clone.
  * This is more efficient and handles more types than JSON.parse(JSON.stringify).

package/dist/lib/utils/product-images.js

@@ -1,4 +1,4 @@
-import { extractImageUrls } from '../store-config-utils';
+import { extractImageUrls } from '../store-config-utils.js';
 /** Neutral product placeholder for editor preview when catalog rows have no image yet. */
 export const EDITOR_PRODUCT_IMAGE_PLACEHOLDER = 'https://images.unsplash.com/photo-1523381210434-271e8be1f52b?q=80&w=800&auto=format&fit=crop';
 /**

package/dist/lib/utils/product-share.js

@@ -1,4 +1,4 @@
-import { getStoreUrl } from './url-helpers';
+import { getStoreUrl } from './url-helpers.js';
 /** Keep only the first URL path segment of a product slug (no trailing description text). */
 export function sanitizeProductSlug(slug) {
     const trimmed = (slug || '').trim();

package/dist/lib/utils/url-helpers.js

@@ -1,7 +1,7 @@
 /**
  * URL helper utilities for handling both custom domain and platform domain URLs
  */
-import { isPlatformHostname } from '../layout-route-utils';
+import { isPlatformHostname } from '../layout-route-utils.js';
 /**
  * Get the store URL prefix based on whether we're on a custom domain
  * For custom domains: returns empty string (no slug in URL)

package/dist/preview/LayoutPreview.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import { getPreviewDataByLayout } from '../lib/preview-data.js';
-import { ToastProvider } from '../components/ui/toast';
-import { AlertModalProvider } from '../components/ui/alert-modal';
-import { StoreProvider } from '../lib/store-context';
-import { LoadingProvider } from '../lib/loading-context';
-import { PreviewRouter } from './PreviewRouter';
+import { ToastProvider } from '../components/ui/toast.js';
+import { AlertModalProvider } from '../components/ui/alert-modal.js';
+import { StoreProvider } from '../lib/store-context.js';
+import { LoadingProvider } from '../lib/loading-context.js';
+import { PreviewRouter } from './PreviewRouter.js';
 /**
  * LayoutPreview Component
  *

package/dist/preview/PreviewRouter.js

@@ -4,8 +4,8 @@ import { useMemo, Suspense } from 'react';
 import { isBookingAgendaStoreRoot } from '../lib/layout-route-utils.js';
 import { useStore } from '../lib/store-context.js';
 import dynamic from 'next/dynamic';
-import { BaseStoreLayout } from '../layouts/shared/components/BaseStoreLayout';
-import { normalizePreviewSegment } from './route-audit';
+import { BaseStoreLayout } from '../layouts/shared/components/BaseStoreLayout.js';
+import { normalizePreviewSegment } from './route-audit.js';
 const dynamicPage = (importFn) => dynamic(importFn, {
     loading: () => (_jsx("div", { className: "min-h-screen flex items-center justify-center bg-gray-50/50 backdrop-blur-sm", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 border-4 border-blue-600/20 border-t-blue-600 rounded-full animate-spin" }), _jsx("p", { className: "text-sm font-medium text-gray-500 animate-pulse", children: "Loading experience..." })] }) })),
     ssr: false,

package/dist/preview/canvas/PreviewCanvasEnhancer.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { PreviewBlockToolbar } from './PreviewBlockToolbar';
-import { parsePayazaFieldKey } from './field-key';
-import { PREVIEW_MSG } from './preview-messages';
-import { buildPayazaRichCommitFromEditorHtml, coercePayazaRichLinkHref, sanitizePayazaRichHtml, wrapPlainTextAsParagraph, } from '../../lib/rich-html';
-import { extractEditablePlainText, flattenMultilineEditableElement } from './extract-editable-plain-text';
-import { shouldDeferEditableFocusOutCommit } from './preview-editable-commit.util';
-import { prefersInlineCanvasTextEdit } from '../../lib/utils/mobile-editor';
-import { PREVIEW_ACTIVE_EDITABLE_SELECTOR, } from './preview-flush-handle';
+import { PreviewBlockToolbar } from './PreviewBlockToolbar.js';
+import { parsePayazaFieldKey } from './field-key.js';
+import { PREVIEW_MSG } from './preview-messages.js';
+import { buildPayazaRichCommitFromEditorHtml, coercePayazaRichLinkHref, sanitizePayazaRichHtml, wrapPlainTextAsParagraph, } from '../../lib/rich-html.js';
+import { extractEditablePlainText, flattenMultilineEditableElement } from './extract-editable-plain-text.js';
+import { shouldDeferEditableFocusOutCommit } from './preview-editable-commit.util.js';
+import { prefersInlineCanvasTextEdit } from '../../lib/utils/mobile-editor.js';
+import { PREVIEW_ACTIVE_EDITABLE_SELECTOR, } from './preview-flush-handle.js';
 function schemaSectionKeyFromElement(el) {
     const root = el?.closest('[data-section]');
     if (!root)

package/dist/preview/canvas/preview-flush-await.js

@@ -1,5 +1,5 @@
 /** Resolves when preview canvas acknowledges PREVIEW_FLUSH_EDITS (save/publish gate). */
-import { PREVIEW_FLUSH_ACK_TIMEOUT_MS } from './preview-flush-handle';
+import { PREVIEW_FLUSH_ACK_TIMEOUT_MS } from './preview-flush-handle.js';
 let pendingAckResolve = null;
 export { PREVIEW_FLUSH_ACK_TIMEOUT_MS };
 export function awaitPreviewFlushAck(timeoutMs = PREVIEW_FLUSH_ACK_TIMEOUT_MS) {

package/dist/preview/canvas/preview-isolation.js

@@ -1,4 +1,4 @@
-import { normalizeEditorLayoutId } from '../../editor/document/layout-id';
+import { normalizeEditorLayoutId } from '../../editor/document/layout-id.js';
 export function previewCommitsMatchEditorContext(commit, editor) {
     const ca = normalizeEditorLayoutId(commit.layoutId ?? '');
     const eb = normalizeEditorLayoutId(editor.layoutId ?? '');

package/dist/preview/canvas/preview-route.js

@@ -1,5 +1,5 @@
-import { getLayoutMetadata } from '../../editor/alignment-schemas/metadata';
-import { normalizeEditorLayoutId } from '../../editor/document/layout-id';
+import { getLayoutMetadata } from '../../editor/alignment-schemas/metadata.js';
+import { normalizeEditorLayoutId } from '../../editor/document/layout-id.js';
 /**
  * Maps preview router path to overlay page id (`home`, `products`, …).
  */

package/dist/preview/index.js

@@ -5,8 +5,8 @@
  * These components demonstrate that layouts are self-sustaining
  * and can work independently with embedded preview data.
  */
-export { LayoutPreview } from './LayoutPreview';
-export { ShadowDOMWrapper } from './ShadowDOMWrapper';
-export { PreviewRouter } from './PreviewRouter';
-export * from './route-audit';
+export { LayoutPreview } from './LayoutPreview.js';
+export { ShadowDOMWrapper } from './ShadowDOMWrapper.js';
+export { PreviewRouter } from './PreviewRouter.js';
+export * from './route-audit.js';
 export * from '../lib/preview-data.js';

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "storefront-layouts",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "lts": true,
   "type": "module",
   "description": "Shared layout components for Storefront applications",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css"
-  ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -35,6 +32,24 @@
       "require": "./dist/editor/index.js",
       "default": "./dist/editor/index.js"
     },
+    "./editor/layout-content-loader": {
+      "types": "./dist/editor/layout-content-loader.d.ts",
+      "import": "./dist/editor/layout-content-loader.js",
+      "require": "./dist/editor/layout-content-loader.js",
+      "default": "./dist/editor/layout-content-loader.js"
+    },
+    "./lib/layout-config-hydration": {
+      "types": "./dist/lib/layout-config-hydration.d.ts",
+      "import": "./dist/lib/layout-config-hydration.js",
+      "require": "./dist/lib/layout-config-hydration.js",
+      "default": "./dist/lib/layout-config-hydration.js"
+    },
+    "./editor/document": {
+      "types": "./dist/editor/document/index.d.ts",
+      "import": "./dist/editor/document/index.js",
+      "require": "./dist/editor/document/index.js",
+      "default": "./dist/editor/document/index.js"
+    },
     "./editor/puck": {
       "types": "./dist/editor/puck/index.d.ts",
       "import": "./dist/editor/puck/index.js",
@@ -48,24 +63,6 @@
       "default": "./dist/editor/rjsf/index.js"
     },
     "./styles": "./dist/styles/index.css",
-    "./lib/rich-html": {
-      "types": "./dist/lib/rich-html.d.ts",
-      "import": "./dist/lib/rich-html.js",
-      "require": "./dist/lib/rich-html.js",
-      "default": "./dist/lib/rich-html.js"
-    },
-    "./lib/layout-config-hydration": {
-      "types": "./dist/lib/layout-config-hydration.d.ts",
-      "import": "./dist/lib/layout-config-hydration.js",
-      "require": "./dist/lib/layout-config-hydration.js",
-      "default": "./dist/lib/layout-config-hydration.js"
-    },
-    "./lib/utils": {
-      "types": "./dist/lib/utils/index.d.ts",
-      "import": "./dist/lib/utils/index.js",
-      "require": "./dist/lib/utils/index.js",
-      "default": "./dist/lib/utils/index.js"
-    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -73,11 +70,11 @@
     "README.md"
   ],
   "scripts": {
-    "build": "npm run clean && (tsc --noEmitOnError false || true) && tsc-alias && npm run copy-json && npm run copy-layout-css && npm run build-css",
-    "build-css": "mkdir -p dist/styles && postcss src/styles/index.css -o dist/styles/index.css",
+    "build": "npm run clean && (tsc --noEmitOnError false || true) && tsc-alias && node scripts/add-js-extensions.mjs && npm run copy-json && npm run build-css",
+    "build-css": "mkdir -p dist/styles dist/layouts/clothing/styles && postcss src/styles/index.css -o dist/styles/index.css && postcss src/layouts/clothing/styles/clothing.css -o dist/layouts/clothing/styles/clothing.css",
     "copy-json": "mkdir -p dist/json && cp -r src/json/*.json dist/json/ 2>/dev/null || true",
-    "copy-layout-css": "mkdir -p dist/layouts/clothing/styles && cp src/layouts/clothing/styles/clothing.css dist/layouts/clothing/styles/clothing.css",
-    "watch": "npm run clean && npm run copy-json && npm run copy-layout-css && npm run build-css && npm run watch:all",
+    "watch": "node scripts/ensure-dist.cjs && npm run copy-json && npm run build-css && npm run watch:all",
+    "watch:clean": "npm run clean && npm run build && npm run watch:all",
     "watch:all": "npm-run-all --parallel watch:ts watch:css watch:json",
     "watch:ts": "node scripts/watch-ts.cjs",
     "watch:css": "postcss src/styles/index.css -o dist/styles/index.css --watch",
@@ -85,7 +82,7 @@
     "prepublishOnly": "npm run build",
     "prepack": "npm run build",
     "clean": "rm -rf dist",
-    "test": "echo \"No tests specified\" && exit 0",
+    "test": "vitest run",
     "prepare": "git config core.hooksPath .githooks 2>/dev/null || true",
     "version:staging": "npm version prerelease --preid=staging",
     "release:staging": "node scripts/release-guard.mjs staging",
@@ -99,7 +96,7 @@
     "@rjsf/validator-ajv8": "^6.1.2",
     "@tailwindcss/postcss": "^4.0.0",
     "framer-motion": "^12.0.0",
-    "next": "^16.0.3",
+    "next": "^16.2.2",
     "postcss": "^8.0.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
@@ -158,18 +155,20 @@
     "@rjsf/validator-ajv8": "^6.1.2",
     "@tailwindcss/postcss": "^4.0.0",
     "@types/node": "^20",
+    "@types/mixpanel-browser": "^2.60.0",
     "@types/nprogress": "^0.2.3",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/styled-jsx": "^2.2.9",
     "framer-motion": "^12.25.0",
-    "next": "^16.0.3",
+    "next": "^16.2.2",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.0.0",
     "postcss-cli": "^11.0.0",
     "tailwindcss": "^4.0.0",
     "tsc-alias": "^1.8.16",
-    "typescript": "^5"
+    "typescript": "^5",
+    "vitest": "^3.2.4"
   },
   "keywords": [
     "storefront",
@@ -181,7 +180,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/78-Financials/storefront-layouts.git"
+    "url": ""
   },
   "author": "",
   "license": "ISC",