@ipulsehq/auth-ui 1.3.2

package/README.md

@@ -0,0 +1,35 @@
+# @iPulseHQ/auth-ui
+
+iPulse auth: OAuth config, React componenten en utilities voor NextAuth.
+
+Repository: https://github.com/iPulseHQ/iPulse
+
+Publiceerd via GitHub Packages. Voeg `.npmrc` toe met `@iPulseHQ:registry=https://npm.pkg.github.com` en zorg dat je repo toegang heeft via Package settings.
+
+## Installatie
+
+```bash
+npm install @iPulseHQ/auth-ui
+```
+
+## Gebruik
+
+```ts
+// auth.ts
+import NextAuth from 'next-auth'
+import { createIPulseAuthConfig, getIPulseProvider } from '@iPulseHQ/auth-ui'
+
+export const { handlers, auth, signIn, signOut } = NextAuth({
+  ...createIPulseAuthConfig(),
+  providers: [getIPulseProvider()],
+  // cookies, etc.
+})
+```
+
+## Publiceren
+
+```bash
+cd packages/ipulse-auth-ui
+npm run build
+npm publish
+```

package/dist/AuthError.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { AuthTranslations } from './types';
+export interface AuthErrorProps {
+    error?: string | null;
+    errorCode?: string | null;
+    onBack?: () => void;
+    onRetry?: () => void;
+    signInUrl?: string;
+    translations?: AuthTranslations['authError'];
+    /** When true, render only the inner content (no AuthCard wrapper) for embedding in custom layouts */
+    embed?: boolean;
+}
+export declare const AuthError: React.FC<AuthErrorProps>;
+//# sourceMappingURL=AuthError.d.ts.map

package/dist/AuthError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthError.d.ts","sourceRoot":"","sources":["../src/AuthError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC7C,qGAAqG;IACrG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAoCD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8G9C,CAAC"}

