diff --git a/apps/docs/content/docs/components/autocomplete.mdx b/apps/docs/content/docs/components/autocomplete.mdx
index 94f3ff92d2..22c1d3e202 100644
--- a/apps/docs/content/docs/components/autocomplete.mdx
+++ b/apps/docs/content/docs/components/autocomplete.mdx
@@ -745,7 +745,7 @@ properties to customize the popover, listbox and input components.
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'listboxWrapper' | 'listbox' | 'popoverContent' | 'endContentWrapper' | 'clearButton' | 'selectorButton', string>",
+      type: "Partial<Record<'base' | 'listboxWrapper' | 'listbox' | 'popoverContent' | 'endContentWrapper' | 'clearButton' | 'selectorButton', string>>",
       description: "Allows to set custom class names for the Autocomplete slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/avatar.mdx b/apps/docs/content/docs/components/avatar.mdx
index 4c6b1a4f3f..76e6a01d4f 100644
--- a/apps/docs/content/docs/components/avatar.mdx
+++ b/apps/docs/content/docs/components/avatar.mdx
@@ -252,7 +252,7 @@ You can customize any part of the avatar by using the `classNames` prop, each `s
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"img\" | \"fallback\" | \"name\" | \"icon\", string>",
+      type: "Partial<Record<\"base\" | \"img\" | \"fallback\" | \"name\" | \"icon\", string>>",
       description: "Allows to set custom class names for the avatar slots.",
       default: "-"
     }
@@ -319,7 +319,7 @@ You can customize any part of the avatar by using the `classNames` prop, each `s
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"count\", string>",
+      type: "Partial<Record<\"base\" | \"count\", string>>",
       description: "Allows to set custom class names for the avatar group slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/badge.mdx b/apps/docs/content/docs/components/badge.mdx
index 477d3e2c27..4d372ade3f 100644
--- a/apps/docs/content/docs/components/badge.mdx
+++ b/apps/docs/content/docs/components/badge.mdx
@@ -185,7 +185,7 @@ The Badge component has two slots:
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜\"badge\", string>",
+      type: "Partial<Record<\"base\"｜\"badge\", string>>",
       description: "Allows to set custom class names for the badge slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/breadcrumbs.mdx b/apps/docs/content/docs/components/breadcrumbs.mdx
index 39782e1b9c..311d6111db 100644
--- a/apps/docs/content/docs/components/breadcrumbs.mdx
+++ b/apps/docs/content/docs/components/breadcrumbs.mdx
@@ -293,13 +293,13 @@ You can customize the `Breadcrumbs` style by using the `classNames` prop and its
     },
     {
       attribute: "itemClasses",
-      type: "Record<\"base\" | \"item\" | \"separator\", string>",
+      type: "Partial<Record<\"base\" | \"item\" | \"separator\", string>>",
       description: "Allows to set custom class names for the breadcrumbs item slots.",
       default: "-"
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"list\" | \"ellipsis\" | \"separator\", string>",
+      type: "Partial<Record<\"base\" | \"list\" | \"ellipsis\" | \"separator\", string>>",
       description: "Allows to set custom class names for the breadcrumbs slots.",
       default: "-"
     }
@@ -397,7 +397,7 @@ You can customize the `Breadcrumbs` style by using the `classNames` prop and its
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"item\" | \"separator\", string>",
+      type: "Partial<Record<\"base\" | \"item\" | \"separator\", string>>",
       description: "Allows to set custom class names for the item slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/calendar.mdx b/apps/docs/content/docs/components/calendar.mdx
