storefront-layouts-staging 1.0.0-staging.0

package/dist/components/auth/login-sheet-registry.d.ts

@@ -0,0 +1,11 @@
+import type { StoreConfig } from '../../lib/store-types';
+export interface StoreLoginSheetProps {
+    storeConfig: StoreConfig;
+    isOpen: boolean;
+    onClose: () => void;
+    callbackUrl: string;
+    onSuccess?: () => void;
+}
+/** Renders the layout-specific bespoke login sheet for the current store. */
+export declare function BespokeStoreLoginSheet({ storeConfig, isOpen, onClose, callbackUrl, onSuccess, }: StoreLoginSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=login-sheet-registry.d.ts.map

package/dist/components/auth/login-sheet-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-sheet-registry.d.ts","sourceRoot":"","sources":["../../../src/components/auth/login-sheet-registry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,6EAA6E;AAC7E,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,GACV,EAAE,oBAAoB,2CAatB"}

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

@@ -0,0 +1,9 @@
+'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';
+/** Renders the layout-specific bespoke login sheet for the current store. */
+export function BespokeStoreLoginSheet({ storeConfig, isOpen, onClose, callbackUrl, onSuccess, }) {
+    const theme = getLoginSheetTheme(storeConfig.layout);
+    return (_jsx(StoreLoginSheetShell, { storeConfig: storeConfig, theme: theme, isOpen: isOpen, onClose: onClose, callbackUrl: callbackUrl, onSuccess: onSuccess }));
+}

package/dist/components/auth/login-sheet-theme.types.d.ts

@@ -0,0 +1,29 @@
+import type { StoreConfig } from '../../lib/store-types';
+export interface LoginSheetTheme {
+    panelClassName: string;
+    backdropClassName?: string;
+    contentClassName?: string;
+    closeButtonClassName?: string;
+    headerClassName?: string;
+    titleClassName?: string;
+    subtitleClassName?: string;
+    labelClassName: string;
+    inputClassName: string;
+    inputErrorBorderClassName?: string;
+    linkClassName: string;
+    hintClassName?: string;
+    footerClassName: string;
+    footerLinkClassName: string;
+    buttonClassName: string;
+    /** When true, primary CTA uses storeConfig.branding.primaryColor */
+    useBrandPrimaryButton?: boolean;
+    showArrowOnButton?: boolean;
+    storeNameClassName?: string;
+    shopazaHintClassName?: string;
+    shopazaBadgeClassName?: string;
+    /** Light panels resist OS dark-mode recoloring; dark panels (e.g. food-modern) embrace it. */
+    panelMode?: 'light' | 'dark';
+    /** @deprecated Use centralized Shopaza copy in LoginSheetHeader */
+    subtitle?: (store: StoreConfig) => string;
+}
+//# sourceMappingURL=login-sheet-theme.types.d.ts.map

package/dist/components/auth/login-sheet-theme.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-sheet-theme.types.d.ts","sourceRoot":"","sources":["../../../src/components/auth/login-sheet-theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC;CAC3C"}

package/dist/components/auth/login-sheet-theme.types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const bookingAgendaLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=booking-agenda.theme.d.ts.map

package/dist/components/auth/login-sheet-themes/booking-agenda.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-agenda.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/booking-agenda.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,4BAA4B,EAAE,eAoB1C,CAAC"}

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

@@ -0,0 +1,21 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const bookingAgendaLoginSheetTheme = {
+    panelClassName: `${lightPanelBase} border-rose-100`,
+    backdropClassName: 'bg-slate-900/50 backdrop-blur-sm',
+    closeButtonClassName: 'hover:bg-rose-50 text-slate-700 rounded-full',
+    headerClassName: 'font-serif',
+    titleClassName: 'text-2xl text-slate-800 font-serif font-bold tracking-tight',
+    subtitleClassName: 'text-slate-600',
+    shopazaHintClassName: 'text-slate-500',
+    shopazaBadgeClassName: 'text-slate-500',
+    storeNameClassName: 'text-slate-600',
+    labelClassName: lightLabelBase,
+    inputClassName: `${lightInputBase} focus:ring-rose-200/60 focus:border-rose-400/80 focus:shadow-[0_0_0_3px_rgba(244,63,94,0.1)]`,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-medium text-rose-600 hover:text-rose-700 hover:underline underline-offset-2',
+    footerClassName: 'text-slate-500',
+    footerLinkClassName: 'font-semibold text-slate-800 hover:text-rose-600 transition-colors',
+    buttonClassName: 'mt-2 w-full rounded-xl py-3.5 text-sm font-medium text-white flex items-center justify-center gap-2 shadow-md hover:opacity-95 transition-all',
+    useBrandPrimaryButton: true,
+    showArrowOnButton: true,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const bookingLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=booking.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"booking.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/booking.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,sBAAsB,EAAE,eAmBpC,CAAC"}

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

@@ -0,0 +1,20 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const bookingLoginSheetTheme = {
+    panelClassName: `${lightPanelBase} border-slate-200`,
+    backdropClassName: 'bg-slate-900/55 backdrop-blur-sm',
+    closeButtonClassName: 'hover:bg-slate-100 text-slate-700',
+    titleClassName: 'text-2xl text-slate-800 font-bold',
+    subtitleClassName: 'text-slate-600',
+    shopazaHintClassName: 'text-slate-500',
+    shopazaBadgeClassName: 'text-slate-500',
+    storeNameClassName: 'text-slate-600',
+    labelClassName: lightLabelBase,
+    inputClassName: lightInputBase,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-semibold text-teal-700 hover:underline underline-offset-2',
+    footerClassName: 'text-slate-500',
+    footerLinkClassName: 'font-semibold text-slate-800 hover:text-teal-700 transition-colors',
+    buttonClassName: 'mt-1 w-full rounded-xl py-3.5 text-sm font-semibold text-white flex items-center justify-center gap-2 shadow-sm hover:shadow-md transition-all active:scale-[0.98]',
+    useBrandPrimaryButton: true,
+    showArrowOnButton: true,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const clothingMinimalLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=clothing-minimal.theme.d.ts.map

package/dist/components/auth/login-sheet-themes/clothing-minimal.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clothing-minimal.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/clothing-minimal.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,8BAA8B,EAAE,eAmB5C,CAAC"}

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

@@ -0,0 +1,20 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const clothingMinimalLoginSheetTheme = {
+    panelClassName: lightPanelBase,
+    backdropClassName: 'bg-black/65 backdrop-blur-[2px]',
+    closeButtonClassName: 'hover:bg-gray-100 text-black rounded-full',
+    titleClassName: 'text-xl font-bold text-black tracking-tight',
+    subtitleClassName: 'text-gray-600',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-600',
+    labelClassName: lightLabelBase,
+    inputClassName: `${lightInputBase} rounded-lg`,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-medium text-gray-600 hover:text-black underline-offset-2 hover:underline',
+    footerClassName: 'text-gray-500 font-normal',
+    footerLinkClassName: 'font-medium text-black hover:underline',
+    buttonClassName: 'mt-2 w-full rounded-full py-3.5 text-sm font-bold bg-black text-white flex items-center justify-center gap-2 hover:bg-gray-800 transition-colors active:scale-[0.99]',
+    useBrandPrimaryButton: false,
+    showArrowOnButton: false,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const clothingLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=clothing.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clothing.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/clothing.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,uBAAuB,EAAE,eAoBrC,CAAC"}

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

@@ -0,0 +1,21 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const clothingLoginSheetTheme = {
+    panelClassName: lightPanelBase,
+    backdropClassName: 'bg-black/70 backdrop-blur-sm',
+    closeButtonClassName: 'hover:bg-gray-100 text-gray-800',
+    titleClassName: 'text-2xl text-[#1b0029] tracking-tight',
+    subtitleClassName: 'text-gray-600',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-600',
+    labelClassName: lightLabelBase,
+    inputClassName: lightInputBase,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-semibold text-[#440066] hover:underline underline-offset-4',
+    hintClassName: 'text-xs text-gray-500',
+    footerClassName: 'text-gray-500',
+    footerLinkClassName: 'font-bold text-[#1b0029] hover:text-[#440066] transition-colors',
+    buttonClassName: 'mt-2 w-full rounded-full py-3.5 text-sm font-bold text-white flex items-center justify-center gap-2 shadow-md hover:shadow-lg transition-all active:scale-[0.98]',
+    useBrandPrimaryButton: true,
+    showArrowOnButton: true,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const electronicsGridLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=electronics-grid.theme.d.ts.map

package/dist/components/auth/login-sheet-themes/electronics-grid.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"electronics-grid.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/electronics-grid.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,8BAA8B,EAAE,eAmB5C,CAAC"}

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

@@ -0,0 +1,20 @@
+import { lightInputBase, lightInputError } from './theme-input-baselines.js';
+export const electronicsGridLoginSheetTheme = {
+    panelClassName: 'bg-brand-bg border-l border-gray-300',
+    backdropClassName: 'bg-black/60 backdrop-blur-[2px]',
+    closeButtonClassName: 'hover:bg-gray-200 text-gray-700 rounded-sm',
+    titleClassName: 'text-lg font-semibold text-gray-900',
+    subtitleClassName: 'text-gray-600',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-600',
+    labelClassName: 'text-sm font-medium text-gray-700',
+    inputClassName: lightInputBase,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-sm font-medium text-gray-600 hover:text-gray-900 underline-offset-2 hover:underline',
+    footerClassName: 'text-gray-500 text-sm',
+    footerLinkClassName: 'font-medium text-gray-900 hover:underline',
+    buttonClassName: 'mt-2 w-full rounded-lg py-2.5 text-sm font-semibold text-white flex items-center justify-center gap-2 hover:opacity-95 transition-colors',
+    useBrandPrimaryButton: true,
+    showArrowOnButton: false,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const electronicsLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=electronics.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"electronics.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/electronics.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,0BAA0B,EAAE,eAmBxC,CAAC"}

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

@@ -0,0 +1,20 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const electronicsLoginSheetTheme = {
+    panelClassName: lightPanelBase,
+    backdropClassName: 'bg-gray-900/60 backdrop-blur-sm',
+    closeButtonClassName: 'hover:bg-blue-50 text-gray-800 rounded-full',
+    titleClassName: 'text-xl font-black text-gray-900 tracking-tight',
+    subtitleClassName: 'text-gray-600',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-600',
+    labelClassName: lightLabelBase,
+    inputClassName: lightInputBase,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-semibold text-blue-600 hover:underline underline-offset-2',
+    footerClassName: 'text-gray-500',
+    footerLinkClassName: 'font-semibold text-gray-900 hover:text-blue-600 transition-colors',
+    buttonClassName: 'mt-1 w-full rounded-lg py-3 text-sm font-bold text-white bg-blue-600 flex items-center justify-center gap-2 hover:bg-blue-700 transition-all active:scale-[0.98]',
+    useBrandPrimaryButton: false,
+    showArrowOnButton: true,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const foodModernLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=food-modern.theme.d.ts.map

package/dist/components/auth/login-sheet-themes/food-modern.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"food-modern.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/food-modern.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,yBAAyB,EAAE,eAqBvC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { darkPanelInputBase, darkInputError, darkLabelBase, darkPanelShell } from './theme-input-baselines.js';
+export const foodModernLoginSheetTheme = {
+    panelMode: 'dark',
+    panelClassName: `${darkPanelShell} border-l border-white/10 text-white`,
+    backdropClassName: 'bg-black/75 backdrop-blur-md',
+    closeButtonClassName: 'hover:bg-white/10 text-white',
+    titleClassName: 'text-xl font-black uppercase tracking-tight text-white',
+    subtitleClassName: 'text-gray-300',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-400',
+    labelClassName: darkLabelBase,
+    inputClassName: darkPanelInputBase,
+    inputErrorBorderClassName: darkInputError,
+    linkClassName: 'text-xs font-semibold text-orange-500 hover:text-orange-400 hover:underline',
+    hintClassName: 'text-xs text-gray-500',
+    footerClassName: 'text-gray-500',
+    footerLinkClassName: 'font-bold text-white hover:text-orange-500 transition-colors',
+    buttonClassName: 'mt-1 w-full rounded-full py-3.5 text-xs font-bold uppercase tracking-wider bg-white text-black flex items-center justify-center gap-2 hover:bg-orange-500 hover:text-white transition-all active:scale-[0.98]',
+    useBrandPrimaryButton: false,
+    showArrowOnButton: false,
+};

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const foodLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=food.theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"food.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/food.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,mBAAmB,EAAE,eAqBjC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const foodLoginSheetTheme = {
+    panelClassName: `${lightPanelBase} border-orange-100/80`,
+    backdropClassName: 'bg-black/70 backdrop-blur-sm',
+    contentClassName: '',
+    closeButtonClassName: 'hover:bg-orange-50 text-gray-700',
+    titleClassName: 'text-2xl text-[#1b0029]',
+    subtitleClassName: 'text-gray-600',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-600',
+    labelClassName: lightLabelBase,
+    inputClassName: lightInputBase,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-semibold text-orange-600 hover:underline underline-offset-2',
+    hintClassName: 'text-xs text-gray-500',
+    footerClassName: 'text-gray-500',
+    footerLinkClassName: 'font-bold text-[#1b0029] hover:text-orange-600 transition-colors',
+    buttonClassName: 'mt-1 w-full rounded-xl py-3.5 text-sm font-bold text-white flex items-center justify-center gap-2 transition-all active:scale-[0.98] hover:opacity-90',
+    useBrandPrimaryButton: true,
+    showArrowOnButton: true,
+};

package/dist/components/auth/login-sheet-themes/index.d.ts

@@ -0,0 +1,14 @@
+import type { StoreLayoutType } from '../../../lib/store-types';
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+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';
+export declare function getLoginSheetTheme(layout: StoreLayoutType | string | undefined): LoginSheetTheme;
+export { foodLoginSheetTheme, foodModernLoginSheetTheme, clothingLoginSheetTheme, clothingMinimalLoginSheetTheme, bookingLoginSheetTheme, bookingAgendaLoginSheetTheme, electronicsLoginSheetTheme, electronicsGridLoginSheetTheme, motivationalSpeakerLoginSheetTheme, };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/auth/login-sheet-themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,kCAAkC,EAAE,MAAM,8BAA8B,CAAC;AAgBlF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,eAAe,CAKhG;AAED,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,8BAA8B,EAC9B,sBAAsB,EACtB,4BAA4B,EAC5B,0BAA0B,EAC1B,8BAA8B,EAC9B,kCAAkC,GACnC,CAAC"}

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

@@ -0,0 +1,29 @@
+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';
+const themeByLayout = {
+    food: foodLoginSheetTheme,
+    'food-modern': foodModernLoginSheetTheme,
+    clothing: clothingLoginSheetTheme,
+    'clothing-minimal': clothingMinimalLoginSheetTheme,
+    booking: bookingLoginSheetTheme,
+    'booking-agenda': bookingAgendaLoginSheetTheme,
+    electronics: electronicsLoginSheetTheme,
+    'electronics-grid': electronicsGridLoginSheetTheme,
+    'motivational-speaker': motivationalSpeakerLoginSheetTheme,
+    // No dedicated marketplace theme — matches this file's own fallback behavior below.
+    marketplace: foodLoginSheetTheme,
+};
+export function getLoginSheetTheme(layout) {
+    if (layout && layout in themeByLayout) {
+        return themeByLayout[layout];
+    }
+    return foodLoginSheetTheme;
+}
+export { foodLoginSheetTheme, foodModernLoginSheetTheme, clothingLoginSheetTheme, clothingMinimalLoginSheetTheme, bookingLoginSheetTheme, bookingAgendaLoginSheetTheme, electronicsLoginSheetTheme, electronicsGridLoginSheetTheme, motivationalSpeakerLoginSheetTheme, };

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

@@ -0,0 +1,3 @@
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+export declare const motivationalSpeakerLoginSheetTheme: LoginSheetTheme;
+//# sourceMappingURL=motivational-speaker.theme.d.ts.map

package/dist/components/auth/login-sheet-themes/motivational-speaker.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motivational-speaker.theme.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/login-sheet-themes/motivational-speaker.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,eAAO,MAAM,kCAAkC,EAAE,eAmBhD,CAAC"}

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

@@ -0,0 +1,20 @@
+import { lightInputBase, lightInputError, lightLabelBase, lightPanelBase } from './theme-input-baselines.js';
+export const motivationalSpeakerLoginSheetTheme = {
+    panelClassName: `${lightPanelBase} border-blue-100`,
+    backdropClassName: 'bg-[#0f0018]/65 backdrop-blur-sm',
+    closeButtonClassName: 'hover:bg-blue-50 text-[#1b0029] rounded-full',
+    titleClassName: 'text-2xl text-[#1b0029] font-bold tracking-tight',
+    subtitleClassName: 'text-gray-600',
+    shopazaHintClassName: 'text-gray-500',
+    shopazaBadgeClassName: 'text-gray-500',
+    storeNameClassName: 'text-gray-600',
+    labelClassName: lightLabelBase,
+    inputClassName: `${lightInputBase} focus:ring-blue-200/60 focus:border-blue-500/70 focus:shadow-[0_0_0_3px_rgba(59,130,246,0.1)]`,
+    inputErrorBorderClassName: lightInputError,
+    linkClassName: 'text-xs font-bold text-blue-700 hover:underline underline-offset-4',
+    footerClassName: 'text-gray-500',
+    footerLinkClassName: 'font-bold text-[#1b0029] hover:text-blue-700 transition-colors',
+    buttonClassName: 'mt-2 w-full rounded-xl py-3.5 text-sm font-bold text-white flex items-center justify-center gap-2 hover:opacity-95 transition-all active:scale-[0.98]',
+    useBrandPrimaryButton: true,
+    showArrowOnButton: true,
+};

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

@@ -0,0 +1,24 @@
+/** Shared input baselines — white fields, thin border, comfortable height (matches full-page auth). */
+/** Lock native control rendering when the OS is in dark mode */
+export declare const loginSheetColorSchemeLight = "[color-scheme:light]";
+export declare const loginSheetColorSchemeDark = "[color-scheme:dark]";
+/** Resist forced-dark recoloring on light login sheets (system dark mode) */
+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";
+/** 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) */
+export declare const loginSheetButtonTouch = "min-h-12 touch-manipulation";
+export declare const lightInputBase = "w-full min-h-[3.125rem] h-12.5 box-border bg-white border border-brand-border rounded-xl px-4 text-base touch-manipulation text-[#1b0029] placeholder:text-brand-text-muted outline-none focus:outline-none focus:ring-2 focus:ring-brand-terracotta/20 focus:border-brand-terracotta/70 focus:shadow-[0_0_0_3px_rgba(68,0,102,0.08)] transition-all appearance-none scroll-mt-24 [color-scheme:light] system-dark:bg-white system-dark:text-[#1b0029] system-dark:border-brand-border system-dark:placeholder:text-brand-text-muted";
+export declare const lightInputError = "border-brand-error focus:ring-brand-error/20 focus:border-brand-error focus:shadow-[0_0_0_3px_rgba(209,98,83,0.12)]";
+export declare const lightLabelBase = "text-xs font-bold text-[#1b0029] system-dark:text-[#1b0029]";
+/** Dark login panels still use white inputs for clarity and contrast */
+export declare const darkPanelShell = "bg-[#0F0F0F] [color-scheme:dark] system-dark:bg-[#0F0F0F] system-dark:text-white";
+export declare const darkPanelInputBase = "w-full min-h-[3.125rem] h-12.5 box-border bg-white border border-brand-border rounded-lg px-4 text-base touch-manipulation text-[#1b0029] placeholder:text-brand-text-muted outline-none focus:outline-none focus:ring-2 focus:ring-orange-500/20 focus:border-orange-400 focus:shadow-[0_0_0_3px_rgba(249,115,22,0.12)] transition-all appearance-none scroll-mt-24 [color-scheme:light] system-dark:bg-white system-dark:text-[#1b0029]";
+export declare const darkInputError = "border-brand-error focus:ring-brand-error/20 focus:border-brand-error focus:shadow-[0_0_0_3px_rgba(209,98,83,0.12)]";
+export declare const darkLabelBase = "text-xs font-semibold text-gray-300 system-dark:text-gray-300";
+export declare const darkPanelContentGuards = "system-dark:[&_label]:text-gray-300 system-dark:[&_p]:text-gray-500 system-dark:[&_a]:text-orange-500";
+//# sourceMappingURL=theme-input-baselines.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,23 @@
+/** Shared input baselines — white fields, thin border, comfortable height (matches full-page auth). */
+/** Lock native control rendering when the OS is in dark mode */
+export const loginSheetColorSchemeLight = '[color-scheme:light]';
+export const loginSheetColorSchemeDark = '[color-scheme:dark]';
+/** Resist forced-dark recoloring on light login sheets (system dark mode) */
+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';
+/** 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) */
+export const loginSheetButtonTouch = 'min-h-12 touch-manipulation';
+export const lightInputBase = 'w-full min-h-[3.125rem] h-12.5 box-border bg-white border border-brand-border rounded-xl px-4 text-base touch-manipulation text-[#1b0029] placeholder:text-brand-text-muted outline-none focus:outline-none focus:ring-2 focus:ring-brand-terracotta/20 focus:border-brand-terracotta/70 focus:shadow-[0_0_0_3px_rgba(68,0,102,0.08)] transition-all appearance-none scroll-mt-24 [color-scheme:light] system-dark:bg-white system-dark:text-[#1b0029] system-dark:border-brand-border system-dark:placeholder:text-brand-text-muted';
+export const lightInputError = 'border-brand-error focus:ring-brand-error/20 focus:border-brand-error focus:shadow-[0_0_0_3px_rgba(209,98,83,0.12)]';
+export const lightLabelBase = 'text-xs font-bold text-[#1b0029] system-dark:text-[#1b0029]';
+/** Dark login panels still use white inputs for clarity and contrast */
+export const darkPanelShell = 'bg-[#0F0F0F] [color-scheme:dark] system-dark:bg-[#0F0F0F] system-dark:text-white';
+export const darkPanelInputBase = 'w-full min-h-[3.125rem] h-12.5 box-border bg-white border border-brand-border rounded-lg px-4 text-base touch-manipulation text-[#1b0029] placeholder:text-brand-text-muted outline-none focus:outline-none focus:ring-2 focus:ring-orange-500/20 focus:border-orange-400 focus:shadow-[0_0_0_3px_rgba(249,115,22,0.12)] transition-all appearance-none scroll-mt-24 [color-scheme:light] system-dark:bg-white system-dark:text-[#1b0029]';
+export const darkInputError = 'border-brand-error focus:ring-brand-error/20 focus:border-brand-error focus:shadow-[0_0_0_3px_rgba(209,98,83,0.12)]';
+export const darkLabelBase = 'text-xs font-semibold text-gray-300 system-dark:text-gray-300';
+export const darkPanelContentGuards = 'system-dark:[&_label]:text-gray-300 system-dark:[&_p]:text-gray-500 system-dark:[&_a]:text-orange-500';

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

@@ -0,0 +1,13 @@
+import type { StoreConfig } from '../../../lib/store-types';
+import type { LoginSheetTheme } from '../login-sheet-theme.types';
+interface StoreLoginSheetShellProps {
+    storeConfig: StoreConfig;
+    theme: LoginSheetTheme;
+    isOpen: boolean;
+    onClose: () => void;
+    callbackUrl: string;
+    onSuccess?: () => void;
+}
+export declare function StoreLoginSheetShell({ storeConfig, theme, isOpen, onClose, callbackUrl, onSuccess, }: StoreLoginSheetShellProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StoreLoginSheetShell.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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';
+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 }) })] }));
+}