package/dist/AuthError.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const AuthCard_1 = require("./shared/AuthCard");
+const utils_1 = require("./utils");
+const BUILT_IN_ERRORS = {
+    Configuration: {
+        title: 'Configuratiefout',
+        description: 'Er is een probleem met de authenticatie configuratie. Neem contact op met ondersteuning.',
+    },
+    AccessDenied: {
+        title: 'Toegang geweigerd',
+        description: 'Je hebt geen toegang tot deze applicatie.',
+    },
+    Verification: {
+        title: 'Deze inloglink is niet meer geldig',
+        description: 'De verificatielink uit je e-mail is verlopen of is al een keer gebruikt. Elke link kan maar één keer worden gebruikt en is 10 minuten geldig. Ga terug naar inloggen of registreren en vraag een nieuwe link aan.',
+    },
+    OAuthSignin: {
+        title: 'Inlogfout',
+        description: 'Er is een fout opgetreden tijdens het inloggen. Probeer het opnieuw.',
+    },
+    OAuthCallback: {
+        title: 'Callback fout',
+        description: 'Er is een fout opgetreden bij het verwerken van de inlogpoging.',
+    },
+    Default: {
+        title: 'Authenticatiefout',
+        description: 'Er is een onverwachte fout opgetreden. Probeer het opnieuw.',
+    },
+};
+const DEFAULTS = {
+    defaultTitle: BUILT_IN_ERRORS.Default.title,
+    defaultDescription: BUILT_IN_ERRORS.Default.description,
+    retry: 'Opnieuw proberen',
+    backToSignIn: 'Terug naar inloggen',
+};
+const AuthError = ({ error, errorCode, onBack, onRetry, signInUrl, translations: t, embed = false, }) => {
+    const labels = { ...DEFAULTS, ...t };
+    const errors = { ...BUILT_IN_ERRORS, ...t?.errors };
+    const key = errorCode || error || 'Default';
+    const info = errors[key] ?? { title: labels.defaultTitle, description: labels.defaultDescription };
+    const sharedButtonBase = {
+        padding: '0.625rem 1.25rem',
+        borderRadius: utils_1.cssVars.radius.md,
+        cursor: 'pointer',
+        fontSize: '0.875rem',
+        fontWeight: 500,
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: '0.5rem',
+        textDecoration: 'none',
+        outline: 'none',
+        transition: 'opacity 0.15s, box-shadow 0.15s',
+    };
+    const content = ((0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    width: '72px',
+                    height: '72px',
+                    borderRadius: '50%',
+                    background: 'color-mix(in oklch, var(--color-destructive, #ef4444) 10%, transparent)',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    margin: '0 auto 1.75rem auto',
+                    animation: 'ipulse-fadein 0.3s ease-out',
+                }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { size: 32, style: { color: utils_1.cssVars.destructive } }) }), (0, jsx_runtime_1.jsx)("h1", { style: { fontSize: '1.5rem', fontWeight: 700, margin: '0 0 0.75rem 0', letterSpacing: '-0.025em' }, children: info.title }), (0, jsx_runtime_1.jsx)("p", { style: { margin: '0 0 2rem 0', color: utils_1.cssVars.mutedFg, fontSize: '0.9375rem', lineHeight: 1.6 }, children: info.description }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '0.75rem', justifyContent: 'center', flexWrap: 'wrap' }, children: [onRetry && ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: onRetry, tabIndex: 0, style: {
+                            ...sharedButtonBase,
+                            backgroundColor: utils_1.cssVars.primary,
+                            color: utils_1.cssVars.primaryFg,
+                            border: 'none',
+                        }, onMouseOver: (e) => (e.currentTarget.style.opacity = '0.88'), onMouseOut: (e) => (e.currentTarget.style.opacity = '1'), onFocus: (e) => {
+                            e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in oklch, ${utils_1.cssVars.primary} 30%, transparent)`;
+                        }, onBlur: (e) => {
+                            e.currentTarget.style.boxShadow = 'none';
+                        }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCcw, { size: 14 }), labels.retry] })), (onBack || signInUrl) && ((0, jsx_runtime_1.jsxs)("a", { href: signInUrl || '#', tabIndex: 0, onClick: onBack ? (e) => { e.preventDefault(); onBack(); } : undefined, style: {
+                            ...sharedButtonBase,
+                            border: `1.5px solid ${utils_1.cssVars.border}`,
+                            backgroundColor: 'transparent',
+                            color: utils_1.cssVars.fg,
+                        }, onMouseOver: (e) => (e.currentTarget.style.backgroundColor = utils_1.cssVars.muted), onMouseOut: (e) => (e.currentTarget.style.backgroundColor = 'transparent'), onFocus: (e) => {
+                            e.currentTarget.style.boxShadow = `0 0 0 3px color-mix(in oklch, ${utils_1.cssVars.primary} 15%, transparent)`;
+                        }, onBlur: (e) => {
+                            e.currentTarget.style.boxShadow = 'none';
+                        }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ArrowLeft, { size: 14 }), labels.backToSignIn] }))] })] }));
+    if (embed)
+        return content;
+    return (0, jsx_runtime_1.jsx)(AuthCard_1.AuthCard, { children: content });
+};
+exports.AuthError = AuthError;
+//# sourceMappingURL=AuthError.js.map

package/dist/AuthError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthError.js","sourceRoot":"","sources":["../src/AuthError.tsx"],"names":[],"mappings":"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"}

package/dist/AuthLayout.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { AuthBranding } from './types';
+export interface AuthLayoutProps {
+    children: React.ReactNode;
+    branding?: AuthBranding;
+    /** Feature list shown on the left panel (desktop only) */
+    features?: Array<{
+        icon: React.ReactNode;
+        title: string;
+        description: string;
+    }>;
+    /** Additional content top-right (e.g. language switcher, theme toggle) */
+    topRight?: React.ReactNode;
+    /** Additional content top-left (e.g. back button, home logo) */
+    topLeft?: React.ReactNode;
+}
+export declare const AuthLayout: React.FC<AuthLayoutProps>;
+//# sourceMappingURL=AuthLayout.d.ts.map

package/dist/AuthLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.d.ts","sourceRoot":"","sources":["../src/AuthLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC,CAAC;IACH,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsKhD,CAAC"}

package/dist/AuthLayout.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("./utils");
+const styles_1 = require("./shared/styles");
+const AuthLayout = ({ children, branding, features, topRight, topLeft, }) => {
+    const showLeftPanel = !!(features?.length || branding);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            minHeight: '100vh',
+            backgroundColor: 'var(--color-background, #f9fafb)',
+            position: 'relative',
+            fontFamily: 'inherit',
+        }, children: [(topLeft || topRight) && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    position: 'absolute',
+                    top: '1rem',
+                    left: '1.25rem',
+                    right: '1.25rem',
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    zIndex: 10,
+                }, children: [(0, jsx_runtime_1.jsx)("div", { children: topLeft }), (0, jsx_runtime_1.jsx)("div", { children: topRight })] })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', minHeight: '100vh' }, children: [showLeftPanel && ((0, jsx_runtime_1.jsxs)("div", { className: "ipulse-auth-left-panel", style: {
+                            display: 'none',
+                            flex: '0 0 50%',
+                            maxWidth: '50%',
+                            flexDirection: 'column',
+                            justifyContent: 'center',
+                            padding: '4rem 3rem 4rem 4rem',
+                            borderRight: `1px solid ${utils_1.cssVars.borderMuted}`,
+                            background: 'var(--color-background, #ffffff)',
+                        }, children: [branding && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: '3rem' }, children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'center', gap: '0.875rem', marginBottom: '0.75rem' }, children: [branding.logoFallbackIcon && ((0, jsx_runtime_1.jsx)("div", { children: branding.logoFallbackIcon })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { style: {
+                                                        fontSize: '1.75rem',
+                                                        fontWeight: 700,
+                                                        margin: 0,
+                                                        letterSpacing: '-0.03em',
+                                                    }, children: branding.appName }), branding.tagline && ((0, jsx_runtime_1.jsx)("p", { style: { margin: 0, fontSize: '0.875rem', color: utils_1.cssVars.mutedFg }, children: branding.tagline }))] })] }) })), features && features.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: '1.75rem' }, children: features.map((feature, i) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'flex-start', gap: '1rem' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                                                width: '40px',
+                                                height: '40px',
+                                                borderRadius: utils_1.cssVars.radius.lg,
+                                                backgroundColor: `color-mix(in oklch, ${utils_1.cssVars.primary} 10%, transparent)`,
+                                                display: 'flex',
+                                                alignItems: 'center',
+                                                justifyContent: 'center',
+                                                flexShrink: 0,
+                                                color: utils_1.cssVars.primary,
+                                            }, children: feature.icon }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { style: {
+                                                        margin: '0 0 0.25rem 0',
+                                                        fontWeight: 600,
+                                                        fontSize: '0.9375rem',
+                                                    }, children: feature.title }), (0, jsx_runtime_1.jsx)("p", { style: {
+                                                        margin: 0,
+                                                        fontSize: '0.875rem',
+                                                        color: utils_1.cssVars.mutedFg,
+                                                        lineHeight: 1.6,
+                                                    }, children: feature.description })] })] }, i))) })), branding?.poweredBy !== false && ((0, jsx_runtime_1.jsxs)("p", { style: { marginTop: '3rem', fontSize: '0.75rem', color: utils_1.cssVars.mutedFg }, children: ["Beveiligd door", ' ', (0, jsx_runtime_1.jsx)("a", { href: branding?.links?.home || 'https://ipulse.one', target: "_blank", rel: "noopener noreferrer", style: { color: 'inherit', fontWeight: 500, textDecoration: 'underline' }, children: "iPulse Auth" })] }))] })), (0, jsx_runtime_1.jsx)("div", { style: {
+                            flex: 1,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            padding: '5rem 1.5rem 2rem',
+                        }, children: (0, jsx_runtime_1.jsx)("div", { style: { width: '100%', maxWidth: '440px' }, children: children }) })] }), (0, jsx_runtime_1.jsx)("style", { children: `
+                ${styles_1.AUTH_KEYFRAMES}
+                @media (min-width: 1024px) {
+                    .ipulse-auth-left-panel {
+                        display: flex !important;
+                    }
+                }
+            ` })] }));
+};
+exports.AuthLayout = AuthLayout;
+//# sourceMappingURL=AuthLayout.js.map

package/dist/AuthLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthLayout.js","sourceRoot":"","sources":["../src/AuthLayout.tsx"],"names":[],"mappings":"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"}

package/dist/IPulseClientAuthError.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface IPulseClientAuthErrorProps {
+    /** URL for retry/sign-in button */
+    signInUrl?: string;
+    /** URL for home button */
+    homeUrl?: string;
+    /** Title (default: "Authenticatiefout") */
+    title?: string;
+    /** Description (default: "Er is iets misgegaan bij het inloggen...") */
+    description?: string;
+    /** Retry button label (default: "Opnieuw proberen") */
+    retryLabel?: string;
+    /** Home button label (default: "Terug naar home") */
+    homeLabel?: string;
+}
+/**
+ * Simple auth error page for iPulse OAuth clients (PulseFiles, PulseSync).
+ * Use as auth-error page.
+ */
+export declare const IPulseClientAuthError: React.FC<IPulseClientAuthErrorProps>;
+//# sourceMappingURL=IPulseClientAuthError.d.ts.map

package/dist/IPulseClientAuthError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPulseClientAuthError.d.ts","sourceRoot":"","sources":["../src/IPulseClientAuthError.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,0BAA0B;IACzC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsEtE,CAAC"}

package/dist/IPulseClientAuthError.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IPulseClientAuthError = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+/**
+ * Simple auth error page for iPulse OAuth clients (PulseFiles, PulseSync).
+ * Use as auth-error page.
+ */
+const IPulseClientAuthError = ({ signInUrl = '/sign-in', homeUrl = '/', title = 'Authenticatiefout', description = "Er is iets misgegaan bij het inloggen. Probeer het opnieuw of neem contact op met support.", retryLabel = 'Opnieuw proberen', homeLabel = 'Terug naar home', }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            minHeight: '100vh',
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '1rem',
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { maxWidth: '28rem', width: '100%', textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                        width: '4rem',
+                        height: '4rem',
+                        borderRadius: '50%',
+                        background: 'color-mix(in oklch, var(--color-destructive, #ef4444) 10%, transparent)',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        margin: '0 auto 1.5rem auto',
+                    }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.AlertTriangle, { size: 32, style: { color: 'var(--color-destructive, #ef4444)' } }) }), (0, jsx_runtime_1.jsx)("h1", { style: { fontSize: '1.5rem', fontWeight: 700, margin: '0 0 0.5rem 0' }, children: title }), (0, jsx_runtime_1.jsx)("p", { style: { color: 'var(--color-muted-foreground)', margin: '0 0 1.5rem 0' }, children: description }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '1rem', justifyContent: 'center', flexWrap: 'wrap' }, children: [(0, jsx_runtime_1.jsx)("a", { href: signInUrl, style: {
+                                padding: '0.5rem 1.25rem',
+                                borderRadius: '0.375rem',
+                                backgroundColor: 'var(--color-primary)',
+                                color: 'var(--color-primary-foreground, white)',
+                                fontWeight: 500,
+                                textDecoration: 'none',
+                                fontSize: '0.875rem',
+                            }, children: retryLabel }), (0, jsx_runtime_1.jsx)("a", { href: homeUrl, style: {
+                                padding: '0.5rem 1.25rem',
+                                borderRadius: '0.375rem',
+                                border: '1px solid var(--color-border)',
+                                backgroundColor: 'transparent',
+                                color: 'inherit',
+                                fontWeight: 500,
+                                textDecoration: 'none',
+                                fontSize: '0.875rem',
+                            }, children: homeLabel })] })] }) }));
+};
+exports.IPulseClientAuthError = IPulseClientAuthError;
+//# sourceMappingURL=IPulseClientAuthError.js.map

package/dist/IPulseClientAuthError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPulseClientAuthError.js","sourceRoot":"","sources":["../src/IPulseClientAuthError.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,+CAA6C;AAiB7C;;;GAGG;AACI,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,SAAS,GAAG,UAAU,EACtB,OAAO,GAAG,GAAG,EACb,KAAK,GAAG,mBAAmB,EAC3B,WAAW,GAAG,4FAA4F,EAC1G,UAAU,GAAG,kBAAkB,EAC/B,SAAS,GAAG,iBAAiB,GAC9B,EAAE,EAAE;IACH,OAAO,CACL,gCACE,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;SAChB,YAED,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,aACnE,gCACE,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,YAAY,EAAE,KAAK;wBACnB,UAAU,EAAE,yEAAyE;wBACrF,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,QAAQ;wBACxB,MAAM,EAAE,oBAAoB;qBAC7B,YAED,uBAAC,4BAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,mCAAmC,EAAE,GAAI,GAC9E,EACN,+BAAI,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,YAAG,KAAK,GAAM,EACxF,8BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,MAAM,EAAE,cAAc,EAAE,YAAG,WAAW,GAAK,EAC/F,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,aACtF,8BACE,IAAI,EAAE,SAAS,EACf,KAAK,EAAE;gCACL,OAAO,EAAE,gBAAgB;gCACzB,YAAY,EAAE,UAAU;gCACxB,eAAe,EAAE,sBAAsB;gCACvC,KAAK,EAAE,wCAAwC;gCAC/C,UAAU,EAAE,GAAG;gCACf,cAAc,EAAE,MAAM;gCACtB,QAAQ,EAAE,UAAU;6BACrB,YAEA,UAAU,GACT,EACJ,8BACE,IAAI,EAAE,OAAO,EACb,KAAK,EAAE;gCACL,OAAO,EAAE,gBAAgB;gCACzB,YAAY,EAAE,UAAU;gCACxB,MAAM,EAAE,+BAA+B;gCACvC,eAAe,EAAE,aAAa;gCAC9B,KAAK,EAAE,SAAS;gCAChB,UAAU,EAAE,GAAG;gCACf,cAAc,EAAE,MAAM;gCACtB,QAAQ,EAAE,UAAU;6BACrB,YAEA,SAAS,GACR,IACA,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,qBAAqB,yBAsEhC"}

package/dist/IPulseRedirectSignIn.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { LucideIcon } from 'lucide-react';
+export interface IPulseRedirectSignInFeature {
+    icon: LucideIcon;
+    title: string;
+    description: string;
+}
+export interface IPulseRedirectSignInProps {
+    /** Callback URL after sign-in */
+    callbackUrl?: string;
+    /** Features to show while redirecting */
+    features: IPulseRedirectSignInFeature[];
+    /** Loading text (default: "Doorverwijzen naar iPulse om in te loggen...") */
+    loadingText?: string;
+}
+/**
+ * Sign-in page for iPulse OAuth clients. Redirects to iPulse login.
+ * Use in PulseFiles, PulseSync, etc.
+ */
+export declare const IPulseRedirectSignIn: React.FC<IPulseRedirectSignInProps>;
+//# sourceMappingURL=IPulseRedirectSignIn.d.ts.map

package/dist/IPulseRedirectSignIn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPulseRedirectSignIn.d.ts","sourceRoot":"","sources":["../src/IPulseRedirectSignIn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,QAAQ,EAAE,2BAA2B,EAAE,CAAC;IACxC,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAqDpE,CAAC"}

package/dist/IPulseRedirectSignIn.js

@@ -0,0 +1,65 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IPulseRedirectSignIn = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_1 = require("next-auth/react");
+/**
+ * Sign-in page for iPulse OAuth clients. Redirects to iPulse login.
+ * Use in PulseFiles, PulseSync, etc.
+ */
+const IPulseRedirectSignIn = ({ callbackUrl = '/', features, loadingText = 'Doorverwijzen naar iPulse om in te loggen...', }) => {
+    React.useEffect(() => {
+        (0, react_1.signIn)('ipulse', { callbackUrl });
+    }, [callbackUrl]);
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            minHeight: '100vh',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '1rem',
+        }, children: (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', maxWidth: '28rem', padding: '0 1rem' }, children: [(0, jsx_runtime_1.jsx)("div", { className: "animate-spin", style: {
+                        width: '3rem',
+                        height: '3rem',
+                        border: '2px solid var(--color-primary, oklch(0.52 0.19 238.36))',
+                        borderTopColor: 'transparent',
+                        borderRadius: '50%',
+                        margin: '0 auto 1.5rem auto',
+                    } }), (0, jsx_runtime_1.jsx)("p", { style: { color: 'var(--color-muted-foreground, #71717a)', marginBottom: '2rem' }, children: loadingText }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: '1rem', textAlign: 'left' }, children: features.map((feature, i) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', alignItems: 'flex-start', gap: '0.75rem' }, children: [(0, jsx_runtime_1.jsx)(feature.icon, { size: 20, style: { color: 'var(--color-primary)', flexShrink: 0, marginTop: 2 } }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h3", { style: { fontWeight: 500, margin: 0 }, children: feature.title }), (0, jsx_runtime_1.jsx)("p", { style: { fontSize: '0.875rem', color: 'var(--color-muted-foreground)', margin: '0.25rem 0 0 0' }, children: feature.description })] })] }, i))) })] }) }));
+};
+exports.IPulseRedirectSignIn = IPulseRedirectSignIn;
+//# sourceMappingURL=IPulseRedirectSignIn.js.map

package/dist/IPulseRedirectSignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPulseRedirectSignIn.js","sourceRoot":"","sources":["../src/IPulseRedirectSignIn.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,6CAA+B;AAC/B,2CAAyC;AAkBzC;;;GAGG;AACI,MAAM,oBAAoB,GAAwC,CAAC,EACxE,WAAW,GAAG,GAAG,EACjB,QAAQ,EACR,WAAW,GAAG,8CAA8C,GAC7D,EAAE,EAAE;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAA,cAAM,EAAC,QAAQ,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,gCACE,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;SAChB,YAED,iCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,aACvE,gCACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,MAAM,EAAE,yDAAyD;wBACjE,cAAc,EAAE,aAAa;wBAC7B,YAAY,EAAE,KAAK;wBACnB,MAAM,EAAE,oBAAoB;qBAC7B,GACD,EACF,8BAAG,KAAK,EAAE,EAAE,KAAK,EAAE,wCAAwC,EAAE,YAAY,EAAE,MAAM,EAAE,YAChF,WAAW,GACV,EACJ,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,YACrF,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAC5B,iCAAa,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,aAC/E,uBAAC,OAAO,CAAC,IAAI,IACX,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,GACrE,EACF,4CACE,+BAAI,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,YAAG,OAAO,CAAC,KAAK,GAAM,EAC/D,8BAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,+BAA+B,EAAE,MAAM,EAAE,eAAe,EAAE,YAChG,OAAO,CAAC,WAAW,GAClB,IACA,KAVE,CAAC,CAWL,CACP,CAAC,GACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,oBAAoB,wBAqD/B"}

package/dist/SignIn.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { AuthBranding, AuthTranslations } from './types';
+export interface SignInProps {
+    /** Called with email when user clicks "Send magic link" */
+    onEmailSubmit?: (email: string) => void | Promise<void>;
+    /** Called when user clicks passkey button (after entering email) */
+    onPasskeyClick?: () => void | Promise<void>;
+    /** Called when user clicks Google sign-in */
+    onGoogleClick?: () => void | Promise<void>;
+    /** Whether auth is in progress */
+    isLoading?: boolean;
+    /** Custom branding */
+    branding?: AuthBranding;
+    /** Custom translations / labels */
+    translations?: AuthTranslations['signIn'];
+    /** Show sign-up link */
+    signUpUrl?: string;
+    /** Error message to display */
+    error?: string | null;
+    /** Success message (e.g. after email sent) */
+    success?: string | null;
+}
+export declare const SignIn: React.FC<SignInProps>;
+//# sourceMappingURL=SignIn.d.ts.map

package/dist/SignIn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.d.ts","sourceRoot":"","sources":["../src/SignIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAU9D,MAAM,WAAW,WAAW;IACxB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,oEAAoE;IACpE,cAAc,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,6CAA6C;IAC7C,aAAa,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC1C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAyBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoMxC,CAAC"}

package/dist/SignIn.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SignIn = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const AuthCard_1 = require("./shared/AuthCard");
+const AuthAlert_1 = require("./shared/AuthAlert");
+const AuthHeader_1 = require("./shared/AuthHeader");
+const AuthFooter_1 = require("./shared/AuthFooter");
+const AuthEmailInput_1 = require("./shared/AuthEmailInput");
+const AuthDivider_1 = require("./shared/AuthDivider");
+const AuthButton_1 = require("./shared/AuthButton");
+const utils_1 = require("./utils");
+const DEFAULTS = {
+    title: 'Inloggen',
+    subtitle: 'Log in bij iPulse of registreer om verder te gaan',
+    emailLabel: 'E-mailadres',
+    emailPlaceholder: 'naam@bedrijf.nl',
+    emailButton: 'Verder',
+    passkeyButton: 'Doorgaan met passkey',
+    magicLinkButton: 'Stuur magische link',
+    googleButton: 'Doorgaan met Google',
+    methodTitle: 'Hoe wil je inloggen?',
+    methodSubtitle: 'Kies een methode voor',
+    backButton: 'Terug',
+    orDivider: 'of',
+    loadingText: 'Bezig...',
+    footer: 'Gegarandeerd beveiligd door iPulse Auth',
+    noAccount: 'Geen account?',
+    signUpLink: 'Registreer gratis',
+    termsLabel: 'Voorwaarden',
+    privacyLabel: 'Privacy',
+};
+const SignIn = ({ onEmailSubmit, onPasskeyClick, onGoogleClick, isLoading = false, branding, translations: t, signUpUrl, error, success, }) => {
+    const [email, setEmail] = React.useState('');
+    const [step, setStep] = React.useState('email');
+    const labels = { ...DEFAULTS, ...t };
+    const title = branding?.appName
+        ? `Inloggen bij ${branding.appName}`
+        : labels.title;
+    const handleEmailNext = (e) => {
+        e.preventDefault();
+        if (email.trim() && !isLoading) {
+            setStep('method');
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            if (email.trim() && !isLoading) {
+                setStep('method');
+            }
+        }
+    };
+    const handleMagicLink = async () => {
+        if (onEmailSubmit && email.trim() && !isLoading) {
+            await onEmailSubmit(email.trim());
+        }
+    };
+    const handlePasskey = async () => {
+        if (onPasskeyClick && !isLoading) {
+            await onPasskeyClick();
+        }
+    };
+    const handleGoogle = async () => {
+        if (onGoogleClick && !isLoading) {
+            await onGoogleClick();
+        }
+    };
+    const handleBack = () => {
+        setStep('email');
+    };
+    const def = DEFAULTS;
+    return ((0, jsx_runtime_1.jsxs)(AuthCard_1.AuthCard, { children: [(0, jsx_runtime_1.jsx)(AuthHeader_1.AuthHeader, { branding: branding, title: title, subtitle: labels.subtitle }), error && (0, jsx_runtime_1.jsx)(AuthAlert_1.AuthAlert, { type: "error", message: error }), success && (0, jsx_runtime_1.jsx)(AuthAlert_1.AuthAlert, { type: "success", message: success }), step === 'email' && ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleEmailNext, noValidate: true, style: { display: 'flex', flexDirection: 'column', gap: '1.25rem' }, children: [(0, jsx_runtime_1.jsx)(AuthEmailInput_1.AuthEmailInput, { id: "ipulse-signin-email", value: email, onChange: setEmail, placeholder: labels.emailPlaceholder ?? def.emailPlaceholder, label: labels.emailLabel ?? def.emailLabel, disabled: isLoading, autoFocus: true, onKeyDown: handleKeyDown }), (0, jsx_runtime_1.jsxs)(AuthButton_1.AuthPrimaryButton, { type: "submit", disabled: !email.trim(), loading: isLoading, loadingText: labels.loadingText ?? def.loadingText, tabIndex: 0, children: [labels.emailButton ?? def.emailButton, (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { size: 16, style: { flexShrink: 0 } })] }), onGoogleClick && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AuthDivider_1.AuthDivider, { label: labels.orDivider ?? def.orDivider }), (0, jsx_runtime_1.jsxs)(AuthButton_1.AuthOutlineButton, { type: "button", onClick: handleGoogle, disabled: isLoading, tabIndex: 0, children: [(0, jsx_runtime_1.jsx)(GoogleIcon, {}), labels.googleButton ?? def.googleButton] })] }))] })), step === 'method' && ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: '1.25rem' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '0.5rem',
+                            padding: '0.625rem 0.875rem',
+                            borderRadius: '0.5rem',
+                            background: utils_1.cssVars.muted,
+                            border: `1px solid ${utils_1.cssVars.border}`,
+                            fontSize: '0.875rem',
+                            color: utils_1.cssVars.mutedFg,
+                        }, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Mail, { size: 14, style: { flexShrink: 0 } }), (0, jsx_runtime_1.jsx)("span", { style: { flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, children: email }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleBack, style: {
+                                    background: 'none',
+                                    border: 'none',
+                                    cursor: 'pointer',
+                                    color: utils_1.cssVars.primary,
+                                    fontSize: '0.75rem',
+                                    fontWeight: 500,
+                                    padding: '0',
+                                    flexShrink: 0,
+                                }, children: labels.backButton ?? def.backButton })] }), (0, jsx_runtime_1.jsxs)(AuthButton_1.AuthPrimaryButton, { type: "button", onClick: handleMagicLink, loading: isLoading, loadingText: labels.loadingText ?? def.loadingText, tabIndex: 0, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Mail, { size: 16, style: { flexShrink: 0 } }), labels.magicLinkButton ?? def.magicLinkButton] }), onPasskeyClick && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AuthDivider_1.AuthDivider, { label: labels.orDivider ?? def.orDivider }), (0, jsx_runtime_1.jsxs)(AuthButton_1.AuthOutlineButton, { type: "button", onClick: handlePasskey, disabled: isLoading, tabIndex: 0, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.Fingerprint, { size: 18, style: { flexShrink: 0 } }), labels.passkeyButton ?? def.passkeyButton] })] }))] })), signUpUrl && ((0, jsx_runtime_1.jsxs)("p", { style: { textAlign: 'center', marginTop: '1.5rem', fontSize: '0.875rem', color: utils_1.cssVars.mutedFg }, children: [labels.noAccount ?? def.noAccount, ' ', (0, jsx_runtime_1.jsx)("a", { href: signUpUrl, tabIndex: 0, style: { color: utils_1.cssVars.primary, fontWeight: 500, textDecoration: 'none' }, onMouseOver: (e) => (e.currentTarget.style.textDecoration = 'underline'), onMouseOut: (e) => (e.currentTarget.style.textDecoration = 'none'), children: labels.signUpLink ?? def.signUpLink })] })), (0, jsx_runtime_1.jsx)(AuthFooter_1.AuthFooter, { branding: branding, text: labels.footer ?? def.footer, termsLabel: labels.termsLabel ?? def.termsLabel, privacyLabel: labels.privacyLabel ?? def.privacyLabel })] }));
+};
+exports.SignIn = SignIn;
+// Inline SVG Google logo to avoid extra dependencies
+const GoogleIcon = () => ((0, jsx_runtime_1.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", "aria-hidden": "true", style: { flexShrink: 0 }, children: [(0, jsx_runtime_1.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z", fill: "#4285F4" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z", fill: "#34A853" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z", fill: "#FBBC05" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z", fill: "#EA4335" })] }));
+//# sourceMappingURL=SignIn.js.map