index fdb6f1cb08..dd7513bf8f 100644
--- a/apps/docs/content/docs/components/calendar.mdx
+++ b/apps/docs/content/docs/components/calendar.mdx
@@ -365,7 +365,7 @@ Here's the example to customize `topContent` and `bottomContent` to have some pr
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'prevButton' | 'nextButton' | 'headerWrapper' | 'header' | 'title' | 'content' | 'gridWrapper' | 'grid' | 'gridHeader' | 'gridHeaderRow' | 'gridHeaderCell' | 'gridBody' | 'gridBodyRow' | 'cell' | 'cellButton' | 'pickerWrapper' | 'pickerMonthList' | 'pickerYearList' | 'pickerHighlight' | 'pickerItem' | 'helperWrapper' | 'errorMessage', string>",
+      type: "Partial<Record<'base' | 'prevButton' | 'nextButton' | 'headerWrapper' | 'header' | 'title' | 'content' | 'gridWrapper' | 'grid' | 'gridHeader' | 'gridHeaderRow' | 'gridHeaderCell' | 'gridBody' | 'gridBodyRow' | 'cell' | 'cellButton' | 'pickerWrapper' | 'pickerMonthList' | 'pickerYearList' | 'pickerHighlight' | 'pickerItem' | 'helperWrapper' | 'errorMessage', string>>",
       description: "Allows to set custom class names for the calendar slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/card.mdx b/apps/docs/content/docs/components/card.mdx
index 062f500251..b66488ded8 100644
--- a/apps/docs/content/docs/components/card.mdx
+++ b/apps/docs/content/docs/components/card.mdx
@@ -205,7 +205,7 @@ You can use `Image` component as the cover of the card by taking it out of the `
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'header' | 'body' | 'footer', string>",
+      type: "Partial<Record<'base' | 'header' | 'body' | 'footer', string>>",
       description: "Allows to set custom class names for the card slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/checkbox-group.mdx b/apps/docs/content/docs/components/checkbox-group.mdx
index e98beb726c..51006395a3 100644
--- a/apps/docs/content/docs/components/checkbox-group.mdx
+++ b/apps/docs/content/docs/components/checkbox-group.mdx
@@ -217,7 +217,7 @@ In case you need to customize the checkbox even further, you can use the `useChe
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"wrapper\" | \"label\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"label\", string>>",
       description: "Allows to set custom class names for the checkbox group slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/checkbox.mdx b/apps/docs/content/docs/components/checkbox.mdx
