hazo_auth 1.0.4 → 1.1.0

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

@@ -10,14 +10,14 @@ import {
   DialogHeader,
   DialogTitle,
   DialogDescription,
-} from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+} 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";
 import { toast } from "sonner";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../../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 "@/components/ui/avatar";
-import { Button } from "@/components/ui/button";
+import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
+import { Button } from "../../../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 "@/components/ui/switch";
-import { Label } from "@/components/ui/label";
-import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Switch } from "../../../ui/switch";
+import { Label } from "../../../ui/label";
+import { Avatar, AvatarImage, AvatarFallback } from "../../../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 "@/components/ui/switch";
-import { Label } from "@/components/ui/label";
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
-import { VerticalTabs, VerticalTabsList, VerticalTabsTrigger, VerticalTabsContent } from "@/components/ui/vertical-tabs";
+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 { Loader2 } from "lucide-react";
-import { HazoUITooltip } from "@/components/ui/hazo_ui_tooltip";
+import { HazoUITooltip } from "../../../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 "@/components/ui/switch";
-import { Label } from "@/components/ui/label";
-import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Switch } from "../../../ui/switch";
+import { Label } from "../../../ui/label";
+import { Avatar, AvatarImage, AvatarFallback } from "../../../ui/avatar";
 import { Upload, X, Loader2, Info } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Button } from "../../../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 "@/components/layouts/shared/config/layout_customization";
+import type { LayoutFieldMap } from "../../shared/config/layout_customization";
 import {
   resolveButtonPalette,
   type ButtonPaletteDefaults,
   type ButtonPaletteOverrides,
   type PasswordRequirementOptions,
-} from "@/components/layouts/shared/config/layout_customization";
+} from "../../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 "@/components/layouts/shared/hooks/use_auth_status";
+import { use_auth_status, trigger_auth_status_refresh } from "../../shared/hooks/use_auth_status";
 import { toast } from "sonner";