package/dist/components/auth/use-login-submit.d.ts

@@ -0,0 +1,22 @@
+export interface UseLoginSubmitOptions {
+    callbackUrl?: string;
+    variant: 'page' | 'sheet';
+    onSuccess?: () => void;
+}
+export declare function useLoginSubmit({ callbackUrl, variant, onSuccess, }: UseLoginSubmitOptions): {
+    email: string;
+    setEmail: import("react").Dispatch<import("react").SetStateAction<string>>;
+    password: string;
+    setPassword: import("react").Dispatch<import("react").SetStateAction<string>>;
+    showPassword: boolean;
+    setShowPassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    emailError: string;
+    setEmailError: import("react").Dispatch<import("react").SetStateAction<string>>;
+    isLoading: boolean;
+    isSheet: boolean;
+    closeLogin: () => void;
+    handleSubmit: (e: React.FormEvent) => Promise<void>;
+    signupHref: string;
+    resetHref: string;
+};
+//# sourceMappingURL=use-login-submit.d.ts.map

package/dist/components/auth/use-login-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-login-submit.d.ts","sourceRoot":"","sources":["../../../src/components/auth/use-login-submit.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAiB,EACjB,OAAO,EACP,SAAS,GACV,EAAE,qBAAqB;;;;;;;;;;;;sBAWV,KAAK,CAAC,SAAS;;;EA+F5B"}