index 93a59618c3..645970d3a6 100644
--- a/apps/docs/content/docs/components/checkbox.mdx
+++ b/apps/docs/content/docs/components/checkbox.mdx
@@ -252,7 +252,7 @@ In case you need to customize the checkbox even further, you can use the `useChe
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜ \"wrapper\"｜ \"icon\"｜ \"label\", string>",
+      type: "Partial<Record<\"base\"｜ \"wrapper\"｜ \"icon\"｜ \"label\", string>>",
       description: "Allows to set custom class names for the checkbox slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/chip.mdx b/apps/docs/content/docs/components/chip.mdx
index 1e9eaf3294..995c8e7fdb 100644
--- a/apps/docs/content/docs/components/chip.mdx
+++ b/apps/docs/content/docs/components/chip.mdx
@@ -157,7 +157,7 @@ You can customize the `Chip` component by passing custom Tailwind CSS classes to
     },
     {
       attribute: "classNames",
-      type: 'Record<"base" | "content" | "dot" | "avatar" | "closeButton", string>',
+      type: 'Partial<Record<"base" | "content" | "dot" | "avatar" | "closeButton", string>>',
       description: "Allows to set custom class names for the chip slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/circular-progress.mdx b/apps/docs/content/docs/components/circular-progress.mdx
index 0ef9d04f88..5cd363ba83 100644
--- a/apps/docs/content/docs/components/circular-progress.mdx
+++ b/apps/docs/content/docs/components/circular-progress.mdx
@@ -201,7 +201,7 @@ You can customize the `CircularProgress` component by passing custom Tailwind CS
     },
     {
       attribute: "classNames",
-      type: "Record<'base'｜'svgWrapper'｜'svg'｜'track'｜'indicator'｜'value'｜'label', string>",
+      type: "Partial<Record<'base'｜'svgWrapper'｜'svg'｜'track'｜'indicator'｜'value'｜'label', string>>",
       description: "Allows to set custom class names for the circular progress slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/date-range-picker.mdx b/apps/docs/content/docs/components/date-range-picker.mdx
index be73717ae2..8af5f67a73 100644
--- a/apps/docs/content/docs/components/date-range-picker.mdx
+++ b/apps/docs/content/docs/components/date-range-picker.mdx
@@ -628,7 +628,7 @@ You can customize the `DateRangePicker` component by passing custom Tailwind CSS
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"selectorButton\" | \"selectorIcon\" | \"popoverContent\" | \"calendar\" | \"calendarContent\" | \"timeInputLabel\" | \"timeInput\", string>",
+      type: "Partial<Record<\"base\" | \"selectorButton\" | \"selectorIcon\" | \"popoverContent\" | \"calendar\" | \"calendarContent\" | \"timeInputLabel\" | \"timeInput\", string>>",
       description: "Allows to set custom class names for the date-range-picker slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/drawer.mdx b/apps/docs/content/docs/components/drawer.mdx
index 0b41f99ba1..0772b43894 100644
--- a/apps/docs/content/docs/components/drawer.mdx
+++ b/apps/docs/content/docs/components/drawer.mdx
@@ -247,7 +247,7 @@ The Drawer component design is inspired by [Luma](https://x.com/LumaHQ).
     },
     {
       attribute: "classNames",
-      type: "Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>",
+      type: "Partial<Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>>",
       description: "Allows to set custom class names for the drawer slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/dropdown.mdx b/apps/docs/content/docs/components/dropdown.mdx
index 62bb65e018..2c49e73405 100644
--- a/apps/docs/content/docs/components/dropdown.mdx
+++ b/apps/docs/content/docs/components/dropdown.mdx
@@ -480,13 +480,13 @@ you to customize each item individually.
     },
     {
       attribute: "classNames",
-      type: "Record<base｜list｜emptyContent, string>",
+      type: "Partial<Record<'base'｜'list'｜'emptyContent', string>>",
       description: "Allows to set custom class names for the dropdown menu slots.",
       default: "-"
     },
     {
       attribute: "itemClasses",
-      type: "Record<base｜wrapper｜title｜description｜shortcut｜selectedIcon, string>",
+      type: "Partial<Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>",
       description: "Allows to set custom class names for the dropdown item slots.",
       default: "-"
     }
@@ -560,13 +560,13 @@ you to customize each item individually.
     },
     {
       attribute: "classNames",
-      type: "Record<base｜heading｜group｜divider, string>",
+      type: "Record<'base'｜'heading'｜'group'｜'divider', string>>",
       description: "Allows to set custom class names for the dropdown section slots.",
       default: "-"
     },
     {
       attribute: "itemClasses",
-      type: "Record<base｜wrapper｜title｜description｜shortcut｜selectedIcon, string>",
+      type: "Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>",
       description: "Allows to set custom class names for the dropdown item slots.",
       default: "-"
     }
@@ -705,7 +705,7 @@ you to customize each item individually.
     },
     {
       attribute: "classNames",
-      type: "Record<base｜wrapper｜title｜description｜shortcut｜selectedIcon, string>",
+      type: "Record<'base'｜'wrapper'｜'title'｜'description'｜'shortcut'｜'selectedIcon', string>>",
       description: "Allows to set custom class names for the dropdown item slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/image.mdx b/apps/docs/content/docs/components/image.mdx
index 3f88e447e4..7abed046c3 100644
--- a/apps/docs/content/docs/components/image.mdx
+++ b/apps/docs/content/docs/components/image.mdx
@@ -185,7 +185,7 @@ you can use it with NextUI `Image` component as well.
     },
     {
       attribute: "classNames",
-      type: 'Record<"img" | "wrapper" | "zoomedWrapper" | "blurredImg", string>',
+      type: 'Partial<Record<"img" | "wrapper" | "zoomedWrapper" | "blurredImg", string>>',
       description: "Allows to set custom class names for the image slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/input-otp.mdx b/apps/docs/content/docs/components/input-otp.mdx
index 9741205111..849f16745c 100644
--- a/apps/docs/content/docs/components/input-otp.mdx
+++ b/apps/docs/content/docs/components/input-otp.mdx
@@ -299,7 +299,7 @@ You can customize the styles of the `InputOtp` component using the `classNames`
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'inputWrapper' | 'input' | 'segmentWrapper' | 'segment' | 'caret' | 'passwordChar' | 'helperWrapper' | 'description' | 'errorMessage', string>",
+      type: "Partial<Record<'base' | 'inputWrapper' | 'input' | 'segmentWrapper' | 'segment' | 'caret' | 'passwordChar' | 'helperWrapper' | 'description' | 'errorMessage', string>>",
       description: "Allows to set custom class names for the Input slots.",
       default: "-"
     },
diff --git a/apps/docs/content/docs/components/input.mdx b/apps/docs/content/docs/components/input.mdx
index f42b3b750d..a7494a5247 100644
--- a/apps/docs/content/docs/components/input.mdx
+++ b/apps/docs/content/docs/components/input.mdx
@@ -342,7 +342,7 @@ In case you need to customize the input even further, you can use the `useInput`
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'label' | 'inputWrapper' | 'innerWrapper' | 'mainWrapper' | 'input' | 'clearButton' | 'helperWrapper' | 'description' | 'errorMessage', string>",
+      type: "Partial<Record<'base' | 'label' | 'inputWrapper' | 'innerWrapper' | 'mainWrapper' | 'input' | 'clearButton' | 'helperWrapper' | 'description' | 'errorMessage', string>>",
       description: "Allows to set custom class names for the Input slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/kbd.mdx b/apps/docs/content/docs/components/kbd.mdx
index 30f289fa79..d7c9f826e6 100644
--- a/apps/docs/content/docs/components/kbd.mdx
+++ b/apps/docs/content/docs/components/kbd.mdx
@@ -81,7 +81,7 @@ Keyboard key is a component to display which key or combination of keys performs
     },
     {
       attribute: "classNames",
-      type: 'Record<"base" | "abbr" | "content", string>',
+      type: 'Partial<Record<"base" | "abbr" | "content", string>>',
       description: "Allows to set custom class names for the keyboard key slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/listbox.mdx b/apps/docs/content/docs/components/listbox.mdx
index 52f9b92575..e6328a7e42 100644
--- a/apps/docs/content/docs/components/listbox.mdx
+++ b/apps/docs/content/docs/components/listbox.mdx
@@ -377,13 +377,13 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"list\" | \"emptyContent\", string>",
+      type: "Partial<Record<\"base\" | \"list\" | \"emptyContent\", string>>",
       description: "Allows to set custom class names for the listbox slots.",
       default: "-"
     },
     {
       attribute: "itemClasses",
-      type: "Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"selectedIcon\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"selectedIcon\", string>>",
       description: "Allows to set custom class names for the listbox item slots.",
       default: "-"
     }
@@ -451,13 +451,13 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"heading\" | \"group\" | \"divider\", string>",
+      type: "Partial<Record<\"base\" | \"heading\" | \"group\" | \"divider\", string>>",
       description: "Allows to set custom class names for the listbox section slots.",
       default: "-"
     },
     {
       attribute: "itemClasses",
-      type: "Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>>",
       description: "Allows to set custom class names for the listbox item slots.",
       default: "-"
     }
@@ -596,7 +596,7 @@ You can customize the `Listbox` items style by using the `itemClasses` prop and
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"title\" | \"description\" | \"shortcut\" | \"selectedIcon\", string>>",
       description: "Allows to set custom class names for the listbox item slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/modal.mdx b/apps/docs/content/docs/components/modal.mdx
index c17a18d4a2..3729e15df7 100644
--- a/apps/docs/content/docs/components/modal.mdx
+++ b/apps/docs/content/docs/components/modal.mdx
@@ -299,7 +299,7 @@ You can customize the `Modal` component by passing custom Tailwind CSS classes t
     },
     {
       attribute: "classNames",
-      type: "Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>",
+      type: "Partial<Record<'wrapper' | 'base' | 'backdrop' | 'header' | 'body' | 'footer' | 'closeButton', string>>",
       description: "Allows to set custom class names for the modal slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/navbar.mdx b/apps/docs/content/docs/components/navbar.mdx
index 4c8612baf0..f0ba7cbcb7 100644
--- a/apps/docs/content/docs/components/navbar.mdx
+++ b/apps/docs/content/docs/components/navbar.mdx
@@ -342,7 +342,7 @@ When the `NavbarItem` is active, it will have a `data-active` attribute. You can
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'wrapper' | 'brand' | 'content' | 'item' | 'toggle' | 'toggleIcon' | 'menu' | 'menuItem', string>",
+      type: "Partial<Record<'base' | 'wrapper' | 'brand' | 'content' | 'item' | 'toggle' | 'toggleIcon' | 'menu' | 'menuItem', string>>",
       description: "Allows to set custom class names for the navbar slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/pagination.mdx b/apps/docs/content/docs/components/pagination.mdx
index ddd1c69c9d..01d50ef228 100644
--- a/apps/docs/content/docs/components/pagination.mdx
+++ b/apps/docs/content/docs/components/pagination.mdx
@@ -294,7 +294,7 @@ your own implementation.
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'wrapper' | 'prev' | 'next' | 'item' | 'cursor' | 'forwardIcon' | 'ellipsis' | 'chevronNext', string>",
+      type: "Partial<Record<'base' | 'wrapper' | 'prev' | 'next' | 'item' | 'cursor' | 'forwardIcon' | 'ellipsis' | 'chevronNext', string>>",
       description: "Allows to set custom class names for the pagination slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/popover.mdx b/apps/docs/content/docs/components/popover.mdx
index 5f169afc0f..de4642d2f8 100644
--- a/apps/docs/content/docs/components/popover.mdx
+++ b/apps/docs/content/docs/components/popover.mdx
@@ -296,7 +296,7 @@ You can customize the `Popover` component by passing custom Tailwind CSS classes
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'trigger' | 'backdrop' | 'content', string>",
+      type: "Partial<Record<'base' | 'trigger' | 'backdrop' | 'content', string>>",
       description: "Allows to set custom class names for the popover slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/progress.mdx b/apps/docs/content/docs/components/progress.mdx
index bbc6172745..3a8a5a75a0 100644
--- a/apps/docs/content/docs/components/progress.mdx
+++ b/apps/docs/content/docs/components/progress.mdx
@@ -210,7 +210,7 @@ You can customize the `Progress` component by passing custom Tailwind CSS classe
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'labelWrapper' | 'label' | 'track' | 'value' | 'indicator', string>",
+      type: "Partial<Record<'base' | 'labelWrapper' | 'label' | 'track' | 'value' | 'indicator', string>>",
       description: "Allows to set custom class names for the progress slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/radio-group.mdx b/apps/docs/content/docs/components/radio-group.mdx
index 379936689a..329c63b500 100644
--- a/apps/docs/content/docs/components/radio-group.mdx
+++ b/apps/docs/content/docs/components/radio-group.mdx
@@ -259,7 +259,7 @@ In case you need to customize the radio group even further, you can use the `use
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"wrapper\" | \"label\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"label\", string>>",
       description: "Allows to set custom class names for the radio group slots.",
       default: "-"
     }
