storefront-layouts 1.0.3 → 1.0.4

package/dist/components/ui/loading-skeleton-wrapper.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { RouteSkeletonLoader } from './route-skeleton-loader.js';
+import { RouteSkeletonLoader } from './route-skeleton-loader';
 /**
  * Client component wrapper for Next.js loading.tsx files
  * Uses pathname to determine which skeleton to show

package/dist/components/ui/modal.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { X } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
-import { Button } from './button.js';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
 export function Modal({ isOpen, onClose, title, children, className }) {
     const overlayRef = React.useRef(null);
     React.useEffect(() => {

package/dist/components/ui/otp-input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils/index.js";
+import { cn } from "../../lib/utils";
 export function OtpInput({ length = 6, value, onChange, disabled = false, className, }) {
     const inputRefs = React.useRef([]);
     const handleChange = (index, e) => {

package/dist/components/ui/out-of-stock-overlay.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 export function OutOfStockOverlay({ className, showBadge = true, badgePosition = 'center' }) {
     const badgePositions = {
         'top-left': 'top-4 left-4',

package/dist/components/ui/page-animate-wrapper.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
 import { useEffect } from 'react';
-import { cn } from '../../lib/utils/index.js';
-import { scrollToTop } from '../../lib/utils/scroll-to-top.util.js';
+import { cn } from '../../lib/utils';
+import { scrollToTop } from '../../lib/utils/scroll-to-top.util';
 export function PageAnimateWrapper({ children, className }) {
     const pathname = usePathname();
     useEffect(() => {

package/dist/components/ui/page-content-loader.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../../lib/utils/index.js';
-import { PageLoader } from './page-loader.js';
+import { cn } from '../../lib/utils';
+import { PageLoader } from './page-loader';
 /**
  * PageContentLoader component that displays a spinner loader
  * with minimum height for proper user feedback during backend operations.

package/dist/components/ui/page-loader.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 function Spinner({ size = 'md', className, color = 'text-gray-900' }) {
     const sizeClasses = {
         sm: 'w-4 h-4',

package/dist/components/ui/product-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAoBjD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAyQxG"}
+{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/product-card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAoBjD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CA0QxG"}

package/dist/components/ui/product-card.js

@@ -1,24 +1,24 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Button } from '../../components/ui/button.js';
-import { ImageWithFallback } from '../../components/ui/image-with-fallback.js';
-import { ProductRating } from '../../components/ui/product-rating.js';
+import { Button } from '../../components/ui/button';
+import { ImageWithFallback } from '../../components/ui/image-with-fallback';
+import { ProductRating } from '../../components/ui/product-rating';
 import { ShoppingCart, Heart, Eye, Share2 } from 'lucide-react';
-import { shareProductLink } from '../../lib/utils/product-share.js';
+import { shareProductLink } from '../../lib/utils/product-share';
 import Link from 'next/link';
-import { cn, formatCurrency } from '../../lib/utils/index.js';
-import { resolveProductImageUrls } from '../../lib/utils/product-images.js';
-import { useStore } from '../../lib/store-context.js';
-import { useToast } from '../../components/ui/toast.js';
-import { ButtonLoader } from '../../components/ui/page-loader.js';
-import { useLoading } from '../../lib/loading-context.js';
-import { OutOfStockOverlay } from '../../components/ui/out-of-stock-overlay.js';
-import { LimitedTimeOfferBadge } from '../../components/ui/limited-time-offer-badge.js';
-import { isActiveLimitedTimeOffer } from '../../lib/limited-time-offer.js';
-import { getProductStockInfo } from '../../lib/inventory-utils.js';
-import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html.js';
-import { trackStorefrontEvent } from '../../lib/mixpanel.js';
+import { cn, formatCurrency } from '../../lib/utils';
+import { resolveProductImageUrls } from '../../lib/utils/product-images';
+import { useStore } from '../../lib/store-context';
+import { useToast } from '../../components/ui/toast';
+import { ButtonLoader } from '../../components/ui/page-loader';
+import { useLoading } from '../../lib/loading-context';
+import { OutOfStockOverlay } from '../../components/ui/out-of-stock-overlay';
+import { LimitedTimeOfferBadge } from '../../components/ui/limited-time-offer-badge';
+import { isActiveLimitedTimeOffer } from '../../lib/limited-time-offer';
+import { getProductStockInfo } from '../../lib/inventory-utils';
+import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html';
+import { trackStorefrontEvent } from '../../lib/mixpanel';
 export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, className }) {
     const [isHovered, setIsHovered] = useState(false);
     const { toggleWishlist, isInWishlist, isWishlistLoading, store } = useStore();
@@ -127,7 +127,7 @@ export function ProductCard({ product, storeSlug, onAddToCart, onQuickView, clas
             });
         }
     }
-    return (_jsxs("div", { "data-product-card": true, className: cn("group relative flex flex-col h-full bg-white rounded-lg overflow-hidden border border-gray-100 hover:border-gray-300 transition-all duration-300 hover:shadow-md", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 overflow-hidden", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, onClick: handleProductClick, className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: currentImage, alt: product.name, className: cn("w-full h-full object-cover transition-all duration-700 ease-in-out", isHovered && !hasSecondImage ? "scale-110" : "scale-100", isOutOfStock && "grayscale"), skeletonAspectRatio: "3/4" }) }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" })), (isActiveLimitedTimeOffer(product) || product.compareAtPrice || (product.rating && product.rating >= 4.8)) && (_jsxs("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10", children: [_jsx(LimitedTimeOfferBadge, { product: product, compact: true }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "bg-red-500 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm", children: "Sale" })), !isActiveLimitedTimeOffer(product) && !product.compareAtPrice && product.rating && product.rating >= 4.8 && (_jsx("span", { className: "bg-white/90 backdrop-blur-sm text-slate-900 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm border border-gray-100", children: "Top Rated" }))] })), _jsxs("div", { className: "absolute top-3 right-3 z-30 flex flex-col gap-2 opacity-0 group-hover:opacity-100 transform translate-x-2 group-hover:translate-x-0 transition-all duration-300", children: [_jsx("button", { type: "button", onClick: handleShareClick, className: "p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm text-slate-600 hover:text-slate-900", title: "Share product", "aria-label": "Share product", children: _jsx(Share2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: handleWishlistClick, disabled: isLoading, className: cn("p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed", inWishlist ? "text-red-500" : "text-slate-600 hover:text-red-500"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: "text-red-500" })) : (_jsx(Heart, { className: cn("h-4 w-4", inWishlist && "fill-current") })) })] }), _jsxs("div", { className: "absolute bottom-4 inset-x-4 flex items-center gap-2 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out z-20", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "h-10 w-10 flex items-center justify-center rounded-full bg-white text-slate-900 hover:bg-slate-900 hover:text-white border border-transparent shadow-lg transition-colors duration-200", title: "View Details", onClick: trackProductClick, children: _jsx(Eye, { className: "h-4 w-4" }) }), _jsxs(Button, { onClick: async (e) => {
+    return (_jsxs("div", { "data-product-card": true, className: cn("group relative flex flex-col h-full bg-white rounded-lg overflow-hidden border border-gray-100 hover:border-gray-300 transition-all duration-300 hover:shadow-md", className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [_jsxs("div", { className: "relative aspect-[3/4] bg-gray-50 overflow-hidden", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, onClick: handleProductClick, className: "block w-full h-full", children: _jsx(ImageWithFallback, { src: currentImage, alt: product.name, className: cn("w-full h-full object-cover transition-all duration-700 ease-in-out", isHovered && !hasSecondImage ? "scale-110" : "scale-100", isOutOfStock && "grayscale"), skeletonAspectRatio: "3/4", lazy: true }) }), isOutOfStock && (_jsx(OutOfStockOverlay, { badgePosition: "center" })), (isActiveLimitedTimeOffer(product) || product.compareAtPrice || (product.rating && product.rating >= 4.8)) && (_jsxs("div", { className: "absolute top-3 left-3 flex flex-col gap-2 z-10", children: [_jsx(LimitedTimeOfferBadge, { product: product, compact: true }), product.compareAtPrice != null && product.compareAtPrice > product.price && (_jsx("span", { className: "bg-red-500 text-white text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm", children: "Sale" })), !isActiveLimitedTimeOffer(product) && !product.compareAtPrice && product.rating && product.rating >= 4.8 && (_jsx("span", { className: "bg-white/90 backdrop-blur-sm text-slate-900 text-[10px] font-bold px-2.5 py-1 rounded-full uppercase tracking-wider shadow-sm border border-gray-100", children: "Top Rated" }))] })), _jsxs("div", { className: "absolute top-3 right-3 z-30 flex flex-col gap-2 opacity-0 group-hover:opacity-100 transform translate-x-2 group-hover:translate-x-0 transition-all duration-300", children: [_jsx("button", { type: "button", onClick: handleShareClick, className: "p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm text-slate-600 hover:text-slate-900", title: "Share product", "aria-label": "Share product", children: _jsx(Share2, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: handleWishlistClick, disabled: isLoading, className: cn("p-2 rounded-full bg-white/80 backdrop-blur-sm hover:bg-white transition-all duration-300 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed", inWishlist ? "text-red-500" : "text-slate-600 hover:text-red-500"), title: inWishlist ? "Remove from wishlist" : "Add to wishlist", children: isLoading ? (_jsx(ButtonLoader, { className: "text-red-500" })) : (_jsx(Heart, { className: cn("h-4 w-4", inWishlist && "fill-current") })) })] }), _jsxs("div", { className: "absolute bottom-4 inset-x-4 flex items-center gap-2 opacity-0 translate-y-4 group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 ease-out z-20", children: [_jsx(Link, { href: `/${storeSlug}/products/${product.slug}`, className: "h-10 w-10 flex items-center justify-center rounded-full bg-white text-slate-900 hover:bg-slate-900 hover:text-white border border-transparent shadow-lg transition-colors duration-200", title: "View Details", onClick: trackProductClick, children: _jsx(Eye, { className: "h-4 w-4" }) }), _jsxs(Button, { onClick: async (e) => {
                                     e.preventDefault();
                                     if (!isOutOfStock) {
                                         await onAddToCart(product);

package/dist/components/ui/product-rating.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Star } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 /**
  * Smart product rating component that handles:
  * - Products with reviews: Shows rating and review count

package/dist/components/ui/product-stock-badge.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckCircle, AlertTriangle, Info } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
-import { getProductStockInfo } from '../../lib/inventory-utils.js';
+import { cn } from '../../lib/utils';
+import { getProductStockInfo } from '../../lib/inventory-utils';
 const STATUS_STYLES = {
     untracked: 'bg-green-100 text-green-800',
     in_stock: 'bg-green-100 text-green-800',

package/dist/components/ui/review-form.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Star, X } from 'lucide-react';
-import { Button } from '../../components/ui/button.js';
-import { cn } from '../../lib/utils/index.js';
+import { Button } from '../../components/ui/button';
+import { cn } from '../../lib/utils';
 export function ReviewForm({ storeConfig, onClose, onSubmit }) {
     const [rating, setRating] = useState(0);
     const [hoverRating, setHoverRating] = useState(0);

package/dist/components/ui/route-skeleton-loader.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { usePathname } from 'next/navigation';
-import { ProductDetailSkeleton } from './skeletons/product-detail-skeleton.js';
-import { ProductGridSkeleton } from './skeletons/product-grid-skeleton.js';
-import { CategoryGridSkeleton } from './skeletons/category-grid-skeleton.js';
-import { PageSkeleton } from './skeletons/page-skeleton.js';
-import { CheckoutSkeleton } from './skeletons/checkout-skeleton.js';
-import { cn } from '../../lib/utils/index.js';
+import { ProductDetailSkeleton } from './skeletons/product-detail-skeleton';
+import { ProductGridSkeleton } from './skeletons/product-grid-skeleton';
+import { CategoryGridSkeleton } from './skeletons/category-grid-skeleton';
+import { PageSkeleton } from './skeletons/page-skeleton';
+import { CheckoutSkeleton } from './skeletons/checkout-skeleton';
+import { cn } from '../../lib/utils';
 export function RouteSkeletonLoader({ className, pathname: pathnameProp }) {
     const pathnameFromHook = usePathname();
     const pathname = pathnameProp || pathnameFromHook;

package/dist/components/ui/sheet.d.ts

@@ -6,6 +6,7 @@ interface SheetProps {
     children: React.ReactNode;
     side?: 'left' | 'right';
     className?: string;
+    style?: React.CSSProperties;
     contentClassName?: string;
     backdropClassName?: string;
     closeButtonClassName?: string;
@@ -24,6 +25,6 @@ interface SheetProps {
     /** SSO login sheet color-scheme hint for OS dark mode (light resists forced-dark). */
     dataLoginPanel?: 'light' | 'dark';
 }
