hazo_auth 1.0.3 → 1.0.5

package/src/components/layouts/reset_password/config/reset_password_field_config.ts

@@ -1,6 +1,6 @@
 // file_description: reset password layout specific configuration helpers
 // section: imports
-import type { LayoutFieldMap, LayoutFieldMapOverrides } from "@/components/layouts/shared/config/layout_customization";
+import type { LayoutFieldMap, LayoutFieldMapOverrides } from "../../shared/config/layout_customization";
 import {
   resolveButtonPalette,
   resolveFieldDefinitions,
@@ -12,7 +12,7 @@ import {
   type PasswordRequirementOptions,
   type PasswordRequirementOverrides,
   resolvePasswordRequirements,
-} from "@/components/layouts/shared/config/layout_customization";
+} from "../../shared/config/layout_customization";
 
 // section: field_identifiers
 export const RESET_PASSWORD_FIELD_IDS = {

package/src/components/layouts/reset_password/hooks/use_reset_password_form.ts

@@ -3,10 +3,10 @@
 import { useCallback, useMemo, useState, useEffect } from "react";
 import { useSearchParams, useRouter } from "next/navigation";
 import { toast } from "sonner";
-import type { LayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
-import type { PasswordRequirementOptions } from "@/components/layouts/shared/config/layout_customization";
-import { RESET_PASSWORD_FIELD_IDS, type ResetPasswordFieldId } from "@/components/layouts/reset_password/config/reset_password_field_config";
-import { validatePassword } from "@/components/layouts/shared/utils/validation";
+import type { LayoutDataClient } from "../../shared/data/layout_data_client";
+import type { PasswordRequirementOptions } from "../../shared/config/layout_customization";
+import { RESET_PASSWORD_FIELD_IDS, type ResetPasswordFieldId } from "../config/reset_password_field_config";
+import { validatePassword } from "../../shared/utils/validation";
 
 // section: constants
 const PASSWORD_FIELDS: Array<ResetPasswordFieldId> = [

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

@@ -3,31 +3,31 @@
 "use client";
 
 // section: imports
-import { PasswordField } from "@/components/layouts/shared/components/password_field";
-import { FormFieldWrapper } from "@/components/layouts/shared/components/form_field_wrapper";
-import { FormHeader } from "@/components/layouts/shared/components/form_header";
-import { FormActionButtons } from "@/components/layouts/shared/components/form_action_buttons";
-import { TwoColumnAuthLayout } from "@/components/layouts/shared/components/two_column_auth_layout";
+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 { CheckCircle, XCircle, Loader2 } from "lucide-react";
-import { AlreadyLoggedInGuard } from "@/components/layouts/shared/components/already_logged_in_guard";
+import { AlreadyLoggedInGuard } from "../shared/components/already_logged_in_guard";
 import {
   type ButtonPaletteOverrides,
   type LayoutFieldMapOverrides,
   type LayoutLabelOverrides,
   type PasswordRequirementOverrides,
-} from "@/components/layouts/shared/config/layout_customization";
+} from "../shared/config/layout_customization";
 import {
   RESET_PASSWORD_FIELD_IDS,
   createResetPasswordFieldDefinitions,
   resolveResetPasswordButtonPalette,
   resolveResetPasswordLabels,
   resolveResetPasswordPasswordRequirements,
-} from "@/components/layouts/reset_password/config/reset_password_field_config";
+} from "./config/reset_password_field_config";
 import {
   use_reset_password_form,
   type UseResetPasswordFormResult,
-} from "@/components/layouts/reset_password/hooks/use_reset_password_form";
-import { type LayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
+} from "./hooks/use_reset_password_form";
+import { type LayoutDataClient } from "../shared/data/layout_data_client";
 import Link from "next/link";
 
 // section: types

package/src/components/layouts/shared/components/already_logged_in_guard.tsx

@@ -3,10 +3,10 @@
 "use client";
 
 // section: imports
-import { use_auth_status } from "@/components/layouts/shared/hooks/use_auth_status";
-import { LogoutButton } from "@/components/layouts/shared/components/logout_button";
-import { Button } from "@/components/ui/button";
-import { TwoColumnAuthLayout } from "@/components/layouts/shared/components/two_column_auth_layout";
+import { use_auth_status } from "../hooks/use_auth_status";
+import { LogoutButton } from "./logout_button";
+import { Button } from "../../../ui/button";
+import { TwoColumnAuthLayout } from "./two_column_auth_layout";
 import { useRouter } from "next/navigation";
 import { Home } from "lucide-react";
 

package/src/components/layouts/shared/components/form_action_buttons.tsx

@@ -1,8 +1,8 @@
 // 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 "@/components/ui/button";
-import type { ButtonPaletteDefaults } from "@/components/layouts/shared/config/layout_customization";
+import { Button } from "../../../ui/button";
+import type { ButtonPaletteDefaults } from "../config/layout_customization";
 
 // section: types
 type FormActionButtonsProps = {

package/src/components/layouts/shared/components/form_field_wrapper.tsx

@@ -1,7 +1,7 @@
 // file_description: reusable wrapper component for form fields that standardizes label, input, and error message structure
 // section: imports
-import { Label } from "@/components/ui/label";
-import { FieldErrorMessage } from "@/components/layouts/shared/components/field_error_message";
+import { Label } from "../../../ui/label";
+import { FieldErrorMessage } from "./field_error_message";
 
 // section: types
 type FormFieldWrapperProps = {

package/src/components/layouts/shared/components/logout_button.tsx

@@ -5,10 +5,10 @@
 // section: imports
 import { useState } from "react";
 import { useRouter } from "next/navigation";
-import { Button } from "@/components/ui/button";
+import { Button } from "../../../ui/button";
 import { LogOut } from "lucide-react";
 import { toast } from "sonner";
-import { trigger_auth_status_refresh } from "@/components/layouts/shared/hooks/use_auth_status";
+import { trigger_auth_status_refresh } from "../hooks/use_auth_status";
 
 // section: types
 export type LogoutButtonProps = {

package/src/components/layouts/shared/components/password_field.tsx

@@ -4,9 +4,9 @@
 
 // section: imports
 import { Eye, EyeOff } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { FieldErrorMessage } from "@/components/layouts/shared/components/field_error_message";
+import { Button } from "../../../ui/button";
+import { Input } from "../../../ui/input";
+import { FieldErrorMessage } from "./field_error_message";
 
 // section: types
 export type PasswordFieldProps = {

package/src/components/layouts/shared/components/profile_pic_menu.tsx

@@ -6,20 +6,20 @@
 import { useState, useMemo } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
-import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
-import { Button } from "@/components/ui/button";
+import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
+import { Button } from "../../../ui/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+} from "../../../ui/dropdown-menu";
 import { Settings, LogOut } from "lucide-react";
 import { toast } from "sonner";
-import { use_auth_status, trigger_auth_status_refresh } from "@/components/layouts/shared/hooks/use_auth_status";
+import { use_auth_status, trigger_auth_status_refresh } from "../hooks/use_auth_status";
 // Type-only import from server file is safe (types are erased at runtime)
-import type { ProfilePicMenuMenuItem } from "@/lib/profile_pic_menu_config.server";
+import type { ProfilePicMenuMenuItem } from "../../../../lib/profile_pic_menu_config.server";
 
 // section: types
 export type ProfilePicMenuProps = {

package/src/components/layouts/shared/components/profile_pic_menu_wrapper.tsx

@@ -1,7 +1,7 @@
 // file_description: server wrapper component that loads profile picture menu configuration and passes to client component
 // section: imports
 import { ProfilePicMenu } from "./profile_pic_menu";
-import { get_profile_pic_menu_config } from "@/lib/profile_pic_menu_config.server";
+import { get_profile_pic_menu_config } from "../../../../lib/profile_pic_menu_config.server";
 
 // section: types
 export type ProfilePicMenuWrapperProps = {

package/src/components/layouts/shared/components/sidebar_layout_wrapper.tsx

@@ -16,10 +16,10 @@ import {
   SidebarProvider,
   SidebarTrigger,
   SidebarInset,
-} from "@/components/ui/sidebar";
+} from "../../../ui/sidebar";
 import { LogIn, UserPlus, BookOpen, ExternalLink, Database, KeyRound, MailCheck, Key, Settings, User } from "lucide-react";
-import { use_auth_status } from "@/components/layouts/shared/hooks/use_auth_status";
-import { ProfilePicMenu } from "@/components/layouts/shared/components/profile_pic_menu";
+import { use_auth_status } from "../hooks/use_auth_status";
+import { ProfilePicMenu } from "./profile_pic_menu";
 
 // section: types
 type SidebarLayoutWrapperProps = {

package/src/components/layouts/shared/components/two_column_auth_layout.tsx

@@ -1,6 +1,6 @@
 // file_description: reusable two-column authentication layout shell that combines visual panel and form content
 // section: imports
-import { VisualPanel } from "@/components/layouts/shared/components/visual_panel";
+import { VisualPanel } from "./visual_panel";
 
 // section: types
 type TwoColumnAuthLayoutProps = {

package/src/components/layouts/shared/components/unauthorized_guard.tsx

@@ -3,8 +3,8 @@
 "use client";
 
 // section: imports
-import { use_auth_status } from "@/components/layouts/shared/hooks/use_auth_status";
-import { Button } from "@/components/ui/button";
+import { use_auth_status } from "../hooks/use_auth_status";
+import { Button } from "../../../ui/button";
 import { useRouter } from "next/navigation";
 import { LogIn } from "lucide-react";
 

package/src/components/layouts/shared/hooks/use_hazo_auth.ts

@@ -4,7 +4,7 @@
 
 // section: imports
 import { useState, useEffect, useCallback } from "react";
-import type { HazoAuthResult } from "@/lib/auth/auth_types";
+import type { HazoAuthResult } from "../../../../lib/auth/auth_types";
 
 // section: types
 

package/src/components/layouts/shared/utils/validation.ts

@@ -1,6 +1,6 @@
 // file_description: provide shared validation utilities for email and password fields across layout components
 // section: imports
-import type { PasswordRequirementOptions } from "@/components/layouts/shared/config/layout_customization";
+import type { PasswordRequirementOptions } from "../config/layout_customization";
 
 // section: constants
 const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

package/src/components/layouts/user_management/components/roles_matrix.tsx

@@ -4,8 +4,8 @@
 
 // section: imports
 import { useState, useEffect, useMemo } from "react";
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
+import { Button } from "../../../ui/button";
+import { Checkbox } from "../../../ui/checkbox";
 import {
   Table,
   TableBody,
@@ -13,7 +13,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
+} from "../../../ui/table";
 import {
   Dialog,
   DialogContent,
@@ -21,12 +21,12 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "../../../ui/dialog";
+import { Input } from "../../../ui/input";
+import { Label } from "../../../ui/label";
 import { Plus, Save, Loader2, CircleCheck, CircleX } from "lucide-react";
 import { toast } from "sonner";
-import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
 
 // section: types
 export type RolesMatrixData = {

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

@@ -4,8 +4,8 @@
 
 // section: imports
 import { useState, useEffect, useCallback } from "react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { use_hazo_auth } from "@/components/layouts/shared/hooks/use_hazo_auth";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/tabs";
+import { use_hazo_auth } from "../shared/hooks/use_hazo_auth";
 import {
   Table,
   TableBody,
@@ -13,9 +13,9 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
-import { Button } from "@/components/ui/button";
-import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+} from "../../ui/table";
+import { Button } from "../../ui/button";
+import { Avatar, AvatarImage, AvatarFallback } from "../../ui/avatar";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -25,7 +25,7 @@ import {
   AlertDialogFooter,
   AlertDialogHeader,
   AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
+} from "../../ui/alert-dialog";
 import {
   Dialog,
   DialogContent,
@@ -33,13 +33,13 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
+} from "../../ui/dialog";
+import { Input } from "../../ui/input";
+import { Label } from "../../ui/label";
 import { RolesMatrix } from "./components/roles_matrix";
 import { UserX, KeyRound, Edit, Trash2, Loader2, CircleCheck, CircleX, Plus, UserPlus } from "lucide-react";
 import { toast } from "sonner";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../ui/tooltip";
 
 // section: types
 export type UserManagementLayoutProps = {

package/src/components/ui/alert-dialog.tsx

@@ -3,8 +3,8 @@
 import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
 
-import { cn } from "@/lib/utils"
-import { buttonVariants } from "@/components/ui/button"
+import { cn } from "../../lib/utils"
+import { buttonVariants } from "./button"
 
 const AlertDialog = AlertDialogPrimitive.Root
 

package/src/components/ui/avatar.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as AvatarPrimitive from "@radix-ui/react-avatar"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Avatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,

package/src/components/ui/button.tsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",

package/src/components/ui/checkbox.tsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
 import { Check } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

package/src/components/ui/dialog.tsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import * as DialogPrimitive from "@radix-ui/react-dialog"
 import { X } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Dialog = DialogPrimitive.Root
 

package/src/components/ui/dropdown-menu.tsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
 import { Check, ChevronRight, Circle } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const DropdownMenu = DropdownMenuPrimitive.Root
 

package/src/components/ui/hazo_ui_tooltip.tsx

@@ -4,7 +4,7 @@
 
 // section: imports
 import { HelpCircle } from "lucide-react";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tooltip";
 
 // section: types
 export type HazoUITooltipProps = {

package/src/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
   ({ className, type, ...props }, ref) => {

package/src/components/ui/label.tsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"
 import { cva, type VariantProps } from "class-variance-authority"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

package/src/components/ui/separator.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as SeparatorPrimitive from "@radix-ui/react-separator"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

package/src/components/ui/sheet.tsx

@@ -5,7 +5,7 @@ import * as SheetPrimitive from "@radix-ui/react-dialog"
 import { cva, type VariantProps } from "class-variance-authority"
 import { X } from "lucide-react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Sheet = SheetPrimitive.Root
 

package/src/components/ui/sidebar.tsx

@@ -5,25 +5,25 @@ import { Slot } from "@radix-ui/react-slot"
 import { cva, type VariantProps } from "class-variance-authority"
 import { PanelLeft } from "lucide-react"
 
-import { useIsMobile } from "@/hooks/use-mobile"
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-import { Input } from "@/components/ui/input"
-import { Separator } from "@/components/ui/separator"
+import { useIsMobile } from "../../hooks/use-mobile"
+import { cn } from "../../lib/utils"
+import { Button } from "./button"
+import { Input } from "./input"
+import { Separator } from "./separator"
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/components/ui/sheet"
-import { Skeleton } from "@/components/ui/skeleton"
+} from "./sheet"
+import { Skeleton } from "./skeleton"
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/components/ui/tooltip"
+} from "./tooltip"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7

package/src/components/ui/skeleton.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 function Skeleton({
   className,

package/src/components/ui/switch.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,

package/src/components/ui/table.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Table = React.forwardRef<
   HTMLTableElement,

package/src/components/ui/tabs.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Tabs = TabsPrimitive.Root
 

package/src/components/ui/tooltip.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const TooltipProvider = TooltipPrimitive.Provider
 

package/src/components/ui/vertical-tabs.tsx

@@ -5,7 +5,7 @@
 // section: imports
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils";
 
 // section: components
 const VerticalTabs = TabsPrimitive.Root;

package/src/lib/app_logger.ts

@@ -1,6 +1,6 @@
 // file_description: client-accessible wrapper for the main app logging service
 // section: imports
-import { create_logger_service } from "@/server/logging/logger_service";
+import { create_logger_service } from "../server/logging/logger_service";
 
 // section: constants
 const APP_NAMESPACE = "hazo_auth_ui";

package/src/lib/hazo_connect_setup.server.ts

@@ -166,8 +166,8 @@ export function get_hazo_connect_config_options(): {
   sqlitePath?: string;
   enableAdminUi?: boolean;
   readOnly?: boolean;
-  postgrestUrl?: string;
-  postgrestApiKey?: string;
+  baseUrl?: string;
+  apiKey?: string;
 } {
   const config = get_hazo_connect_config();
 

package/src/stories/email_verification_layout.stories.tsx

@@ -1,8 +1,8 @@
 // file_description: showcase the email_verification_layout component within storybook for review and testing
 // section: imports
 import type { Meta, StoryObj } from "@storybook/react";
-import EmailVerificationLayout from "@/components/layouts/email_verification";
-import { createLayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
+import EmailVerificationLayout from "../components/layouts/email_verification";
+import { createLayoutDataClient } from "../components/layouts/shared/data/layout_data_client";
 
 // section: metadata
 const meta: Meta<typeof EmailVerificationLayout> = {

package/src/stories/forgot_password_layout.stories.tsx

@@ -1,8 +1,8 @@
 // file_description: showcase the forgot_password_layout component within storybook for review and testing
 // section: imports
 import type { Meta, StoryObj } from "@storybook/react";
-import ForgotPasswordLayout from "@/components/layouts/forgot_password";
-import { createLayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
+import ForgotPasswordLayout from "../components/layouts/forgot_password";
+import { createLayoutDataClient } from "../components/layouts/shared/data/layout_data_client";
 
 // section: metadata
 const meta: Meta<typeof ForgotPasswordLayout> = {

package/src/stories/login_layout.stories.tsx

@@ -1,8 +1,8 @@
 // file_description: showcase the login_layout component within storybook for review and testing
 // section: imports
 import type { Meta, StoryObj } from "@storybook/react";
-import LoginLayout from "@/components/layouts/login";
-import { createLayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
+import LoginLayout from "../components/layouts/login";
+import { createLayoutDataClient } from "../components/layouts/shared/data/layout_data_client";
 
 // section: metadata
 const meta: Meta<typeof LoginLayout> = {

package/src/stories/register_layout.stories.tsx

@@ -1,8 +1,8 @@
 // file_description: showcase the register_layout component within storybook for review and testing
 // section: imports
 import type { Meta, StoryObj } from "@storybook/react";
-import RegisterLayout from "@/components/layouts/register";
-import { createLayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
+import RegisterLayout from "../components/layouts/register";
+import { createLayoutDataClient } from "../components/layouts/shared/data/layout_data_client";
 
 // section: metadata
 const meta: Meta<typeof RegisterLayout> = {

package/tsconfig.json

@@ -17,10 +17,7 @@
       {
         "name": "next"
       }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    ]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]