@@ -351,7 +351,7 @@ In case you need to customize the radio group even further, you can use the `use
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"wrapper\" | \"labelWrapper\" | \"label\" | \"control\" | \"description\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"labelWrapper\" | \"label\" | \"control\" | \"description\", string>>",
       description: "Allows to set custom class names for the radio slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/select.mdx b/apps/docs/content/docs/components/select.mdx
index 762e24dca7..570cfa86ca 100644
--- a/apps/docs/content/docs/components/select.mdx
+++ b/apps/docs/content/docs/components/select.mdx
@@ -623,7 +623,7 @@ the popover and listbox components.
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜ \"label\"｜ \"trigger\"｜ \"mainWrapper\" ｜ \"innerWrapper\"｜ \"selectorIcon\" ｜ \"value\" ｜ \"listboxWrapper\"｜ \"listbox\" ｜ \"popoverContent\" ｜ \"helperWrapper\" ｜ \"description\" ｜ \"errorMessage\", string>",
+      type: "Partial<Record<\"base\"｜ \"label\"｜ \"trigger\"｜ \"mainWrapper\" ｜ \"innerWrapper\"｜ \"selectorIcon\" ｜ \"value\" ｜ \"listboxWrapper\"｜ \"listbox\" ｜ \"popoverContent\" ｜ \"helperWrapper\" ｜ \"description\" ｜ \"errorMessage\", string>>",
       description: "Allows to set custom class names for the Select slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/skeleton.mdx b/apps/docs/content/docs/components/skeleton.mdx
index 9f772a21bb..80cfccd06a 100644
--- a/apps/docs/content/docs/components/skeleton.mdx
+++ b/apps/docs/content/docs/components/skeleton.mdx
@@ -96,7 +96,7 @@ You can use the `isLoaded` prop to stop the skeleton animation and show the chil
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"content\", string>",
+      type: "Partial<Record<\"base\" | \"content\", string>>",
       description: "Allows to set custom class names for the skeleton slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/snippet.mdx b/apps/docs/content/docs/components/snippet.mdx
index 9776a25a1f..7ea896ad1c 100644
--- a/apps/docs/content/docs/components/snippet.mdx
+++ b/apps/docs/content/docs/components/snippet.mdx
@@ -192,7 +192,7 @@ You can customize the copy and copied icons by using the `copyIcon` and `checkIc
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'content' | 'pre' | 'symbol' | 'copyButton' | 'checkIcon', string>",
+      type: "Partial<Record<'base' | 'content' | 'pre' | 'symbol' | 'copyButton' | 'checkIcon', string>>",
       description: "Allows to set custom class names for the snippet slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/spinner.mdx b/apps/docs/content/docs/components/spinner.mdx
