hazo_auth 1.2.0 → 1.4.0

package/dist/components/layouts/reset_password/index.js

@@ -0,0 +1,53 @@
+// file_description: reset password layout component built atop shared layout utilities
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// section: imports
+import { PasswordField } from "hazo_auth/components/layouts/shared/components/password_field";
+import { FormFieldWrapper } from "hazo_auth/components/layouts/shared/components/form_field_wrapper";
+import { FormHeader } from "hazo_auth/components/layouts/shared/components/form_header";
+import { FormActionButtons } from "hazo_auth/components/layouts/shared/components/form_action_buttons";
+import { TwoColumnAuthLayout } from "hazo_auth/components/layouts/shared/components/two_column_auth_layout";
+import { CheckCircle, XCircle, Loader2 } from "lucide-react";
+import { AlreadyLoggedInGuard } from "hazo_auth/components/layouts/shared/components/already_logged_in_guard";
+import { RESET_PASSWORD_FIELD_IDS, createResetPasswordFieldDefinitions, resolveResetPasswordButtonPalette, resolveResetPasswordLabels, resolveResetPasswordPasswordRequirements, } from "hazo_auth/components/layouts/reset_password/config/reset_password_field_config";
+import { use_reset_password_form, } from "hazo_auth/components/layouts/reset_password/hooks/use_reset_password_form";
+import Link from "next/link";
+const ORDERED_FIELDS = [
+    RESET_PASSWORD_FIELD_IDS.PASSWORD,
+    RESET_PASSWORD_FIELD_IDS.CONFIRM_PASSWORD,
+];
+// section: component
+export default function reset_password_layout({ image_src, image_alt, image_background_color = "#f1f5f9", field_overrides, labels, button_colors, password_requirements, data_client, alreadyLoggedInMessage, showLogoutButton = true, showReturnHomeButton = false, returnHomeButtonLabel = "Return home", returnHomePath = "/", errorMessage = "Reset password link invalid or has expired. Please go to Reset Password page to get a new link.", successMessage = "Password reset successfully. Redirecting to login...", loginPath = "/hazo_auth/login", forgotPasswordPath = "/hazo_auth/forgot_password", }) {
+    const fieldDefinitions = createResetPasswordFieldDefinitions(field_overrides);
+    const resolvedLabels = resolveResetPasswordLabels(labels);
+    const resolvedButtonPalette = resolveResetPasswordButtonPalette(button_colors);
+    const resolvedPasswordRequirements = resolveResetPasswordPasswordRequirements(password_requirements);
+    const form = use_reset_password_form({
+        passwordRequirements: resolvedPasswordRequirements,
+        dataClient: data_client,
+        loginPath,
+    });
+    const renderFields = (formState) => {
+        return ORDERED_FIELDS.map((fieldId) => {
+            const fieldDefinition = fieldDefinitions[fieldId];
+            const fieldValue = formState.values[fieldId];
+            const fieldError = formState.errors[fieldId];
+            const inputElement = (_jsx(PasswordField, { inputId: fieldDefinition.id, ariaLabel: fieldDefinition.ariaLabel, value: fieldValue, placeholder: fieldDefinition.placeholder, autoComplete: fieldDefinition.autoComplete, isVisible: formState.passwordVisibility[fieldDefinition.id], onChange: (nextValue) => formState.handleFieldChange(fieldId, nextValue), onToggleVisibility: () => formState.togglePasswordVisibility(fieldDefinition.id), errorMessage: fieldError }));
+            return (_jsx(FormFieldWrapper, { fieldId: fieldDefinition.id, label: fieldDefinition.label, input: inputElement, errorMessage: fieldError }, fieldId));
+        });
+    };
+    // Show success message if password reset was successful
+    if (form.isSuccess) {
+        return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs(_Fragment, { children: [_jsx(FormHeader, { heading: resolvedLabels.heading, subHeading: resolvedLabels.subHeading }), _jsxs("div", { className: "cls_reset_password_layout_success flex flex-col items-center justify-center gap-4 p-8 text-center", children: [_jsx(CheckCircle, { className: "cls_reset_password_layout_success_icon h-16 w-16 text-green-600", "aria-hidden": "true" }), _jsx("p", { className: "cls_reset_password_layout_success_message text-lg font-medium text-slate-900", children: successMessage })] })] }) }) }));
+    }
+    // Show loading state while validating token
+    if (form.isValidatingToken) {
+        return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs("div", { className: "cls_reset_password_layout_validating flex flex-col items-center justify-center gap-4 py-8", children: [_jsx(Loader2, { className: "h-12 w-12 animate-spin text-slate-600", "aria-hidden": "true" }), _jsxs("div", { className: "cls_reset_password_layout_validating_text text-center", children: [_jsx("h1", { className: "cls_reset_password_layout_validating_heading text-2xl font-semibold text-slate-900", children: resolvedLabels.heading }), _jsx("p", { className: "cls_reset_password_layout_validating_subheading mt-2 text-sm text-slate-600", children: "Validating reset token..." })] })] }) }) }));
+    }
+    // Show error message if token is invalid or missing
+    if (form.tokenError || !form.token) {
+        return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs("div", { className: "cls_reset_password_layout_error flex flex-col items-center justify-center gap-4 p-8 text-center", children: [_jsx(XCircle, { className: "cls_reset_password_layout_error_icon h-16 w-16 text-red-600", "aria-hidden": "true" }), _jsxs("div", { className: "cls_reset_password_layout_error_text", children: [_jsx("h1", { className: "cls_reset_password_layout_error_heading text-2xl font-semibold text-slate-900", children: "Invalid Reset Link" }), _jsx("p", { className: "cls_reset_password_layout_error_message mt-2 text-sm text-slate-600", children: form.tokenError || errorMessage })] }), _jsx(Link, { href: forgotPasswordPath, className: "cls_reset_password_layout_forgot_password_link mt-4 text-sm text-blue-600 hover:text-blue-800 underline", children: "Go to Reset Password page" })] }) }) }));
+    }
+    return (_jsx(AlreadyLoggedInGuard, { image_src: image_src, image_alt: image_alt, image_background_color: image_background_color, message: alreadyLoggedInMessage, showLogoutButton: showLogoutButton, showReturnHomeButton: showReturnHomeButton, returnHomeButtonLabel: returnHomeButtonLabel, returnHomePath: returnHomePath, children: _jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs(_Fragment, { children: [_jsx(FormHeader, { heading: resolvedLabels.heading, subHeading: resolvedLabels.subHeading }), _jsxs("form", { className: "cls_reset_password_layout_form_fields flex flex-col gap-5", onSubmit: form.handleSubmit, "aria-label": "Reset password form", children: [renderFields(form), _jsx(FormActionButtons, { submitLabel: resolvedLabels.submitButton, cancelLabel: resolvedLabels.cancelButton, buttonPalette: resolvedButtonPalette, isSubmitDisabled: form.isSubmitDisabled, onCancel: form.handleCancel, submitAriaLabel: "Submit reset password form", cancelAriaLabel: "Cancel reset password form" }), form.isSubmitting && (_jsx("div", { className: "cls_reset_password_layout_submitting_indicator text-sm text-slate-600 text-center", children: "Resetting password..." }))] })] }) }) }));
+}