-export declare function Sheet({ isOpen, onClose, title, children, side, className, contentClassName, backdropClassName, closeButtonClassName, ariaLabelledBy, hideBuiltInTitle, showCloseButton, onOpenAutoFocus, portal, overlayTier, overlayMobileMode, dataLoginPanel, }: SheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function Sheet({ isOpen, onClose, title, children, side, className, style, contentClassName, backdropClassName, closeButtonClassName, ariaLabelledBy, hideBuiltInTitle, showCloseButton, onOpenAutoFocus, portal, overlayTier, overlayMobileMode, dataLoginPanel, }: SheetProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=sheet.d.ts.map

package/dist/components/ui/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC5C,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAc,EACd,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,gBAAwB,EACxB,eAAsB,EACtB,eAAe,EACf,MAAc,EACd,WAAuB,EACvB,iBAA4B,EAC5B,cAAc,GACf,EAAE,UAAU,2CA8FZ"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,wFAAwF;IACxF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC5C,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACnC;AAED,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAc,EACd,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,cAAc,EACd,gBAAwB,EACxB,eAAsB,EACtB,eAAe,EACf,MAAc,EACd,WAAuB,EACvB,iBAA4B,EAC5B,cAAc,GACf,EAAE,UAAU,2CA+FZ"}

package/dist/components/ui/sheet.js

@@ -3,11 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { X } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
-import { Button } from './button.js';
+import { cn } from '../../lib/utils';
+import { Button } from './button';
 /** Login / critical overlays — above sticky headers (z-60), search (z-100), sliders, etc. */
 const OVERLAY_ROOT_Z = 'z-[9999]';
-export function Sheet({ isOpen, onClose, title, children, side = 'right', className, contentClassName, backdropClassName, closeButtonClassName, ariaLabelledBy, hideBuiltInTitle = false, showCloseButton = true, onOpenAutoFocus, portal = false, overlayTier = 'default', overlayMobileMode = 'drawer', dataLoginPanel, }) {
+export function Sheet({ isOpen, onClose, title, children, side = 'right', className, style, contentClassName, backdropClassName, closeButtonClassName, ariaLabelledBy, hideBuiltInTitle = false, showCloseButton = true, onOpenAutoFocus, portal = false, overlayTier = 'default', overlayMobileMode = 'drawer', dataLoginPanel, }) {
     React.useEffect(() => {
         const handleEscape = (e) => {
             if (e.key === 'Escape')
@@ -37,7 +37,7 @@ export function Sheet({ isOpen, onClose, title, children, side = 'right', classN
     const panelZ = isOverlay ? 'z-10' : 'z-[110]';
     const sheetContent = (_jsxs("div", { className: cn(isOverlay && 'fixed inset-0', !isOverlay && 'contents', rootZ), children: [_jsx("div", { className: cn(isOverlay ? 'absolute inset-0' : 'fixed inset-0', backdropZ, 'transition-opacity', backdropClassName ?? 'bg-black/60 backdrop-blur-sm'), onClick: onClose, "aria-hidden": "true" }), _jsxs("div", { role: "dialog", "aria-modal": "true", "data-login-panel": dataLoginPanel, "aria-labelledby": ariaLabelledBy || (title && !hideBuiltInTitle ? 'sheet-title' : undefined), className: cn('bg-white shadow-xl transition ease-in-out duration-300 transform flex flex-col', isOverlay ? 'fixed top-0 bottom-0 h-dvh max-h-dvh supports-[height:100dvh]:h-dvh' : 'fixed', panelZ, side === 'left' ? 'left-0' : 'right-0', !isOverlay && (side === 'left' ? 'top-0 bottom-0 left-0' : 'top-0 bottom-0 right-0 h-dvh max-h-dvh'), overlayMobileMode === 'fullscreen' &&
                     isOverlay &&
-                    'max-sm:inset-0 max-sm:left-0 max-sm:right-0 max-sm:w-screen max-sm:max-w-[100dvw] max-sm:rounded-none', 'w-full max-w-md translate-x-0 opacity-100 pointer-events-auto', className), children: [showCloseButton && !hideBuiltInTitle ? (_jsxs("div", { className: "flex items-center justify-between shrink-0 px-6 pt-6 pb-2", children: [title ? (_jsx("h2", { id: "sheet-title", className: "text-lg font-semibold text-[#1b0029]", children: title })) : (_jsx("span", {})), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: cn('rounded-full shrink-0', closeButtonClassName), "aria-label": "Close", children: _jsx(X, { className: "h-4 w-4" }) })] })) : null, _jsx("div", { className: cn('flex-1 min-h-0 overflow-y-auto overflow-x-hidden py-px', contentClassName), children: children })] })] }));
+                    'max-sm:inset-0 max-sm:left-0 max-sm:right-0 max-sm:w-screen max-sm:max-w-[100dvw] max-sm:rounded-none', 'w-full max-w-md translate-x-0 opacity-100 pointer-events-auto', className), style: style, children: [showCloseButton && !hideBuiltInTitle ? (_jsxs("div", { className: "flex items-center justify-between shrink-0 px-6 pt-6 pb-2", children: [title ? (_jsx("h2", { id: "sheet-title", className: "text-lg font-semibold text-[#1b0029]", children: title })) : (_jsx("span", {})), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: cn('rounded-full shrink-0', closeButtonClassName), "aria-label": "Close", children: _jsx(X, { className: "h-4 w-4" }) })] })) : null, _jsx("div", { className: cn('flex-1 min-h-0 overflow-y-auto overflow-x-hidden py-px', contentClassName), children: children })] })] }));
     if (portal && typeof document !== 'undefined') {
         return createPortal(sheetContent, document.body);
     }

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils/index.js";
+import { cn } from "../../lib/utils";
 function Skeleton({ className, ...props }) {
     return (_jsx("div", { className: cn("animate-pulse rounded-md bg-gray-200/80", className), ...props }));
 }

