@djangocfg/ui-nextjs 2.1.42 → 2.1.44

package/src/components/breadcrumb.tsx

@@ -1,10 +1,11 @@
 "use client"
 
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cn } from "@djangocfg/ui-core/lib"
-import { ChevronRight, MoreHorizontal } from "lucide-react"
-import Link from "next/link"
+import { ChevronRight, MoreHorizontal } from 'lucide-react';
+import Link from 'next/link';
+import * as React from 'react';
+
+import { cn } from '@djangocfg/ui-core/lib';
+import { Slot } from '@radix-ui/react-slot';
 
 const Breadcrumb = React.forwardRef<
   HTMLElement,

package/src/components/button-download.tsx

@@ -1,10 +1,12 @@
 "use client"
 
-import * as React from "react"
-import { Loader2, Download, CheckCircle2, AlertCircle } from "lucide-react"
-import { Button, type ButtonProps } from "@djangocfg/ui-core/components"
-import { cn } from "@djangocfg/ui-core/lib"
-import { useLocalStorage } from "../hooks/useLocalStorage"
+import { AlertCircle, CheckCircle2, Download, Loader2 } from 'lucide-react';
+import * as React from 'react';
+
+import { Button, ButtonProps} from '@djangocfg/ui-core/components';
+import { cn } from '@djangocfg/ui-core/lib';
+
+import { useLocalStorage } from '../hooks/useLocalStorage';
 
 // Token key used by the API client
 const TOKEN_KEY = "auth_token"

package/src/components/dropdown-menu.tsx

@@ -1,10 +1,11 @@
 "use client"
 
-import * as React from "react"
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { cn } from "@djangocfg/ui-core/lib"
-import { Check, ChevronRight, Circle } from "lucide-react"
-import Link from "next/link"
+import { Check, ChevronRight, Circle } from 'lucide-react';
+import Link from 'next/link';
+import * as React from 'react';
+
+import { cn } from '@djangocfg/ui-core/lib';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
 const DropdownMenu = DropdownMenuPrimitive.Root
 

package/src/components/markdown/MarkdownMessage.tsx

@@ -3,10 +3,13 @@
 import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
-import Mermaid from '../../tools/Mermaid';
-import PrettyCode from '../../tools/PrettyCode';
+
 import { CopyButton } from '@djangocfg/ui-core/components';
+
 import { useResolvedTheme } from '../../hooks/useResolvedTheme';
+import Mermaid from '../../tools/Mermaid';
+import PrettyCode from '../../tools/PrettyCode';
+
 import type { Components } from 'react-markdown';
 
 // Helper function to extract text content from React children

package/src/components/menubar.tsx

@@ -1,10 +1,11 @@
 "use client"
 
-import * as React from "react"
-import * as MenubarPrimitive from "@radix-ui/react-menubar"
-import { cn } from "@djangocfg/ui-core/lib"
-import { Check, ChevronRight, Circle } from "lucide-react"
-import Link from "next/link"
+import { Check, ChevronRight, Circle } from 'lucide-react';
+import Link from 'next/link';
+import * as React from 'react';
+
+import { cn } from '@djangocfg/ui-core/lib';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
 
 function MenubarMenu({
   ...props

package/src/components/multi-select-pro/async.tsx

@@ -13,25 +13,15 @@
 
 "use client"
 
-import * as React from "react"
-import { Check, ChevronsUpDown, X, XCircle, Loader2 } from "lucide-react"
-import { cva } from "class-variance-authority"
-import { cn } from "@djangocfg/ui-core/lib"
+import { cva } from 'class-variance-authority';
+import { Check, ChevronsUpDown, Loader2, X, XCircle } from 'lucide-react';
+import * as React from 'react';
+
 import {
-  Button,
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Badge,
-  Separator,
-} from "@djangocfg/ui-core/components"
+    Badge, Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList,
+    CommandSeparator, Popover, PopoverContent, PopoverTrigger, Separator
+} from '@djangocfg/ui-core/components';
+import { cn } from '@djangocfg/ui-core/lib';
 
 // ==================== TYPES ====================
 

package/src/components/multi-select-pro/index.tsx

@@ -1,24 +1,14 @@
 "use client"
 
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { Check, ChevronsUpDown, X, XCircle } from "lucide-react"
-import { cn } from "@djangocfg/ui-core/lib"
+import { cva, type VariantProps } from 'class-variance-authority';
+import { Check, ChevronsUpDown, X, XCircle } from 'lucide-react';
+import * as React from 'react';
+
 import {
-  Button,
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-  Badge,
-  Separator,
-} from "@djangocfg/ui-core/components"
+    Badge, Button, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList,
+    CommandSeparator, Popover, PopoverContent, PopoverTrigger, Separator
+} from '@djangocfg/ui-core/components';
+import { cn } from '@djangocfg/ui-core/lib';
 
 // ==================== TYPES ====================
 

