@umituz/web-design-system 2.5.0 → 2.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "2.5.0",
+  "version": "2.6.1",
   "private": false,
   "description": "Web Design System - Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications",
   "main": "./src/index.ts",
@@ -77,6 +77,7 @@
     "react-day-picker": ">=9.0.0",
     "react-dom": ">=19.0.0",
     "react-i18next": ">=13.0.0",
+    "react-router-dom": ">=6.22.0",
     "react-syntax-highlighter": ">=15.0.0",
     "tailwind-merge": ">=2.0.0"
   },
@@ -100,6 +101,7 @@
     "@radix-ui/react-tooltip": "^1.2.7",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@types/react-router-dom": "^6.22.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -108,6 +110,7 @@
     "react-day-picker": "^9.14.0",
     "react-dom": "^19.0.0",
     "react-i18next": "^13.0.0",
+    "react-router-dom": "^6.22.0",
     "react-syntax-highlighter": "^16.1.1",
     "tailwind-merge": "^3.5.0",
     "typescript": "~5.9.2"

package/src/presentation/atoms/Tooltip.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type HTMLAttributes, type ReactNode, useState, useRef, useEffect } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, 'content'>, BaseProps {
   content: ReactNode;

package/src/presentation/molecules/Avatar.tsx

@@ -3,7 +3,7 @@
  * @description User avatar with image and fallback (shadcn/ui compatible)
  */
 
-import { forwardRef, type HTMLAttributes, type ElementType, type ComponentPropsWithoutRef } from 'react';
+import { forwardRef, type HTMLAttributes, type ComponentPropsWithoutRef } from 'react';
 import { cn } from '../../infrastructure/utils';
 import type { BaseProps, SizeVariant } from '../../domain/types';
 

package/src/presentation/molecules/Breadcrumb.tsx

@@ -3,6 +3,7 @@
  * @description Navigation breadcrumb with home icon
  */
 
+// @ts-expect-error - react-router-dom is a peer dependency
 import { Link } from 'react-router-dom';
 import type { BaseProps } from '../../domain/types';
 

package/src/presentation/molecules/Chip.tsx

@@ -3,7 +3,7 @@
  * @description Selectable/removable tag
  */
 
-import { forwardRef, type ReactNode } from 'react';
+import { forwardRef } from 'react';
 import { cn } from '../../infrastructure/utils';
 import type { BaseProps, ColorVariant } from '../../domain/types';
 import { Badge } from '../atoms/Badge';

package/src/presentation/molecules/FormField.tsx

@@ -3,7 +3,7 @@
  * @description Label + Input combination
  */
 
-import { forwardRef, type ReactNode } from 'react';
+import { forwardRef } from 'react';
 import { cn } from '../../infrastructure/utils';
 import type { BaseProps } from '../../domain/types';
 import { Input } from '../atoms/Input';

package/src/presentation/molecules/InputGroup.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type ReactNode, type HTMLAttributes } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 import { Input } from '../atoms/Input';
 
 export interface InputGroupProps extends HTMLAttributes<HTMLDivElement>, BaseProps {

package/src/presentation/molecules/ListItem.tsx

@@ -4,9 +4,8 @@
  * Reduces boilerplate in list components throughout the app
  */
 
-import { forwardRef, type ReactNode, type HTMLAttributes, type AnchorHTMLAttributes } from 'react';
+import { forwardRef, type ReactNode } from 'react';
 import { cn } from '../../infrastructure/utils';
-import { Button } from '../atoms';
 import type { BaseProps } from '../../domain/types';
 
 export interface ListItemProps extends BaseProps {

package/src/presentation/organisms/Card.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type HTMLAttributes } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface CardProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
   variant?: 'default' | 'outlined' | 'elevated';

package/src/presentation/organisms/Comments.tsx

@@ -69,7 +69,7 @@ export const Comments = ({
           ...config,
         };
 
-        window.giscus.render(rootRef.current, defaultConfig);
+        window.giscus.render(rootRef.current, defaultConfig as unknown as Record<string, unknown>);
       }
     });
 