package/dist/components/ui/skeletons/index.js

@@ -1,5 +1,5 @@
-export { ProductCardSkeleton } from './product-card-skeleton.js';
-export { ProductGridSkeleton } from './product-grid-skeleton.js';
-export { ProductDetailSkeleton } from './product-detail-skeleton.js';
-export { CategoryGridSkeleton } from './category-grid-skeleton.js';
-export { PageSkeleton } from './page-skeleton.js';
+export { ProductCardSkeleton } from './product-card-skeleton';
+export { ProductGridSkeleton } from './product-grid-skeleton';
+export { ProductDetailSkeleton } from './product-detail-skeleton';
+export { CategoryGridSkeleton } from './category-grid-skeleton';
+export { PageSkeleton } from './page-skeleton';

package/dist/components/ui/skeletons/product-grid-skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ProductCardSkeleton } from './product-card-skeleton.js';
+import { ProductCardSkeleton } from './product-card-skeleton';
 export function ProductGridSkeleton({ count = 8, columns = 4 }) {
     const gridCols = {
         1: 'grid-cols-1',

package/dist/components/ui/store-logos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store-logos.d.ts","sourceRoot":"","sources":["../../../src/components/ui/store-logos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,GAAI,uDAA+E,SAAS,4CA0ChH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,uDAA+E,SAAS,4CAuBtH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,uDAA+E,SAAS,4CAgCpH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uDAA+E,SAAS,4CAqB3H,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,uDAA+E,SAAS,4CA4BnH,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,uDAA+E,SAAS,4CAczH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uDAA+E,SAAS,4CA8BvH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uDAA+E,SAAS,4CAmB3H,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,uDAA+E,SAAS,4CA8BxH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,SAAS,4CAuB1D,CAAC;AAEF;;GAEG;AACH,UAAU,uBAAwB,SAAQ,SAAS;IACjD,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CA4B3F;AAiBD;;GAEG;AACH,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE;YACT,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,cAAc,CAAC,EAAE,MAAM,CAAC;YACxB,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,GAAG,IAAI,GAAG,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CA0BxF"}
+{"version":3,"file":"store-logos.d.ts","sourceRoot":"","sources":["../../../src/components/ui/store-logos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,UAAU,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,GAAI,uDAA+E,SAAS,4CA0ChH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,uDAA+E,SAAS,4CAuBtH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,uDAA+E,SAAS,4CAgCpH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uDAA+E,SAAS,4CAqB3H,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,uDAA+E,SAAS,4CA4BnH,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,uDAA+E,SAAS,4CAczH,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,uDAA+E,SAAS,4CA8BvH,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,uDAA+E,SAAS,4CAmB3H,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,uDAA+E,SAAS,4CA8BxH,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,SAAS,4CAuB1D,CAAC;AAEF;;GAEG;AACH,UAAU,uBAAwB,SAAQ,SAAS;IACjD,WAAW,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CA2B3F;AAiBD;;GAEG;AACH,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE;YACT,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,cAAc,CAAC,EAAE,MAAM,CAAC;YACxB,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,GAAG,IAAI,GAAG,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAyBxF"}

package/dist/components/ui/store-logos.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from 'next/image';
-import { cn } from '../../lib/utils/index.js';
-import { getLogoUrl } from '../../lib/utils/asset-helpers.js';
+import { cn } from '../../lib/utils';
+import { getLogoUrl } from '../../lib/utils/asset-helpers';
 export const FoodLogo = ({ className, primaryColor = '#FF6B35', secondaryColor = '#F7931E', ...props }) => (_jsxs("svg", { viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("w-10 h-10", className), ...props, children: [_jsx("path", { d: "M100 20C55.8172 20 20 55.8172 20 100C20 144.183 55.8172 180 100 180C144.183 180 180 144.183 180 100C180 55.8172 144.183 20 100 20Z", fill: primaryColor, fillOpacity: "0.1" }), _jsx("path", { d: "M130 90C130 90 125 60 100 60C75 60 70 90 70 90V110C70 126.569 83.4315 140 100 140C116.569 140 130 126.569 130 110V90Z", stroke: primaryColor, strokeWidth: "12", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M100 60V140", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M70 90H130", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M85 45C85 45 90 35 100 35C110 35 115 45 115 45", stroke: secondaryColor, strokeWidth: "6", strokeLinecap: "round", strokeLinejoin: "round" })] }));
 export const FoodModernLogo = ({ className, primaryColor = '#FF6B35', secondaryColor = '#F7931E', ...props }) => (_jsxs("svg", { viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("w-10 h-10", className), ...props, children: [_jsx("rect", { width: "200", height: "200", rx: "40", fill: primaryColor }), _jsx("path", { d: "M140 70C140 70 130 50 100 50C70 50 60 70 60 70V120C60 142.091 77.9086 160 100 160C122.091 160 140 142.091 140 120V70Z", stroke: "white", strokeWidth: "12", strokeLinecap: "round" }), _jsx("path", { d: "M80 100L120 100", stroke: "white", strokeWidth: "12", strokeLinecap: "round" }), _jsx("circle", { cx: "150", cy: "50", r: "15", fill: secondaryColor })] }));
 export const ClothingLogo = ({ className, primaryColor = '#EC4899', secondaryColor = '#FBCFE8', ...props }) => (_jsxs("svg", { viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("w-10 h-10", className), ...props, children: [_jsx("path", { d: "M100 30L40 70V160C40 171.046 48.9543 180 60 180H140C151.046 180 160 171.046 160 160V70L100 30Z", fill: secondaryColor, fillOpacity: "0.3", stroke: primaryColor, strokeWidth: "10", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M100 30V180", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M70 70L100 100L130 70", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round", strokeLinejoin: "round" })] }));
@@ -42,7 +42,7 @@ export function StoreLogo({ storeConfig, alt, className, ...props }) {
     if (logoUrl) {
         // Extract width/height from className if present, otherwise use defaults
         const defaultSize = 40;
-        return (_jsx("div", { className: cn("relative flex items-center justify-center", className), children: _jsx(Image, { src: logoUrl, alt: alt || storeConfig?.name || 'Store Logo', fill: true, className: "object-contain", unoptimized: true }) }));
+        return (_jsx("div", { className: cn("relative flex items-center justify-center", className), children: _jsx(Image, { src: logoUrl, alt: alt || storeConfig?.name || 'Store Logo', fill: true, className: "object-contain" }) }));
     }
     // Otherwise, fall back to default SVG logo
     return getStoreLogo(storeType, {
@@ -71,7 +71,7 @@ export function StoreLogoSimple({ store, alt, className, ...props }) {
     const storeType = store?.type || 'clothing';
     // If backend logo exists, render it as an image
     if (logoUrl) {
-        return (_jsx("div", { className: cn("relative flex items-center justify-center", className), children: _jsx(Image, { src: logoUrl, alt: alt || store?.name || 'Store Logo', fill: true, className: "object-contain", unoptimized: true }) }));
+        return (_jsx("div", { className: cn("relative flex items-center justify-center", className), children: _jsx(Image, { src: logoUrl, alt: alt || store?.name || 'Store Logo', fill: true, className: "object-contain" }) }));
     }
     // Otherwise, fall back to default SVG logo
     return getStoreLogo(storeType, {

package/dist/components/ui/toast.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState, useCallback } from 'react';
 import { X, CheckCircle, AlertCircle, Info } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 export const ToastContext = createContext(undefined);
 export function ToastProvider({ children }) {
     const [toasts, setToasts] = useState([]);

package/dist/components/ui/video-player.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { parseVideoUrl, getBackgroundVideoEmbedUrl, getEmbedVideoUrl } from '../../lib/utils/video-helpers.js';
-import { cn } from '../../lib/utils/index.js';
+import { parseVideoUrl, getBackgroundVideoEmbedUrl, getEmbedVideoUrl } from '../../lib/utils/video-helpers';
+import { cn } from '../../lib/utils';
 export function VideoPlayer({ src, poster, context = 'inline', autoplay = false, controls = true, loop = false, muted = false, className, aspectRatio, onError, }) {
     const [videoInfo, setVideoInfo] = useState(null);
     const [hasError, setHasError] = useState(false);

package/dist/editor/alignment-schemas/booking.js

@@ -1,4 +1,4 @@
-import { bookingFooterSection } from './booking-footer-section.js';
+import { bookingFooterSection } from './booking-footer-section';
 const sectionStyleSupports = {
     spacing: true,
     colors: true,

package/dist/editor/alignment-schemas/clothing-minimal.js

@@ -1,4 +1,4 @@
-import { PAYAZA_BLOCK_IDS } from '../blocks/types.js';
+import { PAYAZA_BLOCK_IDS } from '../blocks/types';
 const sectionStyleSupports = {
     spacing: true,
     colors: true,

package/dist/editor/alignment-schemas/index.js

@@ -1,23 +1,23 @@
-import { ClothingSchema } from './clothing.js';
-import { ClothingMinimalSchema } from './clothing-minimal.js';
-import { FoodSchema } from './food.js';
-import { FoodModernSchema } from './food-modern.js';
-import { ElectronicsSchema } from './electronics.js';
-import { ElectronicsGridSchema } from './electronics-grid.js';
-import { BookingSchema } from './booking.js';
-import { BookingAgendaSchema } from './booking-agenda.js';
-import { MotivationalSpeakerSchema } from './motivational-speaker.js';
-export * from './types.js';
-export * from './metadata.js';
-export * from './clothing.js';
-export * from './clothing-minimal.js';
-export * from './food.js';
-export * from './food-modern.js';
-export * from './electronics.js';
-export * from './electronics-grid.js';
-export * from './booking.js';
-export * from './booking-agenda.js';
-export * from './motivational-speaker.js';
+import { ClothingSchema } from './clothing';
+import { ClothingMinimalSchema } from './clothing-minimal';
+import { FoodSchema } from './food';
+import { FoodModernSchema } from './food-modern';
+import { ElectronicsSchema } from './electronics';
+import { ElectronicsGridSchema } from './electronics-grid';
+import { BookingSchema } from './booking';
+import { BookingAgendaSchema } from './booking-agenda';
+import { MotivationalSpeakerSchema } from './motivational-speaker';
+export * from './types';
+export * from './metadata';
+export * from './clothing';
+export * from './clothing-minimal';
+export * from './food';
+export * from './food-modern';
+export * from './electronics';
+export * from './electronics-grid';
+export * from './booking';
+export * from './booking-agenda';
+export * from './motivational-speaker';
 export const alignmentSchemasMap = {
     'clothing': ClothingSchema,
     'fashion-hub': ClothingSchema,

package/dist/editor/alignment-schemas/lazy-loader.js

@@ -1,4 +1,4 @@
-import { normalizeEditorLayoutId } from '../document/layout-id.js';
+import { normalizeEditorLayoutId } from '../document/layout-id';
 const _cache = {};
 const _pending = {};
 /**

package/dist/editor/alignment-schemas/metadata.js

@@ -1,4 +1,4 @@
-import { normalizeEditorLayoutId } from '../document/layout-id.js';
+import { normalizeEditorLayoutId } from '../document/layout-id';
 /**
  * Metadata for all layouts
  * Extracted from requirements JSON files

package/dist/editor/alignment-schemas/resolve-canvas-inspector-leaf.js

@@ -1,6 +1,6 @@
-import { readDataAtPath } from '../payaza-form/data-transformer.js';
-import { getPayazaBlockDefinition } from '../blocks/registry.js';
-import { resolveAlignmentFieldLeaf } from './resolve-field.js';
+import { readDataAtPath } from '../payaza-form/data-transformer';
+import { getPayazaBlockDefinition } from '../blocks/registry';
+import { resolveAlignmentFieldLeaf } from './resolve-field';
 function alignmentSchemaToMeta(leaf) {
     const label = leaf.label || leaf._label || 'Field';
     const description = leaf.description || leaf._description || undefined;

package/dist/editor/blocks/index.js

@@ -1,3 +1,3 @@
-export * from './types.js';
-export * from './registry.js';
-export * from './defaults/clothing-minimal-home.js';
+export * from './types';
+export * from './registry';
+export * from './defaults/clothing-minimal-home';

package/dist/editor/blocks/migrate-clothing-minimal.js

@@ -1,6 +1,6 @@
-import { deepClone } from '../../lib/utils/index.js';
-import { hasClothingMinimalMerchantSectionSignal } from '../../lib/layout-field-normalize.js';
-import { defaultClothingMinimalAboutBlocks, defaultClothingMinimalCategoriesBlocks, defaultClothingMinimalFeaturedProductsBlocks, defaultClothingMinimalFeaturesBlocks, defaultClothingMinimalHeroBlocks, defaultClothingMinimalPromoBlocks, getDefaultBlocksForClothingMinimalHomeSection, } from './defaults/clothing-minimal-home.js';
+import { deepClone } from '../../lib/utils';
+import { hasClothingMinimalMerchantSectionSignal } from '../../lib/layout-field-normalize';
+import { defaultClothingMinimalAboutBlocks, defaultClothingMinimalCategoriesBlocks, defaultClothingMinimalFeaturedProductsBlocks, defaultClothingMinimalFeaturesBlocks, defaultClothingMinimalHeroBlocks, defaultClothingMinimalPromoBlocks, getDefaultBlocksForClothingMinimalHomeSection, } from './defaults/clothing-minimal-home';
 function richOrString(v) {
     if (v == null)
         return '';

package/dist/editor/blocks/nav-outline-utils.js

@@ -1,5 +1,5 @@
-import { getPayazaBlockDefinition } from './registry.js';
-import { readDataAtPath } from '../payaza-form/data-transformer.js';
+import { getPayazaBlockDefinition } from './registry';
+import { readDataAtPath } from '../payaza-form/data-transformer';
 const ARRAY_FIELD_KEY_SET = new Set([
     'sliders',
     'items',

package/dist/editor/blocks/registry.js

@@ -1,4 +1,4 @@
-import { deepClone } from '../../lib/utils/index.js';
+import { deepClone } from '../../lib/utils';
 const defs = {
     'payaza/badge': {
         name: 'payaza/badge',

package/dist/editor/document/adapter.js

@@ -1,7 +1,7 @@
-import { deepMergeLayoutPayload } from '../../lib/layout-config-hydration.js';
-import { EDITOR_DOC_VERSION, SNAPSHOT_CONTENT_KEY } from './constants.js';
-import { SHOPAZA_BLOCK_TYPES, SHOPAZA_DOCUMENT_ROOT_ID, applySectionContentEntriesToStoreConfig, applyTemplateBlocksToStoreConfig, buildTemplateFromOverlay, hasStructuredBlockTree, mergeSectionEntriesIntoContent, } from './block-tree.js';
-import { validateEditorEnvelope } from './validate.js';
+import { deepMergeLayoutPayload } from '../../lib/layout-config-hydration';
+import { EDITOR_DOC_VERSION, SNAPSHOT_CONTENT_KEY } from './constants';
+import { SHOPAZA_BLOCK_TYPES, SHOPAZA_DOCUMENT_ROOT_ID, applySectionContentEntriesToStoreConfig, applyTemplateBlocksToStoreConfig, buildTemplateFromOverlay, hasStructuredBlockTree, mergeSectionEntriesIntoContent, } from './block-tree';
+import { validateEditorEnvelope } from './validate';
 function nowIso() {
     return new Date().toISOString();
 }

package/dist/editor/document/block-tree.js

@@ -1,4 +1,4 @@
-import { deepClone } from '../../lib/utils/index.js';
+import { deepClone } from '../../lib/utils';
 /** Document root — one tree per storefront layout JSON. */
 export const SHOPAZA_DOCUMENT_ROOT_ID = 'shopaza:document:root';
 export const SHOPAZA_BLOCK_TYPES = {

package/dist/editor/document/index.js

@@ -1,6 +1,6 @@
-export * from './types.js';
-export * from './constants.js';
-export * from './validate.js';
-export * from './adapter.js';
-export * from './layout-id.js';
-export * from './block-tree.js';
+export * from './types';
+export * from './constants';
+export * from './validate';
+export * from './adapter';
+export * from './layout-id';
+export * from './block-tree';

package/dist/editor/document/validate.js

@@ -1,4 +1,4 @@
-import { EDITOR_DOC_VERSION, SUPPORTED_LAYOUT_TYPES, SNAPSHOT_CONTENT_KEY } from './constants.js';
+import { EDITOR_DOC_VERSION, SUPPORTED_LAYOUT_TYPES, SNAPSHOT_CONTENT_KEY } from './constants';
 function push(diagnostics, d) {
     diagnostics.push(d);
 }

package/dist/editor/index.js

@@ -1,19 +1,19 @@
-export * from './types.js';
-export * from './document/index.js';
-export * from './shared/index.js';
-export * from './feature-flags.js';
+export * from './types';
+export * from './document';
+export * from './shared';
+export * from './feature-flags';
 // Export PayazaForm editor (namespace for consumers that destructure PayazaForm)
-export * as PayazaForm from './payaza-form/index.js';
+export * as PayazaForm from './payaza-form';
 // Top-level named exports so consumers can also import directly:
 //   import { PayazaFormEditorFullPage, getFullInventory } from 'payaza-storefront-layouts/editor'
-export { PayazaFormEditorFullPage, PayazaFormEditor } from './payaza-form/index.js';
+export { PayazaFormEditorFullPage, PayazaFormEditor } from './payaza-form';
 // Also export asset selection handler directly for easier access
-export { getGlobalAssetSelectionHandler } from './payaza-form/AssetSelectionContext.js';
-export { loadLayoutContentForEditor, hasRenderableLayoutContent, } from './layout-content-loader.js';
-export { extractPublishedLayoutConfig } from '../lib/layout-config-hydration.js';
-export { normalizeLayoutConfigFieldShapes, prepareLayoutPayloadForPublish, denormalizeClothingMinimalBlocksToSectionFields, } from '../lib/layout-field-normalize.js';
-export { mergeAllPagesWithActualData } from './payaza-form/data-merger.js';
-export { loadLayoutJSONSync } from './payaza-form/layout-loader.js';
+export { getGlobalAssetSelectionHandler } from './payaza-form/AssetSelectionContext';
+export { loadLayoutContentForEditor, hasRenderableLayoutContent, } from './layout-content-loader';
+export { extractPublishedLayoutConfig } from '../lib/layout-config-hydration';
+export { normalizeLayoutConfigFieldShapes, prepareLayoutPayloadForPublish, denormalizeClothingMinimalBlocksToSectionFields, } from '../lib/layout-field-normalize';
+export { mergeAllPagesWithActualData } from './payaza-form/data-merger';
+export { loadLayoutJSONSync } from './payaza-form/layout-loader';
 /**
  * Helper to get the full inventory of all layouts
  * Now uses alignment-schemas instead of requirements JSON

package/dist/editor/layout-content-loader.js

@@ -1,6 +1,6 @@
-import { envelopeToStoreConfig } from './document/adapter.js';
-import { validateEditorEnvelope } from './document/validate.js';
-import { extractPublishedLayoutConfig, hydratePublishedLayoutPayload, hasRenderableLayoutContent as hasRenderableLayoutContentFromHydration, } from '../lib/layout-config-hydration.js';
+import { envelopeToStoreConfig } from './document/adapter';
+import { validateEditorEnvelope } from './document/validate';
+import { extractPublishedLayoutConfig, hydratePublishedLayoutPayload, hasRenderableLayoutContent as hasRenderableLayoutContentFromHydration, } from '../lib/layout-config-hydration';
 export { extractPublishedLayoutConfig, hydratePublishedLayoutPayload };
 function isUnsplashDefaultUrl(url) {
     return /images\.unsplash\.com|unsplash\.com/i.test(url);

package/dist/editor/payaza-form/ArrayItemManager.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, memo } from 'react';
 import { GripVertical, Plus, Copy, Trash2, ChevronUp, ChevronDown } from 'lucide-react';
-import { getFieldRenderer } from './field-renderer-ref.js';
-import { SliderArrayEditor } from './SliderArrayEditor.js';
+import { getFieldRenderer } from './field-renderer-ref';
+import { SliderArrayEditor } from './SliderArrayEditor';
 function isSliderMode(itemEditor, arrayFieldKey) {
     if (itemEditor === 'slider')
         return true;

package/dist/editor/payaza-form/EditorCanvasPreview.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useRef } from 'react';
-import { IframePreview } from '../shared/IframePreview.js';
-import { InlineCanvasPreview } from '../shared/InlineCanvasPreview.js';
-import { shouldUseInlineEditorPreview } from '../../lib/utils/mobile-editor.js';
-import { useAssetSelection } from './AssetSelectionContext.js';
-import { processPreviewMessage } from './preview-message-handler.js';
+import { IframePreview } from '../shared/IframePreview';
+import { InlineCanvasPreview } from '../shared/InlineCanvasPreview';
+import { shouldUseInlineEditorPreview } from '../../lib/utils/mobile-editor';
+import { useAssetSelection } from './AssetSelectionContext';
+import { processPreviewMessage } from './preview-message-handler';
 export function EditorCanvasPreview({ layoutId, config, activePageId, viewMode, selectedSection, focusedField, interactionMode, slideIndexSync, flushRequestId, previewZoom, editorContext, onSectionSelected, onFieldCommit, onSectionReorder, onFocusSidebarSection, onPreviewElementFocus, onRouteChange, previewFlushRef, iframePreviewFlushRef, }) {
     const useInline = shouldUseInlineEditorPreview();
     const { onOpenAssetSelect } = useAssetSelection();