package/src/components/navigation-menu.tsx

@@ -1,11 +1,12 @@
 "use client"
 
-import * as React from "react"
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
-import { cva } from "class-variance-authority"
-import { cn } from "@djangocfg/ui-core/lib"
-import { ChevronDown } from "lucide-react"
-import Link from "next/link"
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import Link from 'next/link';
+import * as React from 'react';
+
+import { cn } from '@djangocfg/ui-core/lib';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
 
 const NavigationMenu = React.forwardRef<
   React.ElementRef<typeof NavigationMenuPrimitive.Root>,

package/src/components/otp/index.tsx

@@ -1,14 +1,12 @@
 'use client'
 
-import * as React from 'react'
-import { cn } from '@djangocfg/ui-core'
-import {
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSlot,
-} from '@djangocfg/ui-core'
-import { MinusIcon } from 'lucide-react'
-import { useSmartOTP, createPasteHandler } from './use-otp-input'
+import { MinusIcon } from 'lucide-react';
+import * as React from 'react';
+
+import { cn, InputOTP, InputOTPGroup, InputOTPSlot } from '@djangocfg/ui-core';
+
+import { createPasteHandler, useSmartOTP } from './use-otp-input';
+
 import type { SmartOTPProps } from './types'
 
 /**

package/src/components/otp/use-otp-input.ts

@@ -1,6 +1,7 @@
 'use client'
 
-import { useState, useCallback, useMemo, useEffect } from 'react'
+import { useCallback, useEffect, useMemo, useState } from 'react';
+
 import type {
   SmartOTPProps,
   UseSmartOTPReturn,

package/src/components/pagination-static.tsx

@@ -37,20 +37,17 @@
 
 "use client"
 
+import { ChevronLeft, ChevronRight } from 'lucide-react';
 import React from 'react';
-import { cn } from '@djangocfg/ui-core/lib';
-import { useIsMobile } from '@djangocfg/ui-core/hooks';
+
 import { Button } from '@djangocfg/ui-core/components';
+import { useIsMobile } from '@djangocfg/ui-core/hooks';
+import { cn } from '@djangocfg/ui-core/lib';
+
 import {
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
+    Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink,
+    PaginationNext, PaginationPrevious
 } from './pagination';
-import { ChevronLeft, ChevronRight } from 'lucide-react';
 
 /**
  * DRF Pagination Response type

package/src/components/pagination.tsx

@@ -1,8 +1,9 @@
-import * as React from "react"
-import { cn } from "@djangocfg/ui-core/lib"
-import { type ButtonProps, buttonVariants } from "@djangocfg/ui-core/components"
-import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
-import Link from "next/link"
+import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
+import Link from 'next/link';
+import * as React from 'react';
+
+import { ButtonProps, buttonVariants} from '@djangocfg/ui-core/components';
+import { cn } from '@djangocfg/ui-core/lib';
 
 const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
   <nav

package/src/components/phone-input.tsx

@@ -1,16 +1,17 @@
 "use client"
 
-import * as React from "react"
-import { AsYouType, parsePhoneNumberFromString, CountryCode, getCountries, getCountryCallingCode } from 'libphonenumber-js'
-import { Input, Button } from "@djangocfg/ui-core/components"
-import { cn } from "@djangocfg/ui-core/lib"
 import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "./dropdown-menu"
-import { ChevronDown, Search } from "lucide-react"
+    AsYouType, CountryCode, getCountries, getCountryCallingCode, parsePhoneNumberFromString
+} from 'libphonenumber-js';
+import { ChevronDown, Search } from 'lucide-react';
+import * as React from 'react';
+
+import { Button, Input } from '@djangocfg/ui-core/components';
+import { cn } from '@djangocfg/ui-core/lib';
+
+import {
+    DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger
+} from './dropdown-menu';
 
 // Generate country flag emoji from country code
 const getCountryFlag = (countryCode: CountryCode): string => {

package/src/components/sidebar.tsx

@@ -1,27 +1,17 @@
 "use client"
 
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { VariantProps, cva } from "class-variance-authority"
-import { useIsMobile } from "@djangocfg/ui-core/hooks"
-import { cn } from "@djangocfg/ui-core/lib"
+import { cva, VariantProps } from 'class-variance-authority';
+import { PanelLeft } from 'lucide-react';
+import Link from 'next/link';
+import * as React from 'react';
+
 import {
-  Button,
-  Input,
-  Separator,
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-  Skeleton,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@djangocfg/ui-core/components"
-import { PanelLeft } from "lucide-react"
-import Link from "next/link"
+    Button, Input, Separator, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle,
+    Skeleton, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger
+} from '@djangocfg/ui-core/components';
+import { useIsMobile } from '@djangocfg/ui-core/hooks';
+import { cn } from '@djangocfg/ui-core/lib';
+import { Slot } from '@radix-ui/react-slot';
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7

package/src/components/sonner.tsx

@@ -1,7 +1,7 @@
 "use client"
 
-import { useTheme } from "next-themes"
-import { Toaster as Sonner } from "sonner"
+import { useTheme } from 'next-themes';
+import { Toaster as Sonner } from 'sonner';
 
 type ToasterProps = React.ComponentProps<typeof Sonner>
 

package/src/components/ssr-pagination.tsx

@@ -1,18 +1,15 @@
 'use client';
 
-import React from 'react';
 import { usePathname } from 'next/navigation';
-import { cn } from '@djangocfg/ui-core/lib';
+import React from 'react';
+
 import { useIsMobile } from '@djangocfg/ui-core/hooks';
+import { cn } from '@djangocfg/ui-core/lib';
+
 import { useQueryParams } from '../hooks';
 import {
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-  PaginationNext,
-  PaginationPrevious,
+    Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink,
+    PaginationNext, PaginationPrevious
 } from './pagination';
 
 interface SSRPaginationProps {

package/src/hooks/useDeviceDetect.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { useMemo, useState, useEffect } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 
 // Safe defaults for SSR
 const defaultSelectors = {

package/src/hooks/useHotkey.ts

@@ -1,7 +1,8 @@
 'use client';
 
 import type { RefObject } from 'react';
-import { useHotkeys, Options as HotkeysOptions } from 'react-hotkeys-hook';
+import { Options as HotkeysOptions, useHotkeys } from 'react-hotkeys-hook';
+
 import type { HotkeyCallback, Keys } from 'react-hotkeys-hook';
 
 /**

package/src/hooks/useLocalStorage.ts

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect, useState, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 /**
  * Simple localStorage hook with better error handling

package/src/hooks/useQueryParams.ts

@@ -15,8 +15,8 @@
 
 'use client';
 
-import { useState, useEffect, useRef } from 'react';
 import { usePathname } from 'next/navigation';
+import { useEffect, useRef, useState } from 'react';
 
 /**
  * Hook to safely access URL query parameters without useSearchParams()

package/src/theme/ForceTheme.tsx

@@ -9,6 +9,7 @@
 'use client';
 
 import React, { ReactNode } from 'react';
+
 import { cn } from '@djangocfg/ui-core/lib';
 
 interface ForceThemeProps {

package/src/theme/ThemeProvider.tsx

@@ -22,6 +22,7 @@
 'use client';
 
 import { ThemeProvider as NextThemesProvider, useTheme as useNextTheme } from 'next-themes';
+
 import type { ThemeProviderProps as NextThemesProviderProps } from 'next-themes';
 
 // Re-export types

package/src/theme/ThemeToggle.tsx

@@ -21,12 +21,14 @@
 
 'use client';
 
-import { useEffect, useState } from 'react';
 import { Moon, Sun } from 'lucide-react';
+import { useEffect, useState } from 'react';
+
 import { Button } from '@djangocfg/ui-core/components';
 import { cn } from '@djangocfg/ui-core/lib';
-import { useThemeContext } from './ThemeProvider';
+
 import { useIsMobile } from '../hooks';
+import { useThemeContext } from './ThemeProvider';
 
 export interface ThemeToggleProps {
   /** Custom className */