package/src/presentation/organisms/Footer.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface FooterProps extends HTMLAttributes<HTMLElement>, BaseProps {
   brand?: {

package/src/presentation/organisms/FormModal.tsx

@@ -4,7 +4,7 @@
  * Reduces boilerplate in modal components like CampaignModal, ProjectListModal
  */
 
-import { forwardRef, type ComponentType, type ReactNode } from 'react';
+import { forwardRef, type ReactNode } from 'react';
 import { cn } from '../../infrastructure/utils';
 import {
   Dialog,

package/src/presentation/organisms/MainNavbar.tsx

@@ -4,6 +4,7 @@
  */
 
 import { useState, useEffect, useRef, useMemo } from 'react';
+// @ts-expect-error - react-router-dom is a peer dependency
 import { Link, useLocation } from 'react-router-dom';
 import React from 'react';
 import type { BaseProps } from '../../domain/types';
@@ -13,7 +14,7 @@ export interface NavItem {
   path: string;
 }
 
-export interface Language {
+export interface MainNavbarLanguage {
   code: string;
   name: string;
   flag: string;
@@ -23,7 +24,7 @@ export interface MainNavbarProps extends BaseProps {
   logo?: React.ReactNode;
   appName: string;
   navItems: NavItem[];
-  supportedLanguages: Record<string, Language>;
+  supportedLanguages: Record<string, MainNavbarLanguage>;
   currentLanguage: string;
   onLanguageChange: (code: string) => void;
   theme: 'light' | 'dark';

package/src/presentation/organisms/MetricCard.tsx

@@ -3,7 +3,7 @@
  * @description Card component for displaying metrics and statistics with trend indicators
  */
 
-import { forwardRef, type ComponentProps } from 'react';
+import { forwardRef } from 'react';
 import { cn } from '../../infrastructure/utils';
 import { Card, CardContent } from './Card';
 import type { BaseProps, ColorVariant, SizeVariant } from '../../domain/types';

package/src/presentation/organisms/Modal.tsx

@@ -3,9 +3,9 @@
  * @description Dialog/overlay container
  */
 
-import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';
+import { forwardRef, type HTMLAttributes } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface ModalProps extends HTMLAttributes<HTMLDivElement>, BaseProps {
   open?: boolean;

package/src/presentation/organisms/Navbar.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type HTMLAttributes } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface NavbarProps extends HTMLAttributes<HTMLElement>, BaseProps {
   variant?: 'default' | 'sticky' | 'fixed';

package/src/presentation/organisms/Table.tsx

@@ -5,7 +5,7 @@
 
 import { forwardRef, type HTMLAttributes } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface TableProps extends HTMLAttributes<HTMLTableElement>, BaseProps {}
 

package/src/presentation/organisms/Tabs.tsx

@@ -5,7 +5,7 @@
 
 import { useState, useCallback, type ReactNode, type HTMLAttributes } from 'react';
 import { cn } from '../../infrastructure/utils';
-import type { BaseProps, ChildrenProps } from '../../domain/types';
+import type { BaseProps } from '../../domain/types';
 
 export interface Tab {
   value: string;

package/src/presentation/organisms/ToggleGroup.tsx

@@ -5,10 +5,10 @@
 
 import * as React from 'react';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { cva, type VariantProps } from 'class-variance-authority';
+import { type VariantProps } from 'class-variance-authority';
 
 import { cn } from '../../infrastructure/utils';
-import { Toggle, toggleVariants } from '../atoms/Toggle';
+import { toggleVariants } from '../atoms/Toggle';
 
 const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
   size: 'default',

package/src/presentation/organisms/index.ts

@@ -152,4 +152,4 @@ export type { FilterSidebarProps } from './FilterSidebar';
 
 // NEW: Navigation Components
 export { MainNavbar } from './MainNavbar';
-export type { MainNavbarProps, NavItem, Language } from './MainNavbar';
+export type { MainNavbarProps, NavItem, MainNavbarLanguage } from './MainNavbar';