@djangocfg/ui-core 2.1.152 → 2.1.154

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-core",
-  "version": "2.1.152",
+  "version": "2.1.154",
   "description": "Pure React UI component library without Next.js dependencies - for Electron, Vite, CRA apps",
   "keywords": [
     "ui-components",
@@ -71,7 +71,7 @@
     "playground": "playground dev"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.152",
+    "@djangocfg/i18n": "^2.1.154",
     "react-device-detect": "^2.2.3",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
@@ -133,9 +133,9 @@
     "vaul": "1.1.2"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.152",
+    "@djangocfg/i18n": "^2.1.154",
     "@djangocfg/playground": "workspace:*",
-    "@djangocfg/typescript-config": "^2.1.152",
+    "@djangocfg/typescript-config": "^2.1.154",
     "@types/node": "^24.7.2",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",

package/src/components/country-select.tsx

@@ -284,7 +284,7 @@ export function CountrySelect({
     }
 
     if (!multiple && selectedCountries.length === 1) {
-      const country = selectedCountries[0];
+      const country = selectedCountries[0]!;
       return (
         <div className="flex items-center gap-2">
           <span>{country.emoji}</span>

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

@@ -141,7 +141,7 @@ const popoverAnimations = {
 // ==================== HELPERS ====================
 
 function isGroupedOptions(options: MultiSelectProAsyncOption[] | MultiSelectProAsyncGroup[]): options is MultiSelectProAsyncGroup[] {
-  return options.length > 0 && 'heading' in options[0]
+  return options.length > 0 && 'heading' in options[0]!
 }
 
 function flattenOptions(options: MultiSelectProAsyncOption[] | MultiSelectProAsyncGroup[]): MultiSelectProAsyncOption[] {

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

@@ -122,7 +122,7 @@ export interface MultiSelectProProps extends VariantProps<typeof multiSelectVari
 // ==================== HELPERS ====================
 
 function isGroupedOptions(options: MultiSelectProOption[] | MultiSelectProGroup[]): options is MultiSelectProGroup[] {
-  return options.length > 0 && 'heading' in options[0]
+  return options.length > 0 && 'heading' in options[0]!
 }
 
 function flattenOptions(options: MultiSelectProOption[] | MultiSelectProGroup[]): MultiSelectProOption[] {
@@ -213,8 +213,8 @@ export const MultiSelectPro = React.forwardRef<MultiSelectProRef, MultiSelectPro
       })
     }, [flatOptions, selectedValues])
 
-    // Responsive configuration
-    const responsiveConfig = React.useMemo((): ResponsiveConfig => {
+    // Responsive configuration (reserved for future use)
+    const _responsiveConfig = React.useMemo((): ResponsiveConfig => {
       if (typeof responsive === 'boolean') {
         return responsive
           ? {

package/src/components/otp/types.ts

@@ -1,4 +1,5 @@
-import type { OTPInputProps as BaseOTPInputProps } from 'input-otp'
+// Reserved for future use
+// import type { OTPInputProps as BaseOTPInputProps } from 'input-otp'
 
 /**
  * OTP Input validation modes

package/src/components/preloader.tsx

@@ -12,7 +12,8 @@ import React from 'react';
 
 import { useTypedT, type I18nTranslations } from '@djangocfg/i18n';
 import { cn } from '../lib/utils';
-import { Spinner } from './spinner';
+// Spinner is available for future use
+// import { Spinner } from './spinner';
 
 export interface PreloaderProps {
   /**

package/src/components/scroll-area.tsx

@@ -23,7 +23,7 @@ export interface ScrollAreaHandle {
 export interface ScrollAreaProps
   extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
   /** Ref to access the viewport element directly */
-  viewportRef?: React.RefObject<HTMLDivElement>;
+  viewportRef?: React.RefObject<HTMLDivElement | null>;
   /** Additional className for the viewport */
   viewportClassName?: string;
 }

package/src/components/section.tsx

@@ -13,14 +13,15 @@ export const Section = ({
   children, 
   className, 
   variant = "default",
-  size = "lg" 
+  size: _size = "lg"
 }: SectionProps) => {
-  const paddingClasses = {
-    sm: "py-12",
-    md: "py-16", 
-    lg: "py-24",
-    xl: "py-32"
-  };
+  // Reserved for future use
+  // const paddingClasses = {
+  //   sm: "py-12",
+  //   md: "py-16",
+  //   lg: "py-24",
+  //   xl: "py-32"
+  // };
 
   const variantClasses = {
     default: "bg-background",

package/src/components/token-icon.tsx

@@ -115,7 +115,7 @@ export function TokenIcon({
   ...props
 }: TokenIconProps) {
   const [IconComponent, setIconComponent] = React.useState<React.ComponentType<any> | null>(null)
-  const [loading, setLoading] = React.useState(true)
+  const [_loading, setLoading] = React.useState(true)
 
   React.useEffect(() => {
     let mounted = true

package/src/hooks/useLocalStorage.ts

@@ -80,7 +80,7 @@ export function useLocalStorage<T>(
   const ttl = options?.ttl;
   // Always start with initialValue to match SSR
   const [storedValue, setStoredValue] = useState<T>(initialValue);
-  const [isHydrated, setIsHydrated] = useState(false);
+  const [_isHydrated, setIsHydrated] = useState(false);
   const isInitialized = useRef(false);
 
   // Read from localStorage after mount (avoids hydration mismatch)

package/src/lib/dialog-service/DialogProvider.tsx

@@ -54,7 +54,7 @@ export function DialogProvider({ children }: DialogProviderProps) {
   useEffect(() => {
     if (!current && queue.length > 0) {
       const [next, ...rest] = queue;
-      setCurrent(next);
+      setCurrent(next ?? null);
       setQueue(rest);
     }
   }, [current, queue]);

package/src/lib/logger/logger.ts

@@ -8,7 +8,7 @@
 
 'use client';
 
-import { consola, type ConsolaInstance } from 'consola';
+import { consola } from 'consola';
 
 import { useLogStore } from './logStore';