@umituz/web-design-system 5.4.0 → 6.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "5.4.0",
+  "version": "6.0.1",
   "private": false,
   "type": "module",
   "description": "Web Design System - Tailwind v4 authored, precompiled CSS shipped. Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications.",
@@ -58,27 +58,27 @@
     "url": "git+https://github.com/umituz/web-design-system.git"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.8",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle-group": "^1.1.10",
     "@types/react-syntax-highlighter": "^15.5.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "lucide-react": "^0.577.0",
     "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {
-    "@radix-ui/react-accordion": ">=1.0.0",
-    "@radix-ui/react-collapsible": ">=1.0.0",
-    "@radix-ui/react-dialog": ">=1.0.0",
-    "@radix-ui/react-dropdown-menu": ">=1.0.0",
-    "@radix-ui/react-hover-card": ">=1.0.0",
-    "@radix-ui/react-label": ">=2.0.0",
-    "@radix-ui/react-popover": ">=1.0.0",
-    "@radix-ui/react-scroll-area": ">=1.0.0",
-    "@radix-ui/react-select": ">=2.0.0",
-    "@radix-ui/react-separator": ">=1.0.0",
-    "@radix-ui/react-slot": ">=1.0.0",
-    "@radix-ui/react-switch": ">=1.0.0",
-    "@radix-ui/react-toggle": ">=1.0.0",
-    "@radix-ui/react-toggle-group": ">=1.0.0",
-    "lucide-react": ">=0.400.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-router": ">=6.0.0",

package/src/presentation/organisms/DataTable.tsx

@@ -449,7 +449,7 @@ export function DataTable<T>({
                     key={column.id}
                     checked={!effectiveHiddenColumnIds.includes(column.id)}
                     disabled={!column.optional}
-                    onCheckedChange={(checked) =>
+                    onCheckedChange={(checked: boolean) =>
                       setHiddenColumnIds((prev) =>
                         checked
                           ? prev.filter((id) => id !== column.id)
@@ -458,7 +458,7 @@ export function DataTable<T>({
                             : [...prev, column.id],
                       )
                     }
-                    onSelect={(event) => event.preventDefault()}
+                    onSelect={(event: Event) => event.preventDefault()}
                   >
                     {typeof column.header === 'string' ? column.header : column.id}
                   </DropdownMenuCheckboxItem>

package/src/presentation/organisms/Drawer.tsx

@@ -43,7 +43,7 @@ export function Drawer({
 }: DrawerProps) {
   const wideSize = wide && (side === 'left' || side === 'right') ? 'sm:max-w-2xl' : undefined;
   return (
-    <Sheet open={open} onOpenChange={(next) => { if (!next) onClose(); }}>
+    <Sheet open={open} onOpenChange={(next: boolean) => { if (!next) onClose(); }}>
       <SheetContent
         side={side}
         className={cn('flex flex-col overflow-hidden', wideSize, className)}

package/src/presentation/organisms/Lightbox.tsx

@@ -19,7 +19,7 @@ export function Lightbox({ open, onClose, alt, caption, zoomable = true, childre
   return (
     <Dialog
       open={open}
-      onOpenChange={(next) => {
+      onOpenChange={(next: boolean) => {
         if (!next) {
           onClose();
           setZoom(false);

package/src/presentation/organisms/Modal.tsx

@@ -51,7 +51,7 @@ export function Modal({
   contentProps,
 }: ModalProps) {
   return (
-    <Dialog open={open} onOpenChange={(next) => { if (!next) onClose(); }}>
+    <Dialog open={open} onOpenChange={(next: boolean) => { if (!next) onClose(); }}>
       <DialogContent
         className={cn(
           sizeWidths[size],