-import type { PasswordRequirementOptions } from "@/components/layouts/shared/config/layout_customization";
+import type { PasswordRequirementOptions } from "../../shared/config/layout_customization";
 
 // section: types
 export type PasswordFields = {

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

@@ -3,11 +3,11 @@
 "use client";
 
 // section: imports
-import { Button } from "@/components/ui/button";
+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 "@/components/layouts/shared/components/unauthorized_guard";
+import { UnauthorizedGuard } from "../shared/components/unauthorized_guard";
 import { use_my_settings } from "./hooks/use_my_settings";
 import {
   resolveMySettingsLabels,
@@ -17,10 +17,10 @@ import {
 import type { 
   PasswordRequirementOptions,
   ButtonPaletteOverrides,
-} from "@/components/layouts/shared/config/layout_customization";
+} from "../shared/config/layout_customization";
 import { formatDistanceToNow } from "date-fns";
-import { PasswordField } from "@/components/layouts/shared/components/password_field";
-import { FormFieldWrapper } from "@/components/layouts/shared/components/form_field_wrapper";
+import { PasswordField } from "../shared/components/password_field";
+import { FormFieldWrapper } from "../shared/components/form_field_wrapper";
 import { Pencil, Trash2 } from "lucide-react";
 
 // section: types

package/src/components/layouts/register/config/register_field_config.ts

@@ -1,6 +1,6 @@
 // file_description: register 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 LayoutLabelOverrides,
   type PasswordRequirementOptions,
   type PasswordRequirementOverrides,
-} from "@/components/layouts/shared/config/layout_customization";
+} from "../../shared/config/layout_customization";
 
 // section: field_identifiers
 export const REGISTER_FIELD_IDS = {

package/src/components/layouts/register/hooks/use_register_form.ts

@@ -2,10 +2,10 @@
 // section: imports
 import { useCallback, useMemo, useState } from "react";
 import { toast } from "sonner";
-import type { LayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
-import type { PasswordRequirementOptions, PasswordRequirementOverrides } from "@/components/layouts/shared/config/layout_customization";
-import { REGISTER_FIELD_IDS, type RegisterFieldId } from "@/components/layouts/register/config/register_field_config";
-import { validateEmail, validatePassword } from "@/components/layouts/shared/utils/validation";
+import type { LayoutDataClient } from "../../shared/data/layout_data_client";
+import type { PasswordRequirementOptions, PasswordRequirementOverrides } from "../../shared/config/layout_customization";
+import { REGISTER_FIELD_IDS, type RegisterFieldId } from "../config/register_field_config";
+import { validateEmail, validatePassword } from "../../shared/utils/validation";
 
 // section: constants
 const PASSWORD_FIELDS: Array<RegisterFieldId> = [
@@ -28,6 +28,7 @@ export type UseRegisterFormParams<TClient = unknown> = {
   passwordRequirements: PasswordRequirementOptions;
   passwordRequirementOverrides?: PasswordRequirementOverrides;
   dataClient: LayoutDataClient<TClient>;
+  urlOnLogon?: string;
 };
 
 export type UseRegisterFormResult = {
@@ -58,6 +59,7 @@ export const use_register_form = <TClient,>({
   showNameField,
   passwordRequirements,
   dataClient,
+  urlOnLogon,
 }: UseRegisterFormParams<TClient>): UseRegisterFormResult => {
   const [values, setValues] = useState<RegisterFormValues>(buildInitialValues);
   const [errors, setErrors] = useState<RegisterFormErrors>({});
@@ -203,6 +205,7 @@ export const use_register_form = <TClient,>({
             name: values[REGISTER_FIELD_IDS.NAME] || undefined,
             email: values[REGISTER_FIELD_IDS.EMAIL],
             password: values[REGISTER_FIELD_IDS.PASSWORD],
+            url_on_logon: urlOnLogon,
           }),
         });
 
@@ -242,7 +245,7 @@ export const use_register_form = <TClient,>({
         setIsSubmitting(false);
       }
     },
-    [values, passwordRequirements, dataClient],
+    [values, passwordRequirements, dataClient, urlOnLogon],
   );
 
   const handleCancel = useCallback(() => {

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

@@ -3,31 +3,32 @@
 "use client";
 
 // section: imports
-import { Input } from "@/components/ui/input";
-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 { AlreadyLoggedInGuard } from "@/components/layouts/shared/components/already_logged_in_guard";
+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 { 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 {
   REGISTER_FIELD_IDS,
   createRegisterFieldDefinitions,
   resolveRegisterButtonPalette,
   resolveRegisterLabels,
   resolveRegisterPasswordRequirements,
-} from "@/components/layouts/register/config/register_field_config";
+} from "./config/register_field_config";
 import {
   use_register_form,
   type UseRegisterFormResult,
-} from "@/components/layouts/register/hooks/use_register_form";
-import { type LayoutDataClient } from "@/components/layouts/shared/data/layout_data_client";
+} from "./hooks/use_register_form";
+import { type LayoutDataClient } from "../shared/data/layout_data_client";
 
 // section: types
 export type RegisterLayoutProps<TClient = unknown> = {
@@ -45,6 +46,9 @@ export type RegisterLayoutProps<TClient = unknown> = {
   showReturnHomeButton?: boolean;
   returnHomeButtonLabel?: string;
   returnHomePath?: string;
+  signInPath?: string;
+  signInLabel?: string;
+  urlOnLogon?: string;
 };
 
 const ORDERED_FIELDS: RegisterFieldId[] = [
@@ -72,6 +76,9 @@ export default function register_layout<TClient>({
   showReturnHomeButton = false,
   returnHomeButtonLabel = "Return home",
   returnHomePath = "/",
+  signInPath = "/hazo_auth/login",
+  signInLabel = "Sign in",
+  urlOnLogon,
 }: RegisterLayoutProps<TClient>) {
   const fieldDefinitions = createRegisterFieldDefinitions(field_overrides);
   const resolvedLabels = resolveRegisterLabels(labels);
@@ -84,6 +91,7 @@ export default function register_layout<TClient>({
     showNameField: show_name_field,
     passwordRequirements: resolvedPasswordRequirements,
     dataClient: data_client,
+    urlOnLogon: urlOnLogon,
   });
 
   const renderFields = (formState: UseRegisterFormResult) => {
@@ -193,6 +201,16 @@ export default function register_layout<TClient>({
                 submitAriaLabel="Submit registration form"
                 cancelAriaLabel="Cancel registration form"
               />
+              <div className="cls_register_layout_sign_in_link flex items-center justify-center gap-1 text-sm text-muted-foreground">
+                <span>Already have an account?</span>
+                <Link
+                  href={signInPath}
+                  className="cls_register_layout_sign_in_link_text text-primary underline-offset-4 hover:underline"
+                  aria-label="Go to sign in page"
+                >
+                  {signInLabel}
+                </Link>
+              </div>
               {form.isSubmitting && (
                 <div className="cls_register_submitting_indicator text-sm text-slate-600 text-center">
                   Registering...

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/auth_page_shell.tsx

@@ -0,0 +1,36 @@
+// file_description: server component that chooses between sidebar shell and standalone shell
+// section: imports
+import type { ReactNode } from "react";
+import { SidebarLayoutWrapper } from "./sidebar_layout_wrapper";
+import { StandaloneLayoutWrapper } from "./standalone_layout_wrapper";
+import { get_ui_shell_config } from "../../../../lib/ui_shell_config.server";
+
+// section: types
+type AuthPageShellProps = {
+  children: ReactNode;
+};
+
+// section: component
+export function AuthPageShell({ children }: AuthPageShellProps) {
+  const uiShellConfig = get_ui_shell_config();
+
+  if (uiShellConfig.layout_mode === "standalone") {
+    return (
+      <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}
+      </StandaloneLayoutWrapper>
+    );
+  }
+
+  return <SidebarLayoutWrapper>{children}</SidebarLayoutWrapper>;
+}
+
+
+

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

@@ -0,0 +1,53 @@
+// file_description: renders a simple full-width shell without the developer sidebar
+// section: client_directive
+"use client";
+
+// section: imports
+import { cn } from "../../../../lib/utils";
+
+// section: types
+export type StandaloneLayoutWrapperProps = {
+  children: React.ReactNode;
+  heading?: string;
+  description?: string;
+  wrapperClassName?: string;
+  contentClassName?: string;
+  showHeading?: boolean;
+  showDescription?: boolean;
+};
+
+// section: component
+export function StandaloneLayoutWrapper({
+  children,
+  heading = "hazo auth",
+  description = "Drop-in authentication flows that inherit your existing theme.",
+  wrapperClassName,
+  contentClassName,
+  showHeading = true,
+  showDescription = true,
+}: StandaloneLayoutWrapperProps) {
+  return (
+    <div className={cn("cls_standalone_layout_wrapper min-h-screen w-full bg-background", wrapperClassName)}>
+      <div className={cn("cls_standalone_layout_content mx-auto flex w-full max-w-5xl flex-col gap-8 p-6", contentClassName)}>
+        {(showHeading || showDescription) && (
+          <div className="cls_standalone_layout_header text-center">
+            {showHeading && (
+              <h1 className="cls_standalone_layout_title text-2xl font-semibold tracking-tight text-foreground">
+                {heading}
+              </h1>
+            )}
+            {showDescription && (
+              <p className="cls_standalone_layout_description mt-2 text-sm text-muted-foreground">
+                {description}
+              </p>
+            )}
+          </div>
+        )}
+        <div className="cls_standalone_layout_body">{children}</div>
+      </div>
+    </div>
+  );
+}
+
+
+

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) => {