storefront-layouts 1.0.3 → 1.0.4

package/dist/components/auth/LoginForm.js

@@ -3,8 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import Link from 'next/link';
 import { Eye, EyeOff, Loader2, ArrowRight } from 'lucide-react';
 import { motion } from 'framer-motion';
-import { useLoginSubmit } from './use-login-submit.js';
-import { cn } from '../../lib/utils/index.js';
+import { useLoginSubmit } from './use-login-submit';
+import { cn } from '../../lib/utils';
 /** Full-page auth login only. Store sheets use BespokeStoreLoginSheet + LoginFormCore. */
 export function LoginForm({ callbackUrl = '/', variant = 'page', onSuccess, className, }) {
     const { email, setEmail, password, setPassword, showPassword, setShowPassword, emailError, setEmailError, isLoading, handleSubmit, signupHref, resetHref, } = useLoginSubmit({ callbackUrl, variant: 'page', onSuccess });

package/dist/components/auth/LoginSheet.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useAuth } from '../../lib/auth-context.js';
-import { BespokeStoreLoginSheet } from './login-sheet-registry.js';
+import { useAuth } from '../../lib/auth-context';
+import { BespokeStoreLoginSheet } from './login-sheet-registry';
 export function LoginSheet({ storeConfig }) {
     const { isLoginOpen, loginCallbackUrl, loginOnSuccess, closeLogin } = useAuth();
     return (_jsx(BespokeStoreLoginSheet, { storeConfig: storeConfig, isOpen: isLoginOpen, onClose: closeLogin, callbackUrl: loginCallbackUrl, onSuccess: loginOnSuccess }));

package/dist/components/auth/login-form-core.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Link from 'next/link';
 import { Eye, EyeOff, Loader2, ArrowRight } from 'lucide-react';
-import { useLoginSubmit } from './use-login-submit.js';
-import { cn } from '../../lib/utils/index.js';
-import { loginSheetButtonTouch } from './login-sheet-themes/theme-input-baselines.js';
+import { useLoginSubmit } from './use-login-submit';
+import { cn } from '../../lib/utils';
+import { loginSheetButtonTouch } from './login-sheet-themes/theme-input-baselines';
 export function LoginFormCore({ storeConfig, theme, callbackUrl = '/', onSuccess, emailInputRef, }) {
     const { email, setEmail, password, setPassword, showPassword, setShowPassword, emailError, setEmailError, isLoading, isSheet, closeLogin, handleSubmit, signupHref, resetHref, } = useLoginSubmit({ callbackUrl, variant: 'sheet', onSuccess });
     const primaryColor = storeConfig.branding.primaryColor || '#1b0029';

package/dist/components/auth/login-sheet-header.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { X } from 'lucide-react';
-import { StoreLogo } from '../../components/ui/store-logos.js';
-import { Button } from '../../components/ui/button.js';
-import { cn } from '../../lib/utils/index.js';
+import { StoreLogo } from '../../components/ui/store-logos';
+import { Button } from '../../components/ui/button';
+import { cn } from '../../lib/utils';
 export function LoginSheetHeader({ storeConfig, theme, onClose }) {
     const isLightPanel = (theme.panelMode ?? 'light') === 'light';
     return (_jsxs("header", { className: cn('shrink-0', theme.headerClassName), children: [_jsxs("div", { className: "flex items-start justify-between gap-3 sm:gap-4 mb-4 sm:mb-5", children: [_jsxs("div", { className: "flex items-center gap-2.5 sm:gap-3 min-w-0 flex-1", children: [_jsx(StoreLogo, { storeConfig: storeConfig, className: "h-9 w-9 sm:h-10 sm:w-10 shrink-0", alt: storeConfig.name }), _jsx("div", { className: "min-w-0", children: _jsx("p", { className: cn('text-[11px] sm:text-xs font-medium truncate', isLightPanel && 'system-dark:text-[#5c4d68]', theme.storeNameClassName ?? 'opacity-70'), children: storeConfig.name }) })] }), _jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, className: cn('rounded-full shrink-0 -mr-1 h-11 w-11 min-h-11 min-w-11 touch-manipulation', isLightPanel && 'system-dark:text-[#1b0029] system-dark:hover:bg-black/5', theme.closeButtonClassName), "aria-label": "Close sign in", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("h1", { id: "login-form-title", className: cn('font-display font-bold tracking-tight text-xl sm:text-2xl leading-tight', isLightPanel && 'system-dark:text-[#1b0029]', theme.titleClassName ?? 'text-[#1b0029]'), children: "Sign in" }), _jsx("p", { className: cn('mt-1.5 sm:mt-2 text-[13px] sm:text-sm leading-snug', isLightPanel && 'system-dark:text-[#5c4d68]', theme.subtitleClassName), children: "Sign into your Shopaza account using your registered email address and password" })] }));

package/dist/components/auth/login-sheet-registry.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getLoginSheetTheme } from './login-sheet-themes/index.js';
-import { StoreLoginSheetShell } from './login-sheets/StoreLoginSheetShell.js';
+import { getLoginSheetTheme } from './login-sheet-themes';
+import { StoreLoginSheetShell } from './login-sheets/StoreLoginSheetShell';
 /** Renders the layout-specific bespoke login sheet for the current store. */
 export function BespokeStoreLoginSheet({ storeConfig, isOpen, onClose, callbackUrl, onSuccess, }) {
     const theme = getLoginSheetTheme(storeConfig.layout);

package/dist/components/auth/login-sheet-themes/booking-agenda.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const bookingAgendaLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-rose-100`,
     backdropClassName: 'bg-slate-900/50 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/booking.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const bookingLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-slate-200`,
     backdropClassName: 'bg-slate-900/55 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/clothing-minimal.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const clothingMinimalLoginSheetTheme = {
     panelClassName: lightPanelBase,
     backdropClassName: 'bg-black/65 backdrop-blur-[2px]',

package/dist/components/auth/login-sheet-themes/clothing.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const clothingLoginSheetTheme = {
     panelClassName: lightPanelBase,
     backdropClassName: 'bg-black/70 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/electronics-grid.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError } from './theme-input-baselines';
 export const electronicsGridLoginSheetTheme = {
     panelClassName: 'bg-brand-bg border-l border-gray-300',
     backdropClassName: 'bg-black/60 backdrop-blur-[2px]',

package/dist/components/auth/login-sheet-themes/electronics.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const electronicsLoginSheetTheme = {
     panelClassName: lightPanelBase,
     backdropClassName: 'bg-gray-900/60 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/food-modern.theme.js

@@ -1,4 +1,4 @@
-import { darkPanelInputBase, darkInputError, darkLabelBase, darkPanelShell } from './theme-input-baselines.js';
+import { darkPanelInputBase, darkInputError, darkLabelBase, darkPanelShell } from './theme-input-baselines';
 export const foodModernLoginSheetTheme = {
     panelMode: 'dark',
     panelClassName: `${darkPanelShell} border-l border-white/10 text-white`,

package/dist/components/auth/login-sheet-themes/food.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const foodLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-orange-100/80`,
     backdropClassName: 'bg-black/70 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/index.js

@@ -1,12 +1,12 @@
-import { foodLoginSheetTheme } from './food.theme.js';
-import { foodModernLoginSheetTheme } from './food-modern.theme.js';
-import { clothingLoginSheetTheme } from './clothing.theme.js';
-import { clothingMinimalLoginSheetTheme } from './clothing-minimal.theme.js';
-import { bookingLoginSheetTheme } from './booking.theme.js';
-import { bookingAgendaLoginSheetTheme } from './booking-agenda.theme.js';
-import { electronicsLoginSheetTheme } from './electronics.theme.js';
-import { electronicsGridLoginSheetTheme } from './electronics-grid.theme.js';
-import { motivationalSpeakerLoginSheetTheme } from './motivational-speaker.theme.js';
+import { foodLoginSheetTheme } from './food.theme';
+import { foodModernLoginSheetTheme } from './food-modern.theme';
+import { clothingLoginSheetTheme } from './clothing.theme';
+import { clothingMinimalLoginSheetTheme } from './clothing-minimal.theme';
+import { bookingLoginSheetTheme } from './booking.theme';
+import { bookingAgendaLoginSheetTheme } from './booking-agenda.theme';
+import { electronicsLoginSheetTheme } from './electronics.theme';
+import { electronicsGridLoginSheetTheme } from './electronics-grid.theme';
+import { motivationalSpeakerLoginSheetTheme } from './motivational-speaker.theme';
 const themeByLayout = {
     food: foodLoginSheetTheme,
     'food-modern': foodModernLoginSheetTheme,

package/dist/components/auth/login-sheet-themes/motivational-speaker.theme.js

@@ -1,4 +1,4 @@
-import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines';
 export const motivationalSpeakerLoginSheetTheme = {
     panelClassName: `${lightPanelBase} border-blue-100`,
     backdropClassName: 'bg-[#0f0018]/65 backdrop-blur-sm',

package/dist/components/auth/login-sheet-themes/theme-input-baselines.d.ts

@@ -6,8 +6,8 @@ export declare const loginSheetColorSchemeDark = "[color-scheme:dark]";
 export declare const loginSheetLightSystemDarkShell = "system-dark:bg-[#fbfaf7] system-dark:text-[#1b0029]";
 export declare const loginSheetLightContentDarkGuards = "system-dark:[&_label]:!text-[#1b0029] system-dark:[&_p]:!text-[#5c4d68] system-dark:[&_a]:!text-[#440066] system-dark:[&_button[type=button]]:text-[#1b0029]";
 export declare const lightPanelBase = "bg-brand-bg border-l border-brand-border/50 [color-scheme:light] system-dark:bg-[#fbfaf7] system-dark:text-[#1b0029]";
-/** Full-bleed on phones; capped drawer from sm — shared by every template login sheet */
-export declare const loginSheetPanelShell = "w-full max-w-full max-sm:w-screen max-sm:max-w-[100dvw] max-sm:min-h-[100dvh] max-sm:rounded-none max-sm:border-l-0 sm:max-w-[420px] md:max-w-md";
+/** Right-rail drawer width (~420px) for every template login sheet. */
+export declare const loginSheetPanelShell = "w-full max-w-[420px] max-sm:max-w-[min(100vw,420px)] sm:max-w-[420px] md:max-w-[420px]";
 /** Safe-area aware padding; scrollable when the mobile keyboard is open */
 export declare const loginSheetContentShell = "flex flex-col h-full min-h-0 px-4 pt-[max(0.75rem,env(safe-area-inset-top))] pb-[max(1.25rem,env(safe-area-inset-bottom))] sm:px-6 sm:pt-6 sm:pb-8 overflow-x-hidden overscroll-y-contain [-webkit-overflow-scrolling:touch]";
 /** 44px+ touch targets for CTAs (WCAG / iOS HIG) */

package/dist/components/auth/login-sheet-themes/theme-input-baselines.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-input-baselines.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/theme-input-baselines.ts"],"names":[],"mappings":"AAAA,uGAAuG;AAEvG,gEAAgE;AAChE,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,6EAA6E;AAC7E,eAAO,MAAM,8BAA8B,wDACY,CAAC;AAExD,eAAO,MAAM,gCAAgC,iKACmH,CAAC;AAEjK,eAAO,MAAM,cAAc,yHAC6F,CAAC;AAEzH,yFAAyF;AACzF,eAAO,MAAM,oBAAoB,qJACmH,CAAC;AAErJ,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,iOAC6L,CAAC;AAEjO,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,cAAc,ygBAC6e,CAAC;AAEzgB,eAAO,MAAM,eAAe,wHAC2F,CAAC;AAExH,eAAO,MAAM,cAAc,gEACoC,CAAC;AAEhE,wEAAwE;AACxE,eAAO,MAAM,cAAc,qFACyD,CAAC;AAErF,eAAO,MAAM,kBAAkB,8aAC8Y,CAAC;AAE9a,eAAO,MAAM,cAAc,wHAC4F,CAAC;AAExH,eAAO,MAAM,aAAa,kEAAkE,CAAC;AAE7F,eAAO,MAAM,sBAAsB,0GACsE,CAAC"}
+{"version":3,"file":"theme-input-baselines.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/theme-input-baselines.ts"],"names":[],"mappings":"AAAA,uGAAuG;AAEvG,gEAAgE;AAChE,eAAO,MAAM,0BAA0B,yBAAyB,CAAC;AACjE,eAAO,MAAM,yBAAyB,wBAAwB,CAAC;AAE/D,6EAA6E;AAC7E,eAAO,MAAM,8BAA8B,wDACY,CAAC;AAExD,eAAO,MAAM,gCAAgC,iKACmH,CAAC;AAEjK,eAAO,MAAM,cAAc,yHAC6F,CAAC;AAEzH,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,2FACyD,CAAC;AAE3F,2EAA2E;AAC3E,eAAO,MAAM,sBAAsB,iOAC6L,CAAC;AAEjO,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,cAAc,ygBAC6e,CAAC;AAEzgB,eAAO,MAAM,eAAe,wHAC2F,CAAC;AAExH,eAAO,MAAM,cAAc,gEACoC,CAAC;AAEhE,wEAAwE;AACxE,eAAO,MAAM,cAAc,qFACyD,CAAC;AAErF,eAAO,MAAM,kBAAkB,8aAC8Y,CAAC;AAE9a,eAAO,MAAM,cAAc,wHAC4F,CAAC;AAExH,eAAO,MAAM,aAAa,kEAAkE,CAAC;AAE7F,eAAO,MAAM,sBAAsB,0GACsE,CAAC"}

package/dist/components/auth/login-sheet-themes/theme-input-baselines.js

@@ -6,8 +6,8 @@ export const loginSheetColorSchemeDark = '[color-scheme:dark]';
 export const loginSheetLightSystemDarkShell = 'system-dark:bg-[#fbfaf7] system-dark:text-[#1b0029]';
 export const loginSheetLightContentDarkGuards = 'system-dark:[&_label]:!text-[#1b0029] system-dark:[&_p]:!text-[#5c4d68] system-dark:[&_a]:!text-[#440066] system-dark:[&_button[type=button]]:text-[#1b0029]';
 export const lightPanelBase = 'bg-brand-bg border-l border-brand-border/50 [color-scheme:light] system-dark:bg-[#fbfaf7] system-dark:text-[#1b0029]';
-/** Full-bleed on phones; capped drawer from sm — shared by every template login sheet */
-export const loginSheetPanelShell = 'w-full max-w-full max-sm:w-screen max-sm:max-w-[100dvw] max-sm:min-h-[100dvh] max-sm:rounded-none max-sm:border-l-0 sm:max-w-[420px] md:max-w-md';
+/** Right-rail drawer width (~420px) for every template login sheet. */
+export const loginSheetPanelShell = 'w-full max-w-[420px] max-sm:max-w-[min(100vw,420px)] sm:max-w-[420px] md:max-w-[420px]';
 /** Safe-area aware padding; scrollable when the mobile keyboard is open */
 export const loginSheetContentShell = 'flex flex-col h-full min-h-0 px-4 pt-[max(0.75rem,env(safe-area-inset-top))] pb-[max(1.25rem,env(safe-area-inset-bottom))] sm:px-6 sm:pt-6 sm:pb-8 overflow-x-hidden overscroll-y-contain [-webkit-overflow-scrolling:touch]';
 /** 44px+ touch targets for CTAs (WCAG / iOS HIG) */

package/dist/components/auth/login-sheets/StoreLoginSheetShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreLoginSheetShell.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheets/StoreLoginSheetShell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAelE,UAAU,yBAAyB;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,yBAAyB,2CA4C3B"}
+{"version":3,"file":"StoreLoginSheetShell.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheets/StoreLoginSheetShell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAelE,UAAU,yBAAyB;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,yBAAyB,2CA6C3B"}

package/dist/components/auth/login-sheets/StoreLoginSheetShell.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { Sheet } from '../../../components/ui/sheet.js';
-import { LoginSheetHeader } from '../login-sheet-header.js';
-import { LoginFormCore } from '../login-form-core.js';
-import { cn } from '../../../lib/utils/index.js';
-import { darkPanelContentGuards, loginSheetColorSchemeDark, loginSheetColorSchemeLight, loginSheetContentShell, loginSheetLightContentDarkGuards, loginSheetLightSystemDarkShell, loginSheetPanelShell, } from '../login-sheet-themes/theme-input-baselines.js';
+import { Sheet } from '../../../components/ui/sheet';
+import { LoginSheetHeader } from '../login-sheet-header';
+import { LoginFormCore } from '../login-form-core';
+import { cn } from '../../../lib/utils';
+import { darkPanelContentGuards, loginSheetColorSchemeDark, loginSheetColorSchemeLight, loginSheetContentShell, loginSheetLightContentDarkGuards, loginSheetLightSystemDarkShell, loginSheetPanelShell, } from '../login-sheet-themes/theme-input-baselines';
 export function StoreLoginSheetShell({ storeConfig, theme, isOpen, onClose, callbackUrl, onSuccess, }) {
     const emailInputRef = useRef(null);
     const panelMode = theme.panelMode ?? 'light';
     const isLightPanel = panelMode === 'light';
-    return (_jsxs(Sheet, { isOpen: isOpen, onClose: onClose, side: "right", portal: true, overlayTier: "overlay", overlayMobileMode: "fullscreen", dataLoginPanel: panelMode, hideBuiltInTitle: true, showCloseButton: false, ariaLabelledBy: "login-form-title", className: cn('p-0 flex flex-col shadow-2xl max-sm:shadow-none', loginSheetPanelShell, isLightPanel ? loginSheetColorSchemeLight : loginSheetColorSchemeDark, isLightPanel && loginSheetLightSystemDarkShell, theme.panelClassName), backdropClassName: theme.backdropClassName ?? 'bg-black/70 backdrop-blur-sm', contentClassName: cn(loginSheetContentShell, isLightPanel ? loginSheetLightContentDarkGuards : darkPanelContentGuards, theme.contentClassName), onOpenAutoFocus: () => emailInputRef.current?.focus(), children: [_jsx(LoginSheetHeader, { storeConfig: storeConfig, theme: theme, onClose: onClose }), _jsx("div", { className: "flex-1 min-h-0 mt-4 sm:mt-6 py-0.5", children: _jsx(LoginFormCore, { storeConfig: storeConfig, theme: theme, callbackUrl: callbackUrl, onSuccess: onSuccess, emailInputRef: emailInputRef }) })] }));
+    return (_jsxs(Sheet, { isOpen: isOpen, onClose: onClose, side: "right", portal: true, overlayTier: "overlay", overlayMobileMode: "drawer", dataLoginPanel: panelMode, hideBuiltInTitle: true, showCloseButton: false, ariaLabelledBy: "login-form-title", className: cn('p-0 flex flex-col shadow-2xl', loginSheetPanelShell, isLightPanel ? loginSheetColorSchemeLight : loginSheetColorSchemeDark, isLightPanel && loginSheetLightSystemDarkShell, theme.panelClassName), style: { width: '100%', maxWidth: 420 }, backdropClassName: theme.backdropClassName ?? 'bg-black/70 backdrop-blur-sm', contentClassName: cn(loginSheetContentShell, isLightPanel ? loginSheetLightContentDarkGuards : darkPanelContentGuards, theme.contentClassName), onOpenAutoFocus: () => emailInputRef.current?.focus(), children: [_jsx(LoginSheetHeader, { storeConfig: storeConfig, theme: theme, onClose: onClose }), _jsx("div", { className: "flex-1 min-h-0 mt-4 sm:mt-6 py-0.5", children: _jsx(LoginFormCore, { storeConfig: storeConfig, theme: theme, callbackUrl: callbackUrl, onSuccess: onSuccess, emailInputRef: emailInputRef }) })] }));
 }

package/dist/components/auth/use-login-submit.js

@@ -1,9 +1,9 @@
 'use client';
 import { useRouter } from 'next/navigation';
 import { useState, useCallback } from 'react';
-import { useAuth } from '../../lib/auth-context.js';
-import { useToast } from '../../components/ui/toast.js';
-import { ApiError } from '../../lib/api.js';
+import { useAuth } from '../../lib/auth-context';
+import { useToast } from '../../components/ui/toast';
+import { ApiError } from '../../lib/api';
 export function useLoginSubmit({ callbackUrl = '/', variant, onSuccess, }) {
     const [email, setEmail] = useState('');
     const [password, setPassword] = useState('');

package/dist/components/cart/InventoryHoldCountdown.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { Clock } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
-import { isInventoryHoldExpired } from '../../lib/inventory-utils.js';
+import { cn } from '../../lib/utils';
+import { isInventoryHoldExpired } from '../../lib/inventory-utils';
 function formatRemaining(ms) {
     const totalSeconds = Math.max(0, Math.floor(ms / 1000));
     const minutes = Math.floor(totalSeconds / 60);

package/dist/components/categories/category-masonry-grid.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from 'next/link';
 import { ArrowRight } from 'lucide-react';
-import { ImageWithFallback } from '../ui/image-with-fallback.js';
-import { RichTextExcerpt } from '../rich-text/RichTextExcerpt.js';
-import { extractCategoryImage, getColumnsClass, getHeroHeightClass, getMasonryHeightClass, getTwoColumnHeightClass, normalizeCategories, resolveColumnCount, } from './category-masonry-utils.js';
+import { ImageWithFallback } from '../ui/image-with-fallback';
+import { RichTextExcerpt } from '../rich-text/RichTextExcerpt';
+import { extractCategoryImage, getColumnsClass, getHeroHeightClass, getMasonryHeightClass, getTwoColumnHeightClass, normalizeCategories, resolveColumnCount, } from './category-masonry-utils';
 function CategoryCard({ category, href, heightClass, isHero = false, showImages = true, showDescriptions = true, exploreLabel, variant, renderCardOverlay, index, exploreLabelDataAttr, }) {
     const categoryImage = showImages ? extractCategoryImage(category.image) : undefined;
     const roundedClass = variant === 'electronics' ? 'rounded-[2.5rem]' : 'rounded-2xl';

package/dist/components/checkout/CheckoutFeeLines.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { formatCurrency } from '../../lib/utils/index.js';
+import { formatCurrency } from '../../lib/utils';
 export function CheckoutFeeLines({ lines, currency, excludeKeys = [], className = 'flex items-center justify-between gap-4 font-medium text-gray-600', labelClassName = 'shrink-0', amountClassName = 'shrink-0 text-right font-semibold tabular-nums text-gray-900', }) {
     const excluded = new Set(excludeKeys);
     return (_jsx(_Fragment, { children: lines

package/dist/components/checkout/ShippingOptionsPanel.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from 'react';
-import { api } from '../../lib/api.js';
-import { Skeleton } from '../../components/ui/skeleton.js';
-import { buildDeliveryQuotePayload } from '../../lib/shipping-address.util.js';
+import { api } from '../../lib/api';
+import { Skeleton } from '../../components/ui/skeleton';
+import { buildDeliveryQuotePayload } from '../../lib/shipping-address.util';
 function toSelectedShipping(rate) {
     const serviceCode = rate.serviceCode || rate.methodCode || 'standard';
     const courierId = rate.courierId || '';

package/dist/components/learning/CertificateTemplates.js

@@ -1,9 +1,9 @@
 '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';
 import { Award, CheckCircle, ShieldCheck, Star, Shield, QrCode } from 'lucide-react';
 import { motion } from 'framer-motion';
-import { Button } from '../../components/ui/button.js';
+import { Button } from '../../components/ui/button';
 export function CertificateTemplate({ data, design, className }) {
     const { studentName, courseName, completionDate, certificateId, instructorName, instructorTitle, institutionName = 'Mindset Mastery Academy', signatureUrl, brandLogo, primaryColor = '#0F172A' } = data;
     const renderClassic = () => (_jsxs("div", { className: "w-full h-full bg-white border-[20px] border-double p-12 flex flex-col items-center text-center font-serif relative", style: { borderColor: primaryColor }, children: [_jsx("div", { className: "absolute top-6 left-6 w-16 h-16 border-t-4 border-l-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute top-6 right-6 w-16 h-16 border-t-4 border-r-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute bottom-6 left-6 w-16 h-16 border-b-4 border-l-4", style: { borderColor: primaryColor } }), _jsx("div", { className: "absolute bottom-6 right-6 w-16 h-16 border-b-4 border-r-4", style: { borderColor: primaryColor } }), _jsxs("div", { className: "mb-6", children: [_jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.3em] mb-2 text-slate-400", children: institutionName }), _jsx(Award, { className: "w-16 h-16 mb-4 mx-auto", style: { color: primaryColor } }), _jsx("h1", { className: "text-5xl font-black tracking-widest uppercase mb-1", children: "Certificate" }), _jsx("h2", { className: "text-xl italic text-gray-500", children: "of Achievement" })] }), _jsx("p", { className: "text-lg mb-4", children: "This is to certify that" }), _jsx("h3", { className: "text-5xl font-bold mb-6 underline decoration-1 underline-offset-8 text-slate-900", children: studentName }), _jsx("p", { className: "text-lg mb-4", children: "has successfully demonstrated mastery in" }), _jsx("h4", { className: "text-3xl font-bold mb-10 text-slate-800 tracking-tight", children: courseName }), _jsxs("div", { className: "mt-auto w-full flex justify-between items-end px-12 pb-4", children: [_jsxs("div", { className: "text-left w-56", children: [_jsx("div", { className: "border-b border-slate-200 w-full mb-2 h-12 flex items-end justify-center", children: signatureUrl ? (_jsx("img", { src: signatureUrl, alt: "Signature", className: "h-10 object-contain" })) : (_jsx("span", { className: "text-3xl opacity-80 italic font-signature", children: instructorName })) }), _jsx("p", { className: "font-bold text-[10px] text-slate-900", children: instructorName }), _jsx("p", { className: "text-[8px] text-slate-400 uppercase tracking-widest", children: instructorTitle })] }), _jsxs("div", { className: "flex flex-col items-center", children: [_jsx("div", { className: "w-24 h-24 rounded-full border-4 flex items-center justify-center mb-2 shadow-inner", style: { borderColor: `${primaryColor}20` }, children: _jsxs("div", { className: "w-18 h-18 rounded-full border flex items-center justify-center relative bg-white shadow-sm", style: { borderColor: primaryColor }, children: [_jsx(Shield, { className: "w-8 h-8", style: { color: primaryColor } }), _jsx("span", { className: "absolute text-[6px] font-black uppercase tracking-tighter rotate-[-15deg] bg-white px-1", children: "Verified" })] }) }), _jsxs("p", { className: "text-[8px] font-mono text-slate-400", children: ["ID: ", certificateId] })] }), _jsxs("div", { className: "text-right w-56", children: [_jsx("div", { className: "border-b border-slate-200 w-full mb-2 h-12 flex items-end justify-center", children: _jsx("span", { className: "font-bold text-[12px] text-slate-900", children: completionDate }) }), _jsx("p", { className: "text-[8px] text-slate-400 uppercase tracking-widest", children: "Date of Graduation" })] })] })] }));

package/dist/components/learning/CertificateViewer.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CertificateTemplate } from './CertificateTemplates.js';
-import { Button } from '../../components/ui/button.js';
+import { CertificateTemplate } from './CertificateTemplates';
+import { Button } from '../../components/ui/button';
 import { Download, Printer, X, Share2, ArrowLeft, ShieldCheck } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
 import { motion } from 'framer-motion';
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 export function CertificateViewer({ certificateId, data: initialData, design: initialDesign, onClose, isStandalone = false }) {
     const [isPrinting, setIsPrinting] = useState(false);
     const certificateRef = useRef(null);

package/dist/components/learning/MentorshipProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipProgress.d.ts","sourceRoot":"","sources":["../../../src/components/learning/MentorshipProgress.tsx"],"names":[],"mappings":"AAUA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAAE,2CAkKjF"}
+{"version":3,"file":"MentorshipProgress.d.ts","sourceRoot":"","sources":["../../../src/components/learning/MentorshipProgress.tsx"],"names":[],"mappings":"AAUA,UAAU,iBAAiB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;CAAE,2CAiKjF"}

package/dist/components/learning/MentorshipProgress.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../components/ui/button.js';
+import { Button } from '../../components/ui/button';
 import { Calendar, Clock, User, MessageSquare, Video, ExternalLink, AlertCircle } from 'lucide-react';
 import Image from 'next/image';
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 import { motion } from 'framer-motion';
-import { formatDateSafe } from '../../utils/date.js';
+import { formatDateSafe } from '../../utils/date';
 export function MentorshipProgress({ programs }) {
     if (programs.length === 0) {
         return (_jsxs("div", { className: "text-center py-12 bg-slate-50 rounded-3xl border-2 border-dashed border-slate-200", children: [_jsx("div", { className: "w-16 h-16 bg-white rounded-full flex items-center justify-center mx-auto mb-4 shadow-sm", children: _jsx(User, { className: "w-8 h-8 text-slate-300" }) }), _jsx("h3", { className: "text-lg font-bold text-slate-900", children: "No active mentorships" }), _jsx("p", { className: "text-slate-500 max-w-xs mx-auto mt-2", children: "Ready to level up? Browse our mentorship programs and connect with an expert." }), _jsx(Button, { className: "mt-6 rounded-full bg-black text-white px-8", children: "Browse Mentors" })] }));
@@ -15,6 +15,6 @@ export function MentorshipProgress({ programs }) {
             const progress = (program.sessionsCompleted / program.sessionsTotal) * 100;
             // Calculate days remaining
             const daysRemaining = Math.ceil((new Date(program.expiryDate).getTime() - new Date().getTime()) / (1000 * 60 * 60 * 24));
-            return (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: cn("bg-white border-2 rounded-3xl overflow-hidden transition-all", isExpired ? "border-slate-100 opacity-75" : "border-slate-100 hover:border-blue-200 hover:shadow-xl shadow-sm"), children: [_jsx("div", { className: "p-6 md:p-8", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-8", children: [_jsxs("div", { className: "flex flex-row md:flex-col items-center md:items-center gap-4 md:w-48 text-center border-b md:border-b-0 md:border-r border-slate-100 pb-6 md:pb-0 md:pr-8", children: [_jsx("div", { className: "relative w-20 h-20 md:w-24 md:h-24 rounded-full overflow-hidden border-4 border-slate-50 shadow-sm", children: _jsx(Image, { src: program.mentorAvatar || "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop", alt: program.mentorName, fill: true, className: "object-cover", unoptimized: true }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-slate-900 mt-2", children: program.mentorName }), _jsx("p", { className: "text-xs font-medium text-blue-600 uppercase tracking-widest", children: "Lead Mentor" })] })] }), _jsxs("div", { className: "flex-1 space-y-6", children: [_jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start gap-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: cn("px-2 py-0.5 rounded-full text-[10px] font-black uppercase tracking-widest", isExpired ? "bg-slate-100 text-slate-500" : "bg-blue-100 text-blue-700"), children: isExpired ? 'Completed' : 'Active Program' }), !isExpired && daysRemaining <= 7 && (_jsxs("span", { className: "flex items-center gap-1 text-orange-600 text-[10px] font-bold", children: [_jsx(AlertCircle, { className: "w-3 h-3" }), " Expiers Soon"] }))] }), _jsx("h3", { className: "text-2xl font-black text-slate-900", children: program.name })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-xs font-bold text-slate-400 uppercase tracking-widest mb-1", children: "Expires On" }), _jsx("p", { className: cn("font-mono font-bold", isExpired ? "text-slate-400" : "text-slate-900"), children: formatDateSafe(program.expiryDate, undefined, { month: 'short', day: 'numeric', year: 'numeric' }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between items-end text-sm", children: [_jsx("span", { className: "font-bold text-slate-600", children: "Session Progress" }), _jsxs("span", { className: "font-mono font-black text-slate-900", children: [program.sessionsCompleted, "/", program.sessionsTotal, " ", _jsx("span", { className: "text-slate-400 font-medium text-xs", children: "SESSIONS" })] })] }), _jsx("div", { className: "w-full h-3 bg-slate-100 rounded-full overflow-hidden", children: _jsx(motion.div, { initial: { width: 0 }, animate: { width: `${progress}%` }, transition: { duration: 1, ease: "easeOut" }, className: cn("h-full rounded-full transition-all", isExpired ? "bg-slate-300" : "bg-gradient-to-r from-blue-500 to-indigo-600") }) })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 pt-4 border-t border-slate-50", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Calendar, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Next Session" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: program.nextSessionDate || 'TBD' })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(MessageSquare, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Messages" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: "12 New" })] })] }), _jsxs("div", { className: "flex items-center gap-3 hidden md:flex", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Clock, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Enrollment" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: daysRemaining > 0 ? `${daysRemaining} days left` : 'Expired' })] })] })] })] })] }) }), _jsxs("div", { className: "bg-slate-50/50 border-t border-slate-100 px-8 py-4 flex flex-col sm:flex-row justify-between items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(Video, { className: "w-4 h-4" }), " Room Link"] }), _jsx("div", { className: "w-[1px] h-4 bg-slate-200" }), _jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(ExternalLink, { className: "w-4 h-4" }), " Resources"] })] }), _jsxs("div", { className: "flex gap-3 w-full sm:w-auto", children: [_jsx(Button, { variant: "outline", className: "flex-1 sm:flex-none rounded-full px-6 font-bold h-11 border-slate-200", children: "Manage Schedule" }), _jsx(Button, { className: "flex-1 sm:flex-none rounded-full px-8 font-bold h-11 bg-black text-white hover:bg-slate-800 shadow-lg shadow-black/10", children: "Enter Session" })] })] })] }, program.id));
+            return (_jsxs(motion.div, { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, className: cn("bg-white border-2 rounded-3xl overflow-hidden transition-all", isExpired ? "border-slate-100 opacity-75" : "border-slate-100 hover:border-blue-200 hover:shadow-xl shadow-sm"), children: [_jsx("div", { className: "p-6 md:p-8", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-8", children: [_jsxs("div", { className: "flex flex-row md:flex-col items-center md:items-center gap-4 md:w-48 text-center border-b md:border-b-0 md:border-r border-slate-100 pb-6 md:pb-0 md:pr-8", children: [_jsx("div", { className: "relative w-20 h-20 md:w-24 md:h-24 rounded-full overflow-hidden border-4 border-slate-50 shadow-sm", children: _jsx(Image, { src: program.mentorAvatar || "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop", alt: program.mentorName, fill: true, className: "object-cover" }) }), _jsxs("div", { children: [_jsx("h4", { className: "font-bold text-slate-900 mt-2", children: program.mentorName }), _jsx("p", { className: "text-xs font-medium text-blue-600 uppercase tracking-widest", children: "Lead Mentor" })] })] }), _jsxs("div", { className: "flex-1 space-y-6", children: [_jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start gap-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2 mb-1", children: [_jsx("span", { className: cn("px-2 py-0.5 rounded-full text-[10px] font-black uppercase tracking-widest", isExpired ? "bg-slate-100 text-slate-500" : "bg-blue-100 text-blue-700"), children: isExpired ? 'Completed' : 'Active Program' }), !isExpired && daysRemaining <= 7 && (_jsxs("span", { className: "flex items-center gap-1 text-orange-600 text-[10px] font-bold", children: [_jsx(AlertCircle, { className: "w-3 h-3" }), " Expiers Soon"] }))] }), _jsx("h3", { className: "text-2xl font-black text-slate-900", children: program.name })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-xs font-bold text-slate-400 uppercase tracking-widest mb-1", children: "Expires On" }), _jsx("p", { className: cn("font-mono font-bold", isExpired ? "text-slate-400" : "text-slate-900"), children: formatDateSafe(program.expiryDate, undefined, { month: 'short', day: 'numeric', year: 'numeric' }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex justify-between items-end text-sm", children: [_jsx("span", { className: "font-bold text-slate-600", children: "Session Progress" }), _jsxs("span", { className: "font-mono font-black text-slate-900", children: [program.sessionsCompleted, "/", program.sessionsTotal, " ", _jsx("span", { className: "text-slate-400 font-medium text-xs", children: "SESSIONS" })] })] }), _jsx("div", { className: "w-full h-3 bg-slate-100 rounded-full overflow-hidden", children: _jsx(motion.div, { initial: { width: 0 }, animate: { width: `${progress}%` }, transition: { duration: 1, ease: "easeOut" }, className: cn("h-full rounded-full transition-all", isExpired ? "bg-slate-300" : "bg-gradient-to-r from-blue-500 to-indigo-600") }) })] }), _jsxs("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 pt-4 border-t border-slate-50", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Calendar, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Next Session" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: program.nextSessionDate || 'TBD' })] })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(MessageSquare, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Messages" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: "12 New" })] })] }), _jsxs("div", { className: "flex items-center gap-3 hidden md:flex", children: [_jsx("div", { className: "w-10 h-10 rounded-xl bg-slate-50 flex items-center justify-center text-slate-400", children: _jsx(Clock, { className: "w-5 h-5" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-widest text-slate-400", children: "Enrollment" }), _jsx("p", { className: "text-sm font-bold text-slate-700", children: daysRemaining > 0 ? `${daysRemaining} days left` : 'Expired' })] })] })] })] })] }) }), _jsxs("div", { className: "bg-slate-50/50 border-t border-slate-100 px-8 py-4 flex flex-col sm:flex-row justify-between items-center gap-4", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(Video, { className: "w-4 h-4" }), " Room Link"] }), _jsx("div", { className: "w-[1px] h-4 bg-slate-200" }), _jsxs("button", { className: "text-sm font-bold text-slate-500 hover:text-slate-900 transition-colors flex items-center gap-2", children: [_jsx(ExternalLink, { className: "w-4 h-4" }), " Resources"] })] }), _jsxs("div", { className: "flex gap-3 w-full sm:w-auto", children: [_jsx(Button, { variant: "outline", className: "flex-1 sm:flex-none rounded-full px-6 font-bold h-11 border-slate-200", children: "Manage Schedule" }), _jsx(Button, { className: "flex-1 sm:flex-none rounded-full px-8 font-bold h-11 bg-black text-white hover:bg-slate-800 shadow-lg shadow-black/10", children: "Enter Session" })] })] })] }, program.id));
         }) }));
 }

package/dist/components/product/ProductVariationSelectors.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { Ruler, X } from 'lucide-react';
-import { DEFAULT_COLOR_SWATCHES, formatAttributeLabel, resolveVariantImageUrls, } from '../../lib/product-variation-utils.js';
+import { DEFAULT_COLOR_SWATCHES, formatAttributeLabel, resolveVariantImageUrls, } from '../../lib/product-variation-utils';
 function getOptionImage(variants, attributeKey, value) {
     if (!variants?.length)
         return undefined;

package/dist/components/rich-text/CategoryDescription.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { richFieldHasContent } from '../../lib/rich-html.js';
-import { SafeRichHtml } from './SafeRichHtml.js';
+import { richFieldHasContent } from '../../lib/rich-html';
+import { SafeRichHtml } from './SafeRichHtml';
 /** Category hero / detail description — renders sanitized WYSIWYG HTML. */
 export function CategoryDescription({ description, className }) {
     if (!richFieldHasContent(description))

package/dist/components/rich-text/ProductDescription.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { richFieldHasContent } from '../../lib/rich-html.js';
-import { SafeRichHtml } from './SafeRichHtml.js';
+import { richFieldHasContent } from '../../lib/rich-html';
+import { SafeRichHtml } from './SafeRichHtml';
 /** Product detail description block — WYSIWYG HTML, legacy plain text, or JSON snapshots. */
 export function ProductDescription({ description, title = 'Description', className = 'mb-8', proseClassName = 'prose prose-sm max-w-none text-gray-600 leading-relaxed', }) {
     if (!richFieldHasContent(description))

package/dist/components/rich-text/RichTextExcerpt.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html.js';
+import { richFieldHasContent, richFieldPlainTextForDisplay } from '../../lib/rich-html';
 /** Plain-text excerpt from WYSIWYG / legacy HTML — safe for cards, meta, and line-clamp. */
 export function RichTextExcerpt({ value, fallbackPlain = '', className, as: Tag = 'span', }) {
     if (!richFieldHasContent(value))

package/dist/components/rich-text/SafeRichHtml.d.ts

@@ -1,14 +1,11 @@
-import React from 'react';
-export interface SafeRichHtmlProps {
-    /** Persisted rich object, legacy string, or undefined */
+import React, { type ElementType } from 'react';
+type SafeRichHtmlProps = {
     value: unknown;
-    /** Plain fallback when value is empty */
-    fallbackPlain: string;
+    fallbackPlain?: string;
     className?: string;
-    as?: React.ElementType;
-}
-/**
- * Renders merchant rich text using canonical sanitize path (defense in depth on stored HTML).
- */
-export declare function SafeRichHtml({ value, fallbackPlain, className, as: Tag }: SafeRichHtmlProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    as?: ElementType;
+};
+/** Renders merchant rich text using the canonical sanitize path. */
+export declare function SafeRichHtml({ value, fallbackPlain, className, as: Tag, }: SafeRichHtmlProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};
 //# sourceMappingURL=SafeRichHtml.d.ts.map

package/dist/components/rich-text/SafeRichHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SafeRichHtml.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/SafeRichHtml.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,KAAK,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE,GAAY,EAAE,EAAE,iBAAiB,sEAQpG"}
+{"version":3,"file":"SafeRichHtml.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/SafeRichHtml.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAW,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,SAAS,EACT,EAAE,EAAE,GAAY,GACjB,EAAE,iBAAiB,sEAYnB"}

package/dist/components/rich-text/SafeRichHtml.js

@@ -1,10 +1,8 @@
 'use client';
 import React, { useMemo } from 'react';
-import { richFieldHtmlForRender } from '../../lib/rich-html.js';
-/**
- * Renders merchant rich text using canonical sanitize path (defense in depth on stored HTML).
- */
-export function SafeRichHtml({ value, fallbackPlain, className, as: Tag = 'span' }) {
+import { richFieldHtmlForRender } from '../../lib/rich-html';
+/** Renders merchant rich text using the canonical sanitize path. */
+export function SafeRichHtml({ value, fallbackPlain, className, as: Tag = 'span', }) {
     const html = useMemo(() => richFieldHtmlForRender(value, fallbackPlain), [value, fallbackPlain]);
     if (!html)
         return React.createElement(Tag, { className });

package/dist/components/shipping/ProductDeliveryInfoSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductDeliveryInfoSection.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/ProductDeliveryInfoSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMnE,UAAU,+BAA+B;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,oBAAoB,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACtE,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,OAAO,GACR,EAAE,+BAA+B,2CA+HjC"}
+{"version":3,"file":"ProductDeliveryInfoSection.d.ts","sourceRoot":"","sources":["../../../src/components/shipping/ProductDeliveryInfoSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAQnE,UAAU,+BAA+B;IACvC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,oBAAoB,CAAC;IACtC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;IACtE,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,qBAAqB,EACrB,OAAO,GACR,EAAE,+BAA+B,2CAiIjC"}

package/dist/components/shipping/ProductDeliveryInfoSection.js

@@ -1,11 +1,14 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { CheckCircle, Truck } from 'lucide-react';
-import { isAutomatedShippingEnabled } from '../../lib/shipping-settings.util.js';
-import { cn, formatCurrency } from '../../lib/utils/index.js';
-import { ShippingQuoteAddressForm } from './ShippingQuoteAddressForm.js';
-import { MerchantHandledDeliveryNotice } from './MerchantHandledDeliveryNotice.js';
+import { isAutomatedShippingEnabled } from '../../lib/shipping-settings.util';
+import { cn, formatCurrency } from '../../lib/utils';
+import { ShippingQuoteAddressForm } from './ShippingQuoteAddressForm';
+import { MerchantHandledDeliveryNotice } from './MerchantHandledDeliveryNotice';
+const SHOW_PDP_DELIVERY_INFO = false;
 export function ProductDeliveryInfoSection({ storeConfig, currency, productCurrency, productPrice, quantity, shippingAddress, updateShippingAddress, shippingMethods, isCalculatingShipping, shippingError, freeShippingEligible, freeShippingThreshold, onToast, }) {
+    if (!SHOW_PDP_DELIVERY_INFO)
+        return null;
     const displayCurrency = productCurrency || currency;
     const automatedShipping = isAutomatedShippingEnabled(storeConfig);
     return (_jsxs("div", { className: "mb-8 border-t border-b border-gray-100 py-6", children: [_jsxs("h3", { className: "font-bold text-gray-900 flex items-center gap-2 text-sm mb-4 uppercase tracking-wider", children: [_jsx(Truck, { className: "h-4 w-4" }), " Delivery Information"] }), !automatedShipping ? (_jsx(MerchantHandledDeliveryNotice, { storeName: storeConfig.name })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "mb-4 p-4 bg-gray-50 rounded-lg border border-gray-200", children: [_jsx("p", { className: "text-xs font-semibold text-gray-700 mb-3 uppercase tracking-wider", children: "Calculate Shipping" }), _jsx(ShippingQuoteAddressForm, { address: shippingAddress, onChange: updateShippingAddress, onToast: onToast }), shippingError && (_jsx("p", { className: "text-xs text-red-600 mt-2", children: shippingError }))] }), freeShippingThreshold !== undefined && !freeShippingEligible && (_jsxs("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: [_jsxs("p", { className: "text-xs font-medium text-blue-900 mb-1", children: ["Spend", ' ', formatCurrency(freeShippingThreshold - productPrice * quantity, displayCurrency), ' ', "more for free shipping!"] }), _jsx("div", { className: "w-full bg-blue-200 rounded-full h-2", children: _jsx("div", { className: "bg-blue-600 h-2 rounded-full transition-all", style: {

package/dist/components/shipping/ShippingQuoteAddressForm.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { ChevronDown } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
-import { countries, getCountryByName, getCitiesByCountry, getNigerianCitiesByState } from '../../lib/countries.js';
-import { isNigeria, deriveNigerianStateFromCity, NIGERIAN_STATES, enrichShippingQuoteAddress, } from '../../lib/shipping-address.util.js';
+import { cn } from '../../lib/utils';
+import { countries, getCountryByName, getCitiesByCountry, getNigerianCitiesByState } from '../../lib/countries';
+import { isNigeria, deriveNigerianStateFromCity, NIGERIAN_STATES, enrichShippingQuoteAddress, } from '../../lib/shipping-address.util';
 export function ShippingQuoteAddressForm({ address, onChange, onToast, className, showPhone = false, }) {
     const [isCountryOpen, setIsCountryOpen] = useState(false);
     const [isCityOpen, setIsCityOpen] = useState(false);

package/dist/components/ui/alert-modal.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useState, useCallback } from 'react';
 import { CheckCircle2, AlertCircle, Info, AlertTriangle } 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 const AlertModalContext = createContext(undefined);
 export function AlertModalProvider({ children }) {
     const [alert, setAlert] = useState({

package/dist/components/ui/avatar-image.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef } from 'react';
 import { User } from 'lucide-react';
-import { cn } from '../../lib/utils/index.js';
+import { cn } from '../../lib/utils';
 export function AvatarImage({ src, alt = 'Profile', size = 40, className, fallbackIcon, fill = false, }) {
     const [imageError, setImageError] = useState(false);
     const [imageLoaded, setImageLoaded] = useState(false);

package/dist/components/ui/badge.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils/index.js";
+import { cn } from "../../lib/utils";
 const badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
     variants: {
         variant: {

package/dist/components/ui/breadcrumbs.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import Link from 'next/link';
-import { formatDisplayLabel } from '../../lib/utils/index.js';
+import { formatDisplayLabel } from '../../lib/utils';
 export function Breadcrumbs({ items, variant = 'default', className }) {
     const isLight = variant === 'light';
     return (_jsx("nav", { className: `flex items-center gap-3 text-[10px] sm:text-[11px] uppercase tracking-[0.1em] font-bold ${isLight ? 'text-white' : 'text-brand-text-muted/70'} ${className || ''}`, children: items.map((item, index) => {

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

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: {
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
-    size?: "icon" | "default" | "sm" | "lg" | "xl" | "icon-sm" | "icon-lg";
+    size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg";
 } & import("class-variance-authority/types").ClassProp) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;