package/dist/components/layouts/shared/components/already_logged_in_guard.d.ts

@@ -0,0 +1,20 @@
+export type AlreadyLoggedInGuardProps = {
+    image_src: string;
+    image_alt: string;
+    image_background_color?: string;
+    message?: string;
+    showLogoutButton?: boolean;
+    showReturnHomeButton?: boolean;
+    returnHomeButtonLabel?: string;
+    returnHomePath?: string;
+    requireEmailVerified?: boolean;
+    children: React.ReactNode;
+};
+/**
+ * Guard component that shows "already logged in" message if user is authenticated
+ * Otherwise renders children
+ * @param props - Component props including layout config and message customization
+ * @returns Either the "already logged in" UI or the children
+ */
+export declare function AlreadyLoggedInGuard({ image_src, image_alt, image_background_color, message, showLogoutButton, showReturnHomeButton, returnHomeButtonLabel, returnHomePath, requireEmailVerified, children, }: AlreadyLoggedInGuardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=already_logged_in_guard.d.ts.map

package/dist/components/layouts/shared/components/already_logged_in_guard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"already_logged_in_guard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/already_logged_in_guard.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAGF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,SAAS,EACT,sBAAkC,EAClC,OAAqC,EACrC,gBAAuB,EACvB,oBAA4B,EAC5B,qBAAqC,EACrC,cAAoB,EACpB,oBAA4B,EAC5B,QAAQ,GACT,EAAE,yBAAyB,2CAiD3B"}

package/dist/components/layouts/shared/components/already_logged_in_guard.js