package/src/tools/JsonForm/JsonSchemaForm.tsx

@@ -1,32 +1,23 @@
 'use client';
 
-import React, { useMemo, useCallback } from 'react';
+import consola from 'consola';
+import { AlertCircle } from 'lucide-react';
+import React, { useCallback, useMemo } from 'react';
+
+import { Alert, AlertDescription, Button } from '@djangocfg/ui-core/components';
 import Form from '@rjsf/core';
-import validator from '@rjsf/validator-ajv8';
 import { RegistryWidgetsType } from '@rjsf/utils';
-import { Button, Alert, AlertDescription } from '@djangocfg/ui-core/components';
-import { AlertCircle } from 'lucide-react';
-import consola from 'consola';
+import validator from '@rjsf/validator-ajv8';
 
+import {
+    ArrayFieldItemTemplate, ArrayFieldTemplate, BaseInputTemplate, ErrorListTemplate, FieldTemplate,
+    ObjectFieldTemplate
+} from './templates';
 import { JsonSchemaFormProps } from './types';
+import { normalizeFormData, validateSchema } from './utils';
 import {
-  TextWidget,
-  NumberWidget,
-  CheckboxWidget,
-  SelectWidget,
-  SwitchWidget,
-  ColorWidget,
-  SliderWidget,
+    CheckboxWidget, ColorWidget, NumberWidget, SelectWidget, SliderWidget, SwitchWidget, TextWidget
 } from './widgets';
