hazo_auth 1.3.0 → 1.4.1

package/package.json

@@ -1,7 +1,153 @@
 {
   "name": "hazo_auth",
-  "version": "1.3.0",
+  "version": "1.4.1",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
+    "./components/ui/*": {
+      "types": "./dist/components/ui/*.d.ts",
+      "import": "./dist/components/ui/*.js"
+    },
+    "./components/layouts": {
+      "types": "./dist/components/layouts/index.d.ts",
+      "import": "./dist/components/layouts/index.js"
+    },
+    "./components/layouts/*": {
+      "types": "./dist/components/layouts/*.d.ts",
+      "import": "./dist/components/layouts/*.js"
+    },
+    "./components/layouts/login": {
+      "types": "./dist/components/layouts/login/index.d.ts",
+      "import": "./dist/components/layouts/login/index.js"
+    },
+    "./components/layouts/login/*": {
+      "types": "./dist/components/layouts/login/*.d.ts",
+      "import": "./dist/components/layouts/login/*.js"
+    },
+    "./components/layouts/register": {
+      "types": "./dist/components/layouts/register/index.d.ts",
+      "import": "./dist/components/layouts/register/index.js"
+    },
+    "./components/layouts/register/*": {
+      "types": "./dist/components/layouts/register/*.d.ts",
+      "import": "./dist/components/layouts/register/*.js"
+    },
+    "./components/layouts/forgot_password": {
+      "types": "./dist/components/layouts/forgot_password/index.d.ts",
+      "import": "./dist/components/layouts/forgot_password/index.js"
+    },
+    "./components/layouts/forgot_password/*": {
+      "types": "./dist/components/layouts/forgot_password/*.d.ts",
+      "import": "./dist/components/layouts/forgot_password/*.js"
+    },
+    "./components/layouts/reset_password": {
+      "types": "./dist/components/layouts/reset_password/index.d.ts",
+      "import": "./dist/components/layouts/reset_password/index.js"
+    },
+    "./components/layouts/reset_password/*": {
+      "types": "./dist/components/layouts/reset_password/*.d.ts",
+      "import": "./dist/components/layouts/reset_password/*.js"
+    },
+    "./components/layouts/verify_email": {
+      "types": "./dist/components/layouts/verify_email/index.d.ts",
+      "import": "./dist/components/layouts/verify_email/index.js"
+    },
+    "./components/layouts/verify_email/*": {
+      "types": "./dist/components/layouts/verify_email/*.d.ts",
+      "import": "./dist/components/layouts/verify_email/*.js"
+    },
+    "./components/layouts/email_verification": {
+      "types": "./dist/components/layouts/email_verification/index.d.ts",
+      "import": "./dist/components/layouts/email_verification/index.js"
+    },
+    "./components/layouts/email_verification/*": {
+      "types": "./dist/components/layouts/email_verification/*.d.ts",
+      "import": "./dist/components/layouts/email_verification/*.js"
+    },
+    "./components/layouts/my_settings": {
+      "types": "./dist/components/layouts/my_settings/index.d.ts",
+      "import": "./dist/components/layouts/my_settings/index.js"
+    },
+    "./components/layouts/my_settings/*": {
+      "types": "./dist/components/layouts/my_settings/*.d.ts",
+      "import": "./dist/components/layouts/my_settings/*.js"
+    },
+    "./components/layouts/user_management": {
+      "types": "./dist/components/layouts/user_management/index.d.ts",
+      "import": "./dist/components/layouts/user_management/index.js"
+    },
+    "./components/layouts/user_management/*": {
+      "types": "./dist/components/layouts/user_management/*.d.ts",
+      "import": "./dist/components/layouts/user_management/*.js"
+    },
+    "./components/layouts/shared": {
+      "types": "./dist/components/layouts/shared/index.d.ts",
+      "import": "./dist/components/layouts/shared/index.js"
+    },
+    "./components/layouts/shared/*": {
+      "types": "./dist/components/layouts/shared/*.d.ts",
+      "import": "./dist/components/layouts/shared/*.js"
+    },
+    "./components/layouts/shared/components/*": {
+      "types": "./dist/components/layouts/shared/components/*.d.ts",
+      "import": "./dist/components/layouts/shared/components/*.js"
+    },
+    "./components/layouts/shared/hooks/*": {
+      "types": "./dist/components/layouts/shared/hooks/*.d.ts",
+      "import": "./dist/components/layouts/shared/hooks/*.js"
+    },
+    "./lib": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/lib/index.js"
+    },
+    "./lib/*": {
+      "types": "./dist/lib/*.d.ts",
+      "import": "./dist/lib/*.js"
+    },
+    "./lib/auth/*": {
+      "types": "./dist/lib/auth/*.d.ts",
+      "import": "./dist/lib/auth/*.js"
+    },
+    "./lib/config/*": {
+      "types": "./dist/lib/config/*.d.ts",
+      "import": "./dist/lib/config/*.js"
+    },
+    "./lib/services/*": {
+      "types": "./dist/lib/services/*.d.ts",
+      "import": "./dist/lib/services/*.js"
+    },
+    "./lib/utils/*": {
+      "types": "./dist/lib/utils/*.d.ts",
+      "import": "./dist/lib/utils/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.js"
+    },
+    "./server": {
+      "types": "./dist/server/index.d.ts",
+      "import": "./dist/server/index.js"
+    },
+    "./server/*": {
+      "types": "./dist/server/*.d.ts",
+      "import": "./dist/server/*.js"
+    }
+  },
   "files": [
+    "dist/**/*",
     "src/**/*",
     "public/file.svg",
     "public/globe.svg",
@@ -14,6 +160,7 @@
     "README.md",
     "LICENSE",
     "tsconfig.json",
+    "tsconfig.build.json",
     "tailwind.config.ts",
     "postcss.config.mjs",
     "next.config.mjs",
@@ -25,6 +172,8 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
+    "build:pkg": "tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build:pkg",
     "start": "next start",
     "lint": "next lint",
     "storybook": "storybook dev -p 6006",

package/src/components/index.ts

@@ -0,0 +1,7 @@
+// file_description: barrel export for all components (UI and layouts)
+// section: ui_exports
+export * from "./ui/index";
+
+// section: layout_exports
+export * from "./layouts/index";
+

package/src/components/layouts/email_verification/config/email_verification_field_config.ts

@@ -1,6 +1,6 @@
 // file_description: email verification layout specific configuration helpers
 // section: imports
-import type { LayoutFieldMap, LayoutFieldMapOverrides } from "../../shared/config/layout_customization";
+import type { LayoutFieldMap, LayoutFieldMapOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   resolveButtonPalette,
   resolveFieldDefinitions,
@@ -9,7 +9,7 @@ import {
   type ButtonPaletteOverrides,
   type LayoutLabelDefaults,
   type LayoutLabelOverrides,
-} from "../../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 
 // section: field_identifiers
 export const EMAIL_VERIFICATION_FIELD_IDS = {

package/src/components/layouts/email_verification/hooks/use_email_verification.ts

@@ -3,9 +3,9 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { toast } from "sonner";
-import type { LayoutDataClient } from "../../shared/data/layout_data_client";
-import { EMAIL_VERIFICATION_FIELD_IDS, type EmailVerificationFieldId } from "../config/email_verification_field_config";
-import { validateEmail } from "../../shared/utils/validation";
+import type { LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
+import { EMAIL_VERIFICATION_FIELD_IDS, type EmailVerificationFieldId } from "hazo_auth/components/layouts/email_verification/config/email_verification_field_config";
+import { validateEmail } from "hazo_auth/components/layouts/shared/utils/validation";
 
 // section: types
 export type EmailVerificationFormValues = Record<EmailVerificationFieldId, string>;

package/src/components/layouts/email_verification/index.tsx

@@ -3,17 +3,17 @@
 "use client";
 
 // section: imports
-import { Input } from "../../ui/input";
-import { Button } from "../../ui/button";
-import { FormFieldWrapper } from "../shared/components/form_field_wrapper";
-import { FormHeader } from "../shared/components/form_header";
-import { FormActionButtons } from "../shared/components/form_action_buttons";
-import { TwoColumnAuthLayout } from "../shared/components/two_column_auth_layout";
+import { Input } from "hazo_auth/components/ui/input";
+import { Button } from "hazo_auth/components/ui/button";
+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 {
   type ButtonPaletteOverrides,
   type LayoutFieldMapOverrides,
   type LayoutLabelOverrides,
-} from "../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   EMAIL_VERIFICATION_FIELD_IDS,
   createEmailVerificationFieldDefinitions,
@@ -23,14 +23,14 @@ import {
   EMAIL_VERIFICATION_ERROR_LABEL_DEFAULTS,
   type EmailVerificationSuccessLabels,
   type EmailVerificationErrorLabels,
-} from "./config/email_verification_field_config";
+} from "hazo_auth/components/layouts/email_verification/config/email_verification_field_config";
 import {
   use_email_verification,
   type UseEmailVerificationResult,
-} from "./hooks/use_email_verification";
-import { type LayoutDataClient } from "../shared/data/layout_data_client";
+} from "hazo_auth/components/layouts/email_verification/hooks/use_email_verification";
+import { type LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
 import { CheckCircle, XCircle, Loader2 } from "lucide-react";
-import { AlreadyLoggedInGuard } from "../shared/components/already_logged_in_guard";
+import { AlreadyLoggedInGuard } from "hazo_auth/components/layouts/shared/components/already_logged_in_guard";
 
 // section: types
 export type EmailVerificationLayoutProps<TClient = unknown> = {

package/src/components/layouts/forgot_password/config/forgot_password_field_config.ts

@@ -1,6 +1,6 @@
 // file_description: forgot password layout specific configuration helpers
 // section: imports
-import type { LayoutFieldMap, LayoutFieldMapOverrides } from "../../shared/config/layout_customization";
+import type { LayoutFieldMap, LayoutFieldMapOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   resolveButtonPalette,
   resolveFieldDefinitions,
@@ -9,7 +9,7 @@ import {
   type ButtonPaletteOverrides,
   type LayoutLabelDefaults,
   type LayoutLabelOverrides,
-} from "../../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 
 // section: field_identifiers
 export const FORGOT_PASSWORD_FIELD_IDS = {

package/src/components/layouts/forgot_password/hooks/use_forgot_password_form.ts

@@ -2,9 +2,9 @@
 // section: imports
 import { useCallback, useMemo, useState } from "react";
 import { toast } from "sonner";
-import type { LayoutDataClient } from "../../shared/data/layout_data_client";
-import { FORGOT_PASSWORD_FIELD_IDS, type ForgotPasswordFieldId } from "../config/forgot_password_field_config";
-import { validateEmail } from "../../shared/utils/validation";
+import type { LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
+import { FORGOT_PASSWORD_FIELD_IDS, type ForgotPasswordFieldId } from "hazo_auth/components/layouts/forgot_password/config/forgot_password_field_config";
+import { validateEmail } from "hazo_auth/components/layouts/shared/utils/validation";
 
 // section: types
 export type ForgotPasswordFormValues = Record<ForgotPasswordFieldId, string>;

package/src/components/layouts/forgot_password/index.tsx

@@ -3,28 +3,28 @@
 "use client";
 
 // section: imports
-import { Input } from "../../ui/input";
-import { FormFieldWrapper } from "../shared/components/form_field_wrapper";
-import { FormHeader } from "../shared/components/form_header";
-import { FormActionButtons } from "../shared/components/form_action_buttons";
-import { TwoColumnAuthLayout } from "../shared/components/two_column_auth_layout";
-import { AlreadyLoggedInGuard } from "../shared/components/already_logged_in_guard";
+import { Input } from "hazo_auth/components/ui/input";
+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 { AlreadyLoggedInGuard } from "hazo_auth/components/layouts/shared/components/already_logged_in_guard";
 import {
   type ButtonPaletteOverrides,
   type LayoutFieldMapOverrides,
   type LayoutLabelOverrides,
-} from "../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   FORGOT_PASSWORD_FIELD_IDS,
   createForgotPasswordFieldDefinitions,
   resolveForgotPasswordButtonPalette,
   resolveForgotPasswordLabels,
-} from "./config/forgot_password_field_config";
+} from "hazo_auth/components/layouts/forgot_password/config/forgot_password_field_config";
 import {
   use_forgot_password_form,
   type UseForgotPasswordFormResult,
-} from "./hooks/use_forgot_password_form";
-import { type LayoutDataClient } from "../shared/data/layout_data_client";
+} from "hazo_auth/components/layouts/forgot_password/hooks/use_forgot_password_form";
+import { type LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
 
 // section: types
 export type ForgotPasswordLayoutProps<TClient = unknown> = {

package/src/components/layouts/index.ts

@@ -0,0 +1,26 @@
+// file_description: barrel export for all layout components
+// section: layout_exports
+export { default as LoginLayout } from "./login/index";
+export type { LoginLayoutProps } from "./login/index";
+
+export { default as RegisterLayout } from "./register/index";
+export type { RegisterLayoutProps } from "./register/index";
+
+export { default as ForgotPasswordLayout } from "./forgot_password/index";
+export type { ForgotPasswordLayoutProps } from "./forgot_password/index";
+
+export { default as ResetPasswordLayout } from "./reset_password/index";
+export type { ResetPasswordLayoutProps } from "./reset_password/index";
+
+export { default as EmailVerificationLayout } from "./email_verification/index";
+export type { EmailVerificationLayoutProps } from "./email_verification/index";
+
+export { default as MySettingsLayout } from "./my_settings/index";
+export type { MySettingsLayoutProps } from "./my_settings/index";
+
+export { UserManagementLayout } from "./user_management/index";
+export type { UserManagementLayoutProps } from "./user_management/index";
+
+// section: shared_exports
+export * from "./shared/index";
+

package/src/components/layouts/login/config/login_field_config.ts

@@ -1,6 +1,6 @@
 // file_description: login layout specific configuration helpers
 // section: imports
-import type { LayoutFieldMap, LayoutFieldMapOverrides } from "../../shared/config/layout_customization";
+import type { LayoutFieldMap, LayoutFieldMapOverrides } from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   resolveButtonPalette,
   resolveFieldDefinitions,
@@ -9,7 +9,7 @@ import {
   type ButtonPaletteOverrides,
   type LayoutLabelDefaults,
   type LayoutLabelOverrides,
-} from "../../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 
 // section: field_identifiers
 export const LOGIN_FIELD_IDS = {

package/src/components/layouts/login/hooks/use_login_form.ts

@@ -2,11 +2,11 @@
 // section: imports
 import { useCallback, useMemo, useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-import type { LayoutDataClient } from "../../shared/data/layout_data_client";
-import { LOGIN_FIELD_IDS, type LoginFieldId } from "../config/login_field_config";
-import { validateEmail } from "../../shared/utils/validation";
-import { get_client_ip } from "../../shared/utils/ip_address";
-import { trigger_auth_status_refresh } from "../../shared/hooks/use_auth_status";
+import type { LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
+import { LOGIN_FIELD_IDS, type LoginFieldId } from "hazo_auth/components/layouts/login/config/login_field_config";
+import { validateEmail } from "hazo_auth/components/layouts/shared/utils/validation";
+import { get_client_ip } from "hazo_auth/components/layouts/shared/utils/ip_address";
+import { trigger_auth_status_refresh } from "hazo_auth/components/layouts/shared/hooks/use_auth_status";
 
 // section: types
 export type LoginFormValues = Record<LoginFieldId, string>;

package/src/components/layouts/login/index.tsx

@@ -4,30 +4,30 @@
 
 // section: imports
 import Link from "next/link";
-import { Input } from "../../ui/input";
-import { PasswordField } from "../shared/components/password_field";
-import { FormFieldWrapper } from "../shared/components/form_field_wrapper";
-import { FormHeader } from "../shared/components/form_header";
-import { FormActionButtons } from "../shared/components/form_action_buttons";
-import { TwoColumnAuthLayout } from "../shared/components/two_column_auth_layout";
+import { Input } from "hazo_auth/components/ui/input";
+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 } from "lucide-react";
-import { AlreadyLoggedInGuard } from "../shared/components/already_logged_in_guard";
+import { AlreadyLoggedInGuard } from "hazo_auth/components/layouts/shared/components/already_logged_in_guard";
 import {
   type ButtonPaletteOverrides,
   type LayoutFieldMapOverrides,
   type LayoutLabelOverrides,
-} from "../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   LOGIN_FIELD_IDS,
   createLoginFieldDefinitions,
   resolveLoginButtonPalette,
   resolveLoginLabels,
-} from "./config/login_field_config";
+} from "hazo_auth/components/layouts/login/config/login_field_config";
 import {
   use_login_form,
   type UseLoginFormResult,
-} from "./hooks/use_login_form";
-import { type LayoutDataClient } from "../shared/data/layout_data_client";
+} from "hazo_auth/components/layouts/login/hooks/use_login_form";
+import { type LayoutDataClient } from "hazo_auth/components/layouts/shared/data/layout_data_client";
 
 // section: types
 export type LoginLayoutProps<TClient = unknown> = {

package/src/components/layouts/my_settings/components/editable_field.tsx

@@ -4,9 +4,9 @@
 
 // section: imports
 import { useState } from "react";
-import { Input } from "../../../ui/input";
-import { Label } from "../../../ui/label";
-import { Button } from "../../../ui/button";
+import { Input } from "hazo_auth/components/ui/input";
+import { Label } from "hazo_auth/components/ui/label";
+import { Button } from "hazo_auth/components/ui/button";
 import { Pencil, CheckCircle2, XCircle } from "lucide-react";
 
 // section: types

package/src/components/layouts/my_settings/components/password_change_dialog.tsx

@@ -10,11 +10,11 @@ import {
   DialogHeader,
   DialogTitle,
   DialogDescription,
-} from "../../../ui/dialog";
-import { Button } from "../../../ui/button";
-import { PasswordField } from "../../shared/components/password_field";
-import { FormFieldWrapper } from "../../shared/components/form_field_wrapper";
-import type { PasswordRequirementOptions } from "../../shared/config/layout_customization";
+} from "hazo_auth/components/ui/dialog";
+import { Button } from "hazo_auth/components/ui/button";
+import { PasswordField } from "hazo_auth/components/layouts/shared/components/password_field";
+import { FormFieldWrapper } from "hazo_auth/components/layouts/shared/components/form_field_wrapper";
+import type { PasswordRequirementOptions } from "hazo_auth/components/layouts/shared/config/layout_customization";
 
 // section: types
 export type ButtonPalette = {

package/src/components/layouts/my_settings/components/profile_picture_dialog.tsx

@@ -10,14 +10,14 @@ import {
   DialogHeader,
   DialogTitle,
   DialogDescription,
-} from "../../../ui/dialog";
-import { Button } from "../../../ui/button";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../ui/tabs";
-import { ProfilePictureUploadTab } from "./profile_picture_upload_tab";
-import { ProfilePictureLibraryTab } from "./profile_picture_library_tab";
-import { ProfilePictureGravatarTab } from "./profile_picture_gravatar_tab";
+} from "hazo_auth/components/ui/dialog";
+import { Button } from "hazo_auth/components/ui/button";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "hazo_auth/components/ui/tabs";
+import { ProfilePictureUploadTab } from "hazo_auth/components/layouts/my_settings/components/profile_picture_upload_tab";
+import { ProfilePictureLibraryTab } from "hazo_auth/components/layouts/my_settings/components/profile_picture_library_tab";
+import { ProfilePictureGravatarTab } from "hazo_auth/components/layouts/my_settings/components/profile_picture_gravatar_tab";
 import { toast } from "sonner";
-import { cn } from "../../../../lib/utils";
+import { cn } from "hazo_auth/lib/utils";
 
 // section: types
 export type ProfilePictureDialogProps = {

package/src/components/layouts/my_settings/components/profile_picture_display.tsx

@@ -3,8 +3,8 @@
 "use client";
 
 // section: imports
-import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
-import { Button } from "../../../ui/button";
+import { Avatar, AvatarImage, AvatarFallback } from "hazo_auth/components/ui/avatar";
+import { Button } from "hazo_auth/components/ui/button";
 import { Pencil } from "lucide-react";
 
 // section: types

package/src/components/layouts/my_settings/components/profile_picture_gravatar_tab.tsx

@@ -4,9 +4,9 @@
 
 // section: imports
 import { useState, useEffect } from "react";
-import { Switch } from "../../../ui/switch";
-import { Label } from "../../../ui/label";
-import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
+import { Switch } from "hazo_auth/components/ui/switch";
+import { Label } from "hazo_auth/components/ui/label";
+import { Avatar, AvatarImage, AvatarFallback } from "hazo_auth/components/ui/avatar";
 import { Info } from "lucide-react";
 import gravatarUrl from "gravatar-url";
 

package/src/components/layouts/my_settings/components/profile_picture_library_tab.tsx

@@ -4,12 +4,12 @@
 
 // section: imports
 import { useState, useEffect } from "react";
-import { Switch } from "../../../ui/switch";
-import { Label } from "../../../ui/label";
-import { Avatar, AvatarFallback } from "../../../ui/avatar";
-import { VerticalTabs, VerticalTabsList, VerticalTabsTrigger, VerticalTabsContent } from "../../../ui/vertical-tabs";
+import { Switch } from "hazo_auth/components/ui/switch";
+import { Label } from "hazo_auth/components/ui/label";
+import { Avatar, AvatarFallback } from "hazo_auth/components/ui/avatar";
+import { VerticalTabs, VerticalTabsList, VerticalTabsTrigger, VerticalTabsContent } from "hazo_auth/components/ui/vertical-tabs";
 import { Loader2 } from "lucide-react";
-import { HazoUITooltip } from "../../../ui/hazo_ui_tooltip";
+import { HazoUITooltip } from "hazo_auth/components/ui/hazo_ui_tooltip";
 
 // section: types
 export type ProfilePictureLibraryTabProps = {

package/src/components/layouts/my_settings/components/profile_picture_upload_tab.tsx

@@ -4,11 +4,11 @@
 
 // section: imports
 import { useState, useCallback, useEffect } from "react";
-import { Switch } from "../../../ui/switch";
-import { Label } from "../../../ui/label";
-import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
+import { Switch } from "hazo_auth/components/ui/switch";
+import { Label } from "hazo_auth/components/ui/label";
+import { Avatar, AvatarImage, AvatarFallback } from "hazo_auth/components/ui/avatar";
 import { Upload, X, Loader2, Info } from "lucide-react";
-import { Button } from "../../../ui/button";
+import { Button } from "hazo_auth/components/ui/button";
 import imageCompression from "browser-image-compression";
 
 // section: types

package/src/components/layouts/my_settings/config/my_settings_field_config.ts

@@ -1,12 +1,12 @@
 // file_description: my settings layout specific configuration helpers
 // section: imports
-import type { LayoutFieldMap } from "../../shared/config/layout_customization";
+import type { LayoutFieldMap } from "hazo_auth/components/layouts/shared/config/layout_customization";
 import {
   resolveButtonPalette,
   type ButtonPaletteDefaults,
   type ButtonPaletteOverrides,
   type PasswordRequirementOptions,
-} from "../../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 
 // section: field_identifiers
 export const MY_SETTINGS_FIELD_IDS = {

package/src/components/layouts/my_settings/hooks/use_my_settings.ts

@@ -4,9 +4,9 @@
 
 // section: imports
 import { useState, useEffect, useCallback } from "react";
-import { use_auth_status, trigger_auth_status_refresh } from "../../shared/hooks/use_auth_status";
+import { use_auth_status, trigger_auth_status_refresh } from "hazo_auth/components/layouts/shared/hooks/use_auth_status";
 import { toast } from "sonner";
-import type { PasswordRequirementOptions } from "../../shared/config/layout_customization";
+import type { PasswordRequirementOptions } from "hazo_auth/components/layouts/shared/config/layout_customization";
 
 // section: types
 export type PasswordFields = {

package/src/components/layouts/my_settings/index.tsx

@@ -3,24 +3,24 @@
 "use client";
 
 // section: imports
-import { Button } from "../../ui/button";
-import { EditableField } from "./components/editable_field";
-import { ProfilePictureDisplay } from "./components/profile_picture_display";
-import { ProfilePictureDialog } from "./components/profile_picture_dialog";
-import { UnauthorizedGuard } from "../shared/components/unauthorized_guard";
-import { use_my_settings } from "./hooks/use_my_settings";
+import { Button } from "hazo_auth/components/ui/button";
+import { EditableField } from "hazo_auth/components/layouts/my_settings/components/editable_field";
+import { ProfilePictureDisplay } from "hazo_auth/components/layouts/my_settings/components/profile_picture_display";
+import { ProfilePictureDialog } from "hazo_auth/components/layouts/my_settings/components/profile_picture_dialog";
+import { UnauthorizedGuard } from "hazo_auth/components/layouts/shared/components/unauthorized_guard";
+import { use_my_settings } from "hazo_auth/components/layouts/my_settings/hooks/use_my_settings";
 import {
   resolveMySettingsLabels,
   resolveMySettingsButtonPalette,
   type MySettingsLabelOverrides,
-} from "./config/my_settings_field_config";
+} from "hazo_auth/components/layouts/my_settings/config/my_settings_field_config";
 import type { 
   PasswordRequirementOptions,
   ButtonPaletteOverrides,
-} from "../shared/config/layout_customization";
+} from "hazo_auth/components/layouts/shared/config/layout_customization";
 import { formatDistanceToNow } from "date-fns";
-import { PasswordField } from "../shared/components/password_field";
-import { FormFieldWrapper } from "../shared/components/form_field_wrapper";
+import { PasswordField } from "hazo_auth/components/layouts/shared/components/password_field";
+import { FormFieldWrapper } from "hazo_auth/components/layouts/shared/components/form_field_wrapper";
 import { Pencil, Trash2 } from "lucide-react";
 
 // section: types