@@ -0,0 +1,32 @@
+// file_description: reusable component to show "already logged in" message when user is authenticated
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// section: imports
+import { use_auth_status } from "hazo_auth/components/layouts/shared/hooks/use_auth_status";
+import { LogoutButton } from "hazo_auth/components/layouts/shared/components/logout_button";
+import { Button } from "hazo_auth/components/ui/button";
+import { TwoColumnAuthLayout } from "hazo_auth/components/layouts/shared/components/two_column_auth_layout";
+import { useRouter } from "next/navigation";
+import { Home } from "lucide-react";
+// section: component
+/**
+ * Guard component that shows "already logged in" message if user is authenticated
+ * Otherwise renders children
+ * @param props - Component props including layout config and message customization
+ * @returns Either the "already logged in" UI or the children
+ */
+export function AlreadyLoggedInGuard({ image_src, image_alt, image_background_color = "#f1f5f9", message = "You're already logged in.", showLogoutButton = true, showReturnHomeButton = false, returnHomeButtonLabel = "Return home", returnHomePath = "/", requireEmailVerified = false, children, }) {
+    const router = useRouter();
+    const authStatus = use_auth_status();
+    // Check if user should see "already logged in" message
+    // If requireEmailVerified is true, only show if email is verified
+    // If requireEmailVerified is false, show if authenticated
+    const shouldShowAlreadyLoggedIn = authStatus.authenticated &&
+        !authStatus.loading &&
+        (!requireEmailVerified || authStatus.email_verified === true);
+    if (shouldShowAlreadyLoggedIn) {
+        return (_jsx(TwoColumnAuthLayout, { imageSrc: image_src, imageAlt: image_alt, imageBackgroundColor: image_background_color, formContent: _jsxs("div", { className: "cls_already_logged_in_guard flex flex-col items-center justify-center gap-4 p-8 text-center", children: [_jsx("p", { className: "cls_already_logged_in_guard_message text-lg font-medium text-slate-900", children: message }), _jsxs("div", { className: "cls_already_logged_in_guard_actions flex flex-col gap-3 items-center mt-4", children: [showLogoutButton && (_jsx(LogoutButton, { className: "cls_already_logged_in_guard_logout_button", variant: "default" })), showReturnHomeButton && (_jsxs(Button, { onClick: () => router.push(returnHomePath), variant: "outline", className: "cls_already_logged_in_guard_return_home_button", "aria-label": returnHomeButtonLabel, children: [_jsx(Home, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }), returnHomeButtonLabel] }))] })] }) }));
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist/components/layouts/shared/components/auth_page_shell.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type AuthPageShellProps = {
+    children: ReactNode;
+};
+export declare function AuthPageShell({ children }: AuthPageShellProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=auth_page_shell.d.ts.map

package/dist/components/layouts/shared/components/auth_page_shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth_page_shell.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/auth_page_shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAmB7D"}

package/dist/components/layouts/shared/components/auth_page_shell.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidebarLayoutWrapper } from "hazo_auth/components/layouts/shared/components/sidebar_layout_wrapper";
+import { StandaloneLayoutWrapper } from "hazo_auth/components/layouts/shared/components/standalone_layout_wrapper";
+import { get_ui_shell_config } from "hazo_auth/lib/ui_shell_config.server";
+// section: component
+export function AuthPageShell({ children }) {
+    const uiShellConfig = get_ui_shell_config();
+    if (uiShellConfig.layout_mode === "standalone") {
+        return (_jsx(StandaloneLayoutWrapper, { heading: uiShellConfig.standalone_heading, description: uiShellConfig.standalone_description, wrapperClassName: uiShellConfig.standalone_wrapper_class, contentClassName: uiShellConfig.standalone_content_class, showHeading: uiShellConfig.standalone_show_heading, showDescription: uiShellConfig.standalone_show_description, children: children }));
+    }
+    return _jsx(SidebarLayoutWrapper, { children: children });
+}

package/dist/components/layouts/shared/components/field_error_message.d.ts

@@ -0,0 +1,7 @@
+type FieldErrorMessageProps = {
+    message: string | string[];
+    className?: string;
+};
+export declare function FieldErrorMessage({ message, className, }: FieldErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=field_error_message.d.ts.map

package/dist/components/layouts/shared/components/field_error_message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field_error_message.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/field_error_message.tsx"],"names":[],"mappings":"AAEA,KAAK,sBAAsB,GAAG;IAC5B,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,2CAgBxB"}

package/dist/components/layouts/shared/components/field_error_message.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// section: component
+export function FieldErrorMessage({ message, className, }) {
+    const messages = Array.isArray(message) ? message : [message];
+    return (_jsx("div", { className: `cls_field_error_message flex flex-col gap-1 text-sm text-red-600 ${className !== null && className !== void 0 ? className : ""}`, role: "alert", "aria-live": "polite", children: messages.map((msg, index) => (_jsx("p", { className: "break-words leading-relaxed", children: msg }, index))) }));
+}

package/dist/components/layouts/shared/components/form_action_buttons.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonPaletteDefaults } from "hazo_auth/components/layouts/shared/config/layout_customization";
+type FormActionButtonsProps = {
+    submitLabel: string;
+    cancelLabel: string;
+    buttonPalette: ButtonPaletteDefaults;
+    isSubmitDisabled: boolean;
+    onCancel: () => void;
+    submitAriaLabel?: string;
+    cancelAriaLabel?: string;
+    className?: string;
+};
+export declare function FormActionButtons({ submitLabel, cancelLabel, buttonPalette, isSubmitDisabled, onCancel, submitAriaLabel, cancelAriaLabel, className, }: FormActionButtonsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form_action_buttons.d.ts.map

package/dist/components/layouts/shared/components/form_action_buttons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form_action_buttons.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/form_action_buttons.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAC;AAG7G,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,qBAAqB,CAAC;IACrC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,eAA+B,EAC/B,eAA+B,EAC/B,SAAS,GACV,EAAE,sBAAsB,2CAkCxB"}

package/dist/components/layouts/shared/components/form_action_buttons.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// file_description: reusable form action buttons component with submit (positive, left) and cancel (negative, right) buttons
+// section: imports
+import { CircleCheckBig, CircleX } from "lucide-react";
+import { Button } from "hazo_auth/components/ui/button";
+// section: component
+export function FormActionButtons({ submitLabel, cancelLabel, buttonPalette, isSubmitDisabled, onCancel, submitAriaLabel = "Submit form", cancelAriaLabel = "Cancel form", className, }) {
+    return (_jsxs("div", { className: `cls_form_action_buttons mt-2 flex items-center justify-end gap-4 ${className !== null && className !== void 0 ? className : ""}`, children: [_jsxs(Button, { type: "submit", disabled: isSubmitDisabled, className: "cls_form_action_submit_button flex items-center gap-2", "aria-label": submitAriaLabel, style: {
+                    backgroundColor: buttonPalette.submitBackground,
+                    color: buttonPalette.submitText,
+                }, children: [_jsx(CircleCheckBig, { className: "h-4 w-4", "aria-hidden": "true" }), _jsx("span", { children: submitLabel })] }), _jsxs(Button, { type: "button", variant: "outline", onClick: onCancel, className: "cls_form_action_cancel_button flex items-center gap-2", "aria-label": cancelAriaLabel, style: {
+                    borderColor: buttonPalette.cancelBorder,
+                    color: buttonPalette.cancelText,
+                }, children: [_jsx(CircleX, { className: "h-4 w-4", "aria-hidden": "true" }), _jsx("span", { children: cancelLabel })] })] }));
+}

package/dist/components/layouts/shared/components/form_field_wrapper.d.ts

@@ -0,0 +1,11 @@
+type FormFieldWrapperProps = {
+    fieldId: string;
+    label: string;
+    input: React.ReactNode;
+    errorMessage?: string | string[];
+    className?: string;
+    labelClassName?: string;
+};
+export declare function FormFieldWrapper({ fieldId, label, input, errorMessage, className, labelClassName, }: FormFieldWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form_field_wrapper.d.ts.map

package/dist/components/layouts/shared/components/form_field_wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form_field_wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/form_field_wrapper.tsx"],"names":[],"mappings":"AAMA,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAGF,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,KAAK,EACL,YAAY,EACZ,SAAS,EACT,cAAc,GACf,EAAE,qBAAqB,2CAmBvB"}

package/dist/components/layouts/shared/components/form_field_wrapper.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// file_description: reusable wrapper component for form fields that standardizes label, input, and error message structure
+// section: imports
+import { Label } from "hazo_auth/components/ui/label";
+import { FieldErrorMessage } from "hazo_auth/components/layouts/shared/components/field_error_message";
+// section: component
+export function FormFieldWrapper({ fieldId, label, input, errorMessage, className, labelClassName, }) {
+    return (_jsxs("div", { className: `cls_form_field_wrapper flex flex-col gap-2 ${className !== null && className !== void 0 ? className : ""}`, children: [_jsx(Label, { htmlFor: fieldId, className: `cls_form_field_label text-sm font-medium text-slate-800 ${labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""}`, children: label }), input, errorMessage ? (_jsx("div", { className: "mt-1 min-h-0", children: _jsx(FieldErrorMessage, { message: errorMessage }) })) : null] }));
+}

package/dist/components/layouts/shared/components/form_header.d.ts

@@ -0,0 +1,10 @@
+type FormHeaderProps = {
+    heading: string;
+    subHeading: string;
+    className?: string;
+    headingClassName?: string;
+    subHeadingClassName?: string;
+};
+export declare function FormHeader({ heading, subHeading, className, headingClassName, subHeadingClassName, }: FormHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form_header.d.ts.map

package/dist/components/layouts/shared/components/form_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form_header.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/form_header.tsx"],"names":[],"mappings":"AAEA,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAGF,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,mBAAmB,GACpB,EAAE,eAAe,2CAiBjB"}

package/dist/components/layouts/shared/components/form_header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// section: component
+export function FormHeader({ heading, subHeading, className, headingClassName, subHeadingClassName, }) {
+    return (_jsxs("header", { className: `cls_form_header flex flex-col gap-2 text-center md:text-left ${className !== null && className !== void 0 ? className : ""}`, children: [_jsx("h1", { className: `cls_form_header_title text-2xl font-semibold text-slate-900 ${headingClassName !== null && headingClassName !== void 0 ? headingClassName : ""}`, children: heading }), _jsx("p", { className: `cls_form_header_subtitle text-sm text-slate-600 ${subHeadingClassName !== null && subHeadingClassName !== void 0 ? subHeadingClassName : ""}`, children: subHeading })] }));
+}

package/dist/components/layouts/shared/components/logout_button.d.ts

@@ -0,0 +1,7 @@
+export type LogoutButtonProps = {
+    className?: string;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    size?: "default" | "sm" | "lg" | "icon";
+};
+export declare function LogoutButton({ className, variant, size, }: LogoutButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=logout_button.d.ts.map

package/dist/components/layouts/shared/components/logout_button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logout_button.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/logout_button.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACjF,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;CACzC,CAAC;AAGF,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,OAAmB,EACnB,IAAgB,GACjB,EAAE,iBAAiB,2CAkDnB"}

package/dist/components/layouts/shared/components/logout_button.js

@@ -0,0 +1,44 @@
+// file_description: logout button component for user logout functionality
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// section: imports
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { Button } from "hazo_auth/components/ui/button";
+import { LogOut } from "lucide-react";
+import { toast } from "sonner";
+import { trigger_auth_status_refresh } from "hazo_auth/components/layouts/shared/hooks/use_auth_status";
+// section: component
+export function LogoutButton({ className, variant = "outline", size = "default", }) {
+    const router = useRouter();
+    const [isLoggingOut, setIsLoggingOut] = useState(false);
+    const handleLogout = async () => {
+        setIsLoggingOut(true);
+        try {
+            const response = await fetch("/api/hazo_auth/logout", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+            });
+            const data = await response.json();
+            if (!response.ok || !data.success) {
+                throw new Error(data.error || "Logout failed");
+            }
+            toast.success("Logged out successfully");
+            // Trigger auth status refresh in all components (navbar, sidebar, etc.)
+            trigger_auth_status_refresh();
+            // Refresh the page to update authentication state (cookies are cleared server-side)
+            router.refresh();
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : "Logout failed. Please try again.";
+            toast.error(errorMessage);
+        }
+        finally {
+            setIsLoggingOut(false);
+        }
+    };
+    return (_jsxs(Button, { onClick: handleLogout, disabled: isLoggingOut, variant: variant, size: size, className: className, "aria-label": "Logout", children: [_jsx(LogOut, { className: "h-4 w-4 mr-2", "aria-hidden": "true" }), isLoggingOut ? "Logging out..." : "Logout"] }));
+}

package/dist/components/layouts/shared/components/password_field.d.ts

@@ -0,0 +1,13 @@
+export type PasswordFieldProps = {
+    inputId: string;
+    ariaLabel: string;
+    value: string;
+    placeholder: string;
+    autoComplete?: string;
+    isVisible: boolean;
+    onChange: (value: string) => void;
+    onToggleVisibility: () => void;
+    errorMessage?: string | string[];
+};
+export declare function PasswordField({ inputId, ariaLabel, value, placeholder, autoComplete, isVisible, onChange, onToggleVisibility, errorMessage, }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password_field.d.ts.map

package/dist/components/layouts/shared/components/password_field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password_field.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/password_field.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAClC,CAAC;AAGF,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,YAAY,GACb,EAAE,kBAAkB,2CAoCpB"}

package/dist/components/layouts/shared/components/password_field.js

@@ -0,0 +1,13 @@
+// file_description: reusable password input with visibility toggle and error messaging
+// section: client_directive
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// section: imports
+import { Eye, EyeOff } from "lucide-react";
+import { Button } from "hazo_auth/components/ui/button";
+import { Input } from "hazo_auth/components/ui/input";
+import { FieldErrorMessage } from "hazo_auth/components/layouts/shared/components/field_error_message";
+// section: component
+export function PasswordField({ inputId, ariaLabel, value, placeholder, autoComplete, isVisible, onChange, onToggleVisibility, errorMessage, }) {
+    return (_jsxs("div", { className: "cls_password_field_wrapper", children: [_jsxs("div", { className: "relative", children: [_jsx(Input, { id: inputId, type: isVisible ? "text" : "password", value: value, onChange: (event) => onChange(event.target.value), autoComplete: autoComplete, placeholder: placeholder, "aria-label": ariaLabel, className: "cls_password_field_input pr-11" }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": `${isVisible ? "Hide" : "Show"} ${ariaLabel.toLowerCase()}`, onClick: onToggleVisibility, className: "cls_password_field_toggle absolute right-1 top-1/2 -translate-y-1/2 text-slate-600 hover:text-slate-900", children: isVisible ? (_jsx(EyeOff, { className: "h-4 w-4", "aria-hidden": "true" })) : (_jsx(Eye, { className: "h-4 w-4", "aria-hidden": "true" })) })] }), errorMessage ? (_jsx("div", { className: "mt-1 min-h-0", children: _jsx(FieldErrorMessage, { message: errorMessage }) })) : null] }));
+}

package/dist/components/layouts/shared/components/profile_pic_menu.d.ts

@@ -0,0 +1,22 @@
+import type { ProfilePicMenuMenuItem } from "hazo_auth/lib/profile_pic_menu_config.server";
+export type ProfilePicMenuProps = {
+    show_single_button?: boolean;
+    sign_up_label?: string;
+    sign_in_label?: string;
+    register_path?: string;
+    login_path?: string;
+    settings_path?: string;
+    logout_path?: string;
+    custom_menu_items?: ProfilePicMenuMenuItem[];
+    className?: string;
+    avatar_size?: "default" | "sm" | "lg";
+};
+/**
+ * Profile picture menu component
+ * Shows user profile picture when authenticated, or sign up/sign in buttons when not authenticated
+ * Clicking profile picture opens dropdown menu with user info and actions
+ * @param props - Component props including configuration options
+ * @returns Profile picture menu component
+ */
+export declare function ProfilePicMenu({ show_single_button, sign_up_label, sign_in_label, register_path, login_path, settings_path, logout_path, custom_menu_items, className, avatar_size, }: ProfilePicMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profile_pic_menu.d.ts.map

package/dist/components/layouts/shared/components/profile_pic_menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile_pic_menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/profile_pic_menu.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAG3F,MAAM,MAAM,mBAAmB,GAAG;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC,CAAC;AAGF;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,kBAA0B,EAC1B,aAAyB,EACzB,aAAyB,EACzB,aAAqC,EACrC,UAA+B,EAC/B,aAAwC,EACxC,WAAqC,EACrC,iBAAsB,EACtB,SAAS,EACT,WAAuB,GACxB,EAAE,mBAAmB,2CAuQrB"}

package/dist/components/layouts/shared/components/profile_pic_menu.js

@@ -0,0 +1,169 @@
+// file_description: profile picture menu component for navbar or sidebar - shows profile picture when logged in, or sign up/sign in buttons when not logged in
+// section: client_directive
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// section: imports
+import { useState, useMemo } from "react";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+import { Avatar, AvatarImage, AvatarFallback } from "hazo_auth/components/ui/avatar";
+import { Button } from "hazo_auth/components/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "hazo_auth/components/ui/dropdown-menu";
+import { Settings, LogOut } from "lucide-react";
+import { toast } from "sonner";
+import { use_auth_status, trigger_auth_status_refresh } from "hazo_auth/components/layouts/shared/hooks/use_auth_status";
+// section: component
+/**
+ * Profile picture menu component
+ * Shows user profile picture when authenticated, or sign up/sign in buttons when not authenticated
+ * Clicking profile picture opens dropdown menu with user info and actions
+ * @param props - Component props including configuration options
+ * @returns Profile picture menu component
+ */
+export function ProfilePicMenu({ show_single_button = false, sign_up_label = "Sign Up", sign_in_label = "Sign In", register_path = "/hazo_auth/register", login_path = "/hazo_auth/login", settings_path = "/hazo_auth/my_settings", logout_path = "/api/hazo_auth/logout", custom_menu_items = [], className, avatar_size = "default", }) {
+    const router = useRouter();
+    const authStatus = use_auth_status();
+    const [isLoggingOut, setIsLoggingOut] = useState(false);
+    // Get initials from name or email
+    const getInitials = () => {
+        var _a, _b;
+        if (authStatus.name) {
+            const parts = authStatus.name.trim().split(" ");
+            if (parts.length >= 2) {
+                return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();
+            }
+            return ((_a = authStatus.name[0]) === null || _a === void 0 ? void 0 : _a.toUpperCase()) || "";
+        }
+        if (authStatus.email) {
+            return ((_b = authStatus.email[0]) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || "";
+        }
+        return "?";
+    };
+    // Handle logout
+    const handleLogout = async () => {
+        setIsLoggingOut(true);
+        try {
+            const response = await fetch(logout_path, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                },
+            });
+            const data = await response.json();
+            if (!response.ok || !data.success) {
+                throw new Error(data.error || "Logout failed");
+            }
+            toast.success("Logged out successfully");
+            // Trigger auth status refresh in all components
+            trigger_auth_status_refresh();
+            // Refresh the page to update authentication state
+            router.refresh();
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : "Logout failed. Please try again.";
+            toast.error(errorMessage);
+        }
+        finally {
+            setIsLoggingOut(false);
+        }
+    };
+    // Build menu items with default items and custom items
+    const menuItems = useMemo(() => {
+        const items = [];
+        // Add default info items (only if authenticated)
+        if (authStatus.authenticated) {
+            // User name (info, order: 1)
+            if (authStatus.name) {
+                items.push({
+                    type: "info",
+                    value: authStatus.name,
+                    order: 1,
+                    id: "default_name",
+                });
+            }
+            // Email address (info, order: 2)
+            if (authStatus.email) {
+                items.push({
+                    type: "info",
+                    value: authStatus.email,
+                    order: 2,
+                    id: "default_email",
+                });
+            }
+            // Separator (order: 1)
+            items.push({
+                type: "separator",
+                order: 1,
+                id: "default_separator",
+            });
+            // Settings (link, order: 1)
+            items.push({
+                type: "link",
+                label: "Settings",
+                href: settings_path,
+                order: 1,
+                id: "default_settings",
+            });
+            // Logout (link, order: 2)
+            items.push({
+                type: "link",
+                label: "Logout",
+                href: logout_path,
+                order: 2,
+                id: "default_logout",
+            });
+        }
+        // Add custom menu items
+        items.push(...custom_menu_items);
+        // Sort items by type group and order
+        // Order: info items first, then separators, then links
+        items.sort((a, b) => {
+            // Define type priority: info = 0, separator = 1, link = 2
+            const typePriority = { info: 0, separator: 1, link: 2 };
+            const aPriority = typePriority[a.type];
+            const bPriority = typePriority[b.type];
+            if (aPriority !== bPriority) {
+                return aPriority - bPriority;
+            }
+            // Within same type, sort by order
+            return a.order - b.order;
+        });
+        return items;
+    }, [authStatus.authenticated, authStatus.name, authStatus.email, settings_path, logout_path, custom_menu_items]);
+    // Avatar size classes
+    const avatarSizeClasses = {
+        sm: "h-8 w-8",
+        default: "h-10 w-10",
+        lg: "h-12 w-12",
+    };
+    // Show loading state
+    if (authStatus.loading) {
+        return (_jsx("div", { className: `cls_profile_pic_menu ${className || ""}`, children: _jsx("div", { className: "h-10 w-10 rounded-full bg-slate-200 animate-pulse" }) }));
+    }
+    // Not authenticated - show sign up/sign in buttons
+    if (!authStatus.authenticated) {
+        return (_jsx("div", { className: `cls_profile_pic_menu flex items-center gap-2 ${className || ""}`, children: show_single_button ? (_jsx(Button, { asChild: true, variant: "default", size: "sm", children: _jsx(Link, { href: register_path, className: "cls_profile_pic_menu_sign_up", children: sign_up_label }) })) : (_jsxs(_Fragment, { children: [_jsx(Button, { asChild: true, variant: "outline", size: "sm", children: _jsx(Link, { href: register_path, className: "cls_profile_pic_menu_sign_up", children: sign_up_label }) }), _jsx(Button, { asChild: true, variant: "default", size: "sm", children: _jsx(Link, { href: login_path, className: "cls_profile_pic_menu_sign_in", children: sign_in_label }) })] })) }));
+    }
+    // Authenticated - show profile picture with dropdown menu
+    return (_jsx("div", { className: `cls_profile_pic_menu ${className || ""}`, children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { className: "cls_profile_pic_menu_trigger focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary rounded-full", "aria-label": "Profile menu", children: _jsxs(Avatar, { className: `cls_profile_pic_menu_avatar ${avatarSizeClasses[avatar_size]} cursor-pointer`, children: [_jsx(AvatarImage, { src: authStatus.profile_picture_url, alt: authStatus.name ? `Profile picture of ${authStatus.name}` : "Profile picture", className: "cls_profile_pic_menu_image" }), _jsx(AvatarFallback, { className: "cls_profile_pic_menu_fallback bg-slate-200 text-slate-600", children: getInitials() })] }) }) }), _jsx(DropdownMenuContent, { align: "end", className: "cls_profile_pic_menu_dropdown w-56", children: menuItems.map((item) => {
+                        if (item.type === "separator") {
+                            return _jsx(DropdownMenuSeparator, { className: "cls_profile_pic_menu_separator" }, item.id);
+                        }
+                        if (item.type === "info") {
+                            return (_jsx("div", { className: "cls_profile_pic_menu_info", children: item.value && (_jsx("div", { className: "cls_profile_pic_menu_info_value px-2 py-1.5 text-sm text-foreground", children: item.value })) }, item.id));
+                        }
+                        if (item.type === "link") {
+                            // Special handling for logout
+                            if (item.id === "default_logout") {
+                                return (_jsxs(DropdownMenuItem, { onClick: handleLogout, disabled: isLoggingOut, className: "cls_profile_pic_menu_logout cursor-pointer text-destructive focus:text-destructive", children: [_jsx(LogOut, { className: "mr-2 h-4 w-4" }), isLoggingOut ? "Logging out..." : item.label] }, item.id));
+                            }
+                            // Special handling for settings
+                            if (item.id === "default_settings") {
+                                return (_jsx(DropdownMenuItem, { asChild: true, className: "cls_profile_pic_menu_settings cursor-pointer", children: _jsxs(Link, { href: item.href || settings_path, children: [_jsx(Settings, { className: "mr-2 h-4 w-4" }), item.label] }) }, item.id));
+                            }
+                            // Generic link handling
+                            return (_jsx(DropdownMenuItem, { asChild: true, className: "cls_profile_pic_menu_link cursor-pointer", children: _jsx(Link, { href: item.href || "#", children: item.label }) }, item.id));
+                        }
+                        return null;
+                    }) })] }) }));
+}

package/dist/components/layouts/shared/components/profile_pic_menu_wrapper.d.ts

@@ -0,0 +1,12 @@
+export type ProfilePicMenuWrapperProps = {
+    className?: string;
+    avatar_size?: "default" | "sm" | "lg";
+};
+/**
+ * Server wrapper component that loads profile picture menu configuration from hazo_auth_config.ini
+ * and passes it to the client ProfilePicMenu component
+ * @param props - Component props including className and avatar_size
+ * @returns ProfilePicMenu component with loaded configuration
+ */
+export declare function ProfilePicMenuWrapper({ className, avatar_size, }: ProfilePicMenuWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=profile_pic_menu_wrapper.d.ts.map

package/dist/components/layouts/shared/components/profile_pic_menu_wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile_pic_menu_wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/profile_pic_menu_wrapper.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC,CAAC;AAGF;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAW,GACZ,EAAE,0BAA0B,2CAiB5B"}

package/dist/components/layouts/shared/components/profile_pic_menu_wrapper.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// file_description: server wrapper component that loads profile picture menu configuration and passes to client component
+// section: imports
+import { ProfilePicMenu } from "hazo_auth/components/layouts/shared/components/profile_pic_menu";
+import { get_profile_pic_menu_config } from "hazo_auth/lib/profile_pic_menu_config.server";
+// section: component
+/**
+ * Server wrapper component that loads profile picture menu configuration from hazo_auth_config.ini
+ * and passes it to the client ProfilePicMenu component
+ * @param props - Component props including className and avatar_size
+ * @returns ProfilePicMenu component with loaded configuration
+ */
+export function ProfilePicMenuWrapper({ className, avatar_size, }) {
+    const config = get_profile_pic_menu_config();
+    return (_jsx(ProfilePicMenu, { show_single_button: config.show_single_button, sign_up_label: config.sign_up_label, sign_in_label: config.sign_in_label, register_path: config.register_path, login_path: config.login_path, settings_path: config.settings_path, logout_path: config.logout_path, custom_menu_items: config.custom_menu_items, className: className, avatar_size: avatar_size }));
+}

package/dist/components/layouts/shared/components/sidebar_layout_wrapper.d.ts

@@ -0,0 +1,6 @@
+type SidebarLayoutWrapperProps = {
+    children: React.ReactNode;
+};
+export declare function SidebarLayoutWrapper({ children }: SidebarLayoutWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=sidebar_layout_wrapper.d.ts.map

package/dist/components/layouts/shared/components/sidebar_layout_wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar_layout_wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/shared/components/sidebar_layout_wrapper.tsx"],"names":[],"mappings":"AAwBA,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAGF,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAuL3E"}