-import {
-  FieldTemplate,
-  ObjectFieldTemplate,
-  ArrayFieldTemplate,
-  ArrayFieldItemTemplate,
-  ErrorListTemplate,
-  BaseInputTemplate,
-} from './templates';
-import { validateSchema, normalizeFormData } from './utils';
 
 /**
  * JSON Schema Form Component

package/src/tools/JsonForm/examples/BotConfigExample.tsx

@@ -1,10 +1,14 @@
 'use client';
 
+import consola from 'consola';
 import React, { useState } from 'react';
-import { JsonSchemaForm } from '../JsonSchemaForm';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@djangocfg/ui-core/components';
+
+import {
+    Card, CardContent, CardDescription, CardHeader, CardTitle
+} from '@djangocfg/ui-core/components';
 import { RJSFSchema, UiSchema } from '@rjsf/utils';
-import consola from 'consola';
+
+import { JsonSchemaForm } from '../JsonSchemaForm';
 
 /**
  * Example JSON Schema for Bot Configuration

package/src/tools/JsonForm/examples/RealBotConfigExample.tsx

@@ -1,10 +1,14 @@
 'use client';
 
+import consola from 'consola';
 import React, { useState } from 'react';
-import { JsonSchemaForm } from '../JsonSchemaForm';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@djangocfg/ui-core/components';
+
+import {
+    Card, CardContent, CardDescription, CardHeader, CardTitle
+} from '@djangocfg/ui-core/components';
 import { RJSFSchema } from '@rjsf/utils';
-import consola from 'consola';
+
+import { JsonSchemaForm } from '../JsonSchemaForm';
 
 /**
  * Real Bot Config Schema from API

package/src/tools/JsonForm/templates/ArrayFieldItemTemplate.tsx

@@ -1,8 +1,9 @@
 "use client"
 
 import React from 'react';
-import { ArrayFieldItemTemplateProps, getTemplate, getUiOptions } from '@rjsf/utils';
+
 import { cn } from '@djangocfg/ui-core/lib';
+import { ArrayFieldItemTemplateProps, getTemplate, getUiOptions } from '@rjsf/utils';
 
 /**
  * Array field item template for JSON Schema Form

package/src/tools/JsonForm/templates/ArrayFieldTemplate.tsx

@@ -1,9 +1,10 @@
 "use client"
 
+import { Plus } from 'lucide-react';
 import React from 'react';
-import { ArrayFieldTemplateProps } from '@rjsf/utils';
+
 import { Button } from '@djangocfg/ui-core/components';
-import { Plus } from 'lucide-react';
+import { ArrayFieldTemplateProps } from '@rjsf/utils';
 
 /**
  * Array field template for JSON Schema Form

package/src/tools/JsonForm/templates/BaseInputTemplate.tsx

@@ -1,8 +1,9 @@
 "use client"
 
-import React, { useCallback, useMemo, ChangeEvent, FocusEvent } from 'react';
-import { getInputProps, WidgetProps } from '@rjsf/utils';
+import React, { ChangeEvent, FocusEvent, useCallback, useMemo } from 'react';
+
 import { Input } from '@djangocfg/ui-core/components';
+import { getInputProps, WidgetProps } from '@rjsf/utils';
 
 /**
  * Base input template for JSON Schema Form

package/src/tools/JsonForm/templates/ErrorListTemplate.tsx

@@ -1,9 +1,10 @@
 "use client"
 
+import { AlertCircle } from 'lucide-react';
 import React from 'react';
-import { ErrorListProps } from '@rjsf/utils';
+
 import { Alert, AlertDescription, AlertTitle } from '@djangocfg/ui-core/components';
-import { AlertCircle } from 'lucide-react';
+import { ErrorListProps } from '@rjsf/utils';
 
 /**
  * Error list template for JSON Schema Form

package/src/tools/JsonForm/templates/FieldTemplate.tsx

@@ -1,9 +1,10 @@
 "use client"
 
 import React from 'react';
-import { FieldTemplateProps } from '@rjsf/utils';
+
 import { Label } from '@djangocfg/ui-core/components';
 import { cn } from '@djangocfg/ui-core/lib';
+import { FieldTemplateProps } from '@rjsf/utils';
 
 /**
  * Field template for JSON Schema Form

package/src/tools/JsonForm/templates/ObjectFieldTemplate.tsx

@@ -1,14 +1,11 @@
 "use client"
 
+import { ChevronDown } from 'lucide-react';
 import React, { useState } from 'react';
-import { ObjectFieldTemplateProps } from '@rjsf/utils';
+
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@djangocfg/ui-core/components';
 import { cn } from '@djangocfg/ui-core/lib';
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from '@djangocfg/ui-core/components';
-import { ChevronDown } from 'lucide-react';
+import { ObjectFieldTemplateProps } from '@rjsf/utils';
 
 /**
  * Object field template for JSON Schema Form

package/src/tools/JsonForm/utils.ts

@@ -1,6 +1,7 @@
-import { RJSFSchema } from '@rjsf/utils';
 import consola from 'consola';
 
+import { RJSFSchema } from '@rjsf/utils';
+
 /**
  * Utility functions for JSON Schema Form
  */

package/src/tools/JsonForm/widgets/CheckboxWidget.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
-import { WidgetProps } from '@rjsf/utils';
+
 import { Checkbox } from '@djangocfg/ui-core/components';
+import { WidgetProps } from '@rjsf/utils';
 
 /**
  * Checkbox widget for JSON Schema Form

package/src/tools/JsonForm/widgets/ColorWidget.tsx

@@ -1,8 +1,9 @@
 "use client"
 
-import React, { useMemo, useCallback, useRef } from 'react';
-import { WidgetProps } from '@rjsf/utils';
+import React, { useCallback, useMemo, useRef } from 'react';
+
 import { Input } from '@djangocfg/ui-core/components';
+import { WidgetProps } from '@rjsf/utils';
 
 /**
  * Color input widget for JSON Schema Form