index 2a7dd59ad9..ed37bcdd37 100644
--- a/apps/docs/content/docs/components/spinner.mdx
+++ b/apps/docs/content/docs/components/spinner.mdx
@@ -102,7 +102,7 @@ Spinner express an unspecified wait time or display the length of a process.
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜\"wrapper\"｜\"circle1\"｜\"circle2\"｜\"label\", string>",
+      type: "Partial<Record<\"base\"｜\"wrapper\"｜\"circle1\"｜\"circle2\"｜\"label\", string>>",
       description: "Allows to set custom class names for the spinner slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/switch.mdx b/apps/docs/content/docs/components/switch.mdx
index e0cb784da6..d36f2d0135 100644
--- a/apps/docs/content/docs/components/switch.mdx
+++ b/apps/docs/content/docs/components/switch.mdx
@@ -223,7 +223,7 @@ In case you need to customize the switch even further, you can use the `useSwitc
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜ \"wrapper\"｜ \"thumb\"｜ \"label\" ｜ \"startContent\" ｜ \"endContent\" ｜ \"thumbIcon\" , string>",
+      type: "Partial<Record<\"base\"｜ \"wrapper\"｜ \"thumb\"｜ \"label\" ｜ \"startContent\" ｜ \"endContent\" ｜ \"thumbIcon\" , string>>",
       description: "Allows to set custom class names for the switch slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/table.mdx b/apps/docs/content/docs/components/table.mdx
index 1ea4d1bd08..c7e699dd63 100644
--- a/apps/docs/content/docs/components/table.mdx
+++ b/apps/docs/content/docs/components/table.mdx
@@ -597,7 +597,7 @@ You can customize the `Table` component by passing custom Tailwind CSS classes t
     },
     {
       attribute: "classNames",
-      type: "Record<'base' | 'table' | 'thead' | 'tbody' | 'tfoot' | 'emptyWrapper' | 'loadingWrapper' | 'wrapper' | 'tr' | 'th' | 'td' | 'sortIcon', string>",
+      type: "Partial<Record<'base' | 'table' | 'thead' | 'tbody' | 'tfoot' | 'emptyWrapper' | 'loadingWrapper' | 'wrapper' | 'tr' | 'th' | 'td' | 'sortIcon', string>>",
       description: "Allows to set custom class names for the dropdown item slots.",
       default: "-"
     },
diff --git a/apps/docs/content/docs/components/tabs.mdx b/apps/docs/content/docs/components/tabs.mdx
index 69e9702f99..27cad0f5ca 100644
--- a/apps/docs/content/docs/components/tabs.mdx
+++ b/apps/docs/content/docs/components/tabs.mdx
@@ -343,7 +343,7 @@ You can customize the `Tabs` component by passing custom Tailwind CSS classes to
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜ \"tabList\"｜ \"tab\"｜ \"tabContent\"｜ \"cursor\" ｜ \"panel\", string>",
+      type: "Partial<Record<\"base\"｜ \"tabList\"｜ \"tab\"｜ \"tabContent\"｜ \"cursor\" ｜ \"panel\", string>>",
       description: "Allows to set custom class names for the card slots.",
       default: "-"
     },
diff --git a/apps/docs/content/docs/components/textarea.mdx b/apps/docs/content/docs/components/textarea.mdx
index 8b0edc7b67..af60a3a485 100644
--- a/apps/docs/content/docs/components/textarea.mdx
+++ b/apps/docs/content/docs/components/textarea.mdx
@@ -319,7 +319,7 @@ You can use the `value` and `onValueChange` properties to control the input valu
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"label\" | \"inputWrapper\" | \"innerWrapper\" | \"input\" | \"description\" | \"errorMessage\", string>",
+      type: "Partial<Record<\"base\" | \"label\" | \"inputWrapper\" | \"innerWrapper\" | \"input\" | \"description\" | \"errorMessage\", string>>",
       description: "Allows to set custom class names for the checkbox slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/time-input.mdx b/apps/docs/content/docs/components/time-input.mdx
index 38417e377d..ecd4346b2f 100644
--- a/apps/docs/content/docs/components/time-input.mdx
+++ b/apps/docs/content/docs/components/time-input.mdx
@@ -369,7 +369,7 @@ By default, `TimeInput` displays times in either 12 or 24 hour hour format depen
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"label\" | \"inputWrapper\" | \"innerWrapper\" | \"segment\" | \"helperWrapper\" | \"input\" | \"description\" | \"errorMessage\", string>",
+      type: "Partial<Record<\"base\" | \"label\" | \"inputWrapper\" | \"innerWrapper\" | \"segment\" | \"helperWrapper\" | \"input\" | \"description\" | \"errorMessage\", string>>",
       description: "Allows to set custom class names for the time input slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/tooltip.mdx b/apps/docs/content/docs/components/tooltip.mdx
index 3ef41a00da..3acd9a05bd 100644
--- a/apps/docs/content/docs/components/tooltip.mdx
+++ b/apps/docs/content/docs/components/tooltip.mdx
@@ -286,7 +286,7 @@ You can customize the `Tooltip` component by passing custom Tailwind CSS classes
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\"｜\"content\", string>",
+      type: "Partial<Record<\"base\"｜\"content\", string>>",
       description: "Allows to set custom class names for the tooltip slots.",
       default: "-"
     }
diff --git a/apps/docs/content/docs/components/user.mdx b/apps/docs/content/docs/components/user.mdx
index ba6b4254db..64309f6a67 100644
--- a/apps/docs/content/docs/components/user.mdx
+++ b/apps/docs/content/docs/components/user.mdx
@@ -100,7 +100,7 @@ Display user information with avatar and name.
     },
     {
       attribute: "classNames",
-      type: "Record<\"base\" | \"wrapper\" | \"name\" | \"description\", string>",
+      type: "Partial<Record<\"base\" | \"wrapper\" | \"name\" | \"description\", string>>",
       description: "Allows to set custom class names for the user slots.",
       default: "-"
     }