@djangocfg/layouts 2.1.89 → 2.1.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/layouts",
-  "version": "2.1.89",
+  "version": "2.1.91",
   "description": "Simple, straightforward layout components for Next.js - import and use with props",
   "keywords": [
     "layouts",
@@ -92,9 +92,11 @@
     "check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@djangocfg/api": "^2.1.89",
-    "@djangocfg/centrifugo": "^2.1.89",
-    "@djangocfg/ui-nextjs": "^2.1.89",
+    "@djangocfg/api": "^2.1.91",
+    "@djangocfg/centrifugo": "^2.1.91",
+    "@djangocfg/ui-core": "^2.1.91",
+    "@djangocfg/ui-nextjs": "^2.1.91",
+    "@djangocfg/ui-tools": "^2.1.91",
     "@hookform/resolvers": "^5.2.0",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -117,7 +119,7 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@djangocfg/typescript-config": "^2.1.89",
+    "@djangocfg/typescript-config": "^2.1.91",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/components/core/LucideIcon.tsx

@@ -20,7 +20,7 @@
 import * as LucideIcons from 'lucide-react';
 import React from 'react';
 
-import { cn } from '@djangocfg/ui-nextjs';
+import { cn } from '@djangocfg/ui-core/lib';
 
 import type { LucideIcon as LucideIconType } from 'lucide-react';
 export interface LucideIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'children'> {

package/src/components/errors/ErrorsTracker/providers/ErrorTrackingProvider.tsx

@@ -30,7 +30,7 @@ import React, {
     createContext, ReactNode, useCallback, useContext, useEffect, useState
 } from 'react';
 
-import { toast } from 'sonner';
+import { toast } from '@djangocfg/ui-core/hooks';
 
 import { createErrorToast } from '../components/ErrorToast';
 import {
@@ -154,7 +154,7 @@ export function ErrorTrackingProvider({
       // Show toast notification using Sonner
       if (config.showToast && shouldShowToast) {
         const toastOptions = createErrorToast(detail, config);
-        toast.error(toastOptions.title as string, {
+        toast.error(toastOptions.title, {
           description: toastOptions.description,
           duration: toastOptions.duration,
         });

package/src/layouts/AppLayout/BaseApp.tsx

@@ -52,7 +52,8 @@ import { SWRConfig } from 'swr';
 import { getCentrifugoAuthTokenRetrieve } from '@djangocfg/api';
 import { AuthProvider } from '@djangocfg/api/auth';
 import { CentrifugoProvider } from '@djangocfg/centrifugo';
-import { SonnerToaster, ThemeProvider, TooltipProvider } from '@djangocfg/ui-nextjs';
+import { Toaster, TooltipProvider } from '@djangocfg/ui-core/components';
+import { ThemeProvider } from '@djangocfg/ui-nextjs/theme';
 import { ErrorBoundary } from '../../components/errors/ErrorBoundary';
 import { ErrorTrackingProvider } from '../../components/errors/ErrorsTracker';
 import { AnalyticsProvider } from '../../snippets/Analytics';
@@ -148,7 +149,7 @@ export function BaseApp({
                         showSpinner={false}
                         shadow="0 0 10px hsl(var(--primary)), 0 0 5px hsl(var(--primary))"
                       />
-                      <SonnerToaster />
+                      <Toaster />
 
                       {/* PWA Install Hint */}
                       {showInstallHint && (

package/src/layouts/PrivateLayout/components/PrivateContent.tsx

@@ -8,7 +8,7 @@
 
 import React, { ReactNode } from 'react';
 
-import { cn } from '@djangocfg/ui-nextjs/lib';
+import { cn } from '@djangocfg/ui-core/lib';
 
 interface PrivateContentProps {
   children: ReactNode;

package/src/layouts/PrivateLayout/components/PrivateSidebar.tsx

@@ -14,7 +14,7 @@ import {
     Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader,
     SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, useSidebar
 } from '@djangocfg/ui-nextjs/components';
-import { cn } from '@djangocfg/ui-nextjs/lib';
+import { cn } from '@djangocfg/ui-core/lib';
 
 import { LucideIcon } from '../../../components';
 

package/src/layouts/ProfileLayout/components/AvatarSection.tsx

@@ -2,7 +2,7 @@
 
 import { Check, Upload, X } from 'lucide-react';
 import React, { useState } from 'react';
-import { toast } from 'sonner';
+import { toast } from '@djangocfg/ui-core/hooks';
 
 import { useAccountsContext, useAuth } from '@djangocfg/api/auth';
 import { Avatar, AvatarFallback, Button } from '@djangocfg/ui-nextjs/components';

package/src/layouts/ProfileLayout/components/ProfileForm.tsx

@@ -3,7 +3,7 @@
 
 import React, { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
-import { toast } from 'sonner';
+import { toast } from '@djangocfg/ui-core/hooks';
 
 import {
     PatchedUserProfileUpdateRequest, PatchedUserProfileUpdateRequestSchema, type 

package/src/layouts/PublicLayout/components/PublicNavigation.tsx

@@ -13,7 +13,7 @@ import React from 'react';
 import { useAuth } from '@djangocfg/api/auth';
 import { Button } from '@djangocfg/ui-nextjs/components';
 import { useIsMobile } from '@djangocfg/ui-nextjs/hooks';
-import { cn } from '@djangocfg/ui-nextjs/lib';
+import { cn } from '@djangocfg/ui-core/lib';
 import { ThemeToggle } from '@djangocfg/ui-nextjs/theme';
 
 import { UserMenu } from '../../_components/UserMenu';
@@ -38,8 +38,12 @@ export function PublicNavigation({
   const { isAuthenticated } = useAuth();
   const isMobile = useIsMobile();
 
+  // Nav class (background blur with opacity 0.8)
+  // bg-background/80 - doesnt work in tailwind4
+  const navClass = 'sticky top-0 w-full z-50 border-b bg-background';
+
   return (
-    <nav className="sticky top-0 w-full backdrop-blur-xl z-50 border-b bg-background/80">
+    <nav className={navClass} style={{ backgroundColor: 'hsl(var(--background) / 0.6)', backdropFilter: 'blur(10px)' }}>
       <div className="w-full px-4 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between py-4">
           {/* Logo */}

package/src/snippets/McpChat/components/MessageBubble.tsx

@@ -5,8 +5,9 @@ import React from 'react';
 
 import { useAuth } from '@djangocfg/api/auth';
 import {
-    Avatar, AvatarFallback, AvatarImage, Badge, Card, CardContent, MarkdownMessage
+    Avatar, AvatarFallback, AvatarImage, Badge, Card, CardContent
 } from '@djangocfg/ui-nextjs';
+import { MarkdownMessage } from '@djangocfg/ui-tools';
 
 import type { AIChatMessage } from '../types';
 

package/src/snippets/PWAInstall/components/A2HSHint.tsx

@@ -15,7 +15,7 @@ import { ChevronRight, Download, Share, X } from 'lucide-react';
 import React, { useEffect, useState } from 'react';
 
 import { Button } from '@djangocfg/ui-nextjs';
-import { cn } from '@djangocfg/ui-nextjs/lib';
+import { cn } from '@djangocfg/ui-core/lib';
 
 import { useInstall } from '../context/InstallContext';
 import { isA2HSDismissedRecently, markA2HSDismissed } from '../utils/localStorage';

package/src/snippets/PushNotifications/hooks/useDjangoPush.ts

@@ -30,7 +30,7 @@
  */
 
 import { useCallback, useState } from 'react';
-import { toast } from 'sonner';
+import { toast } from '@djangocfg/ui-core/hooks';
 
 // Auth
 import { useAuth } from '@djangocfg/api/auth';