primereact 10.6.5 → 10.7.0

package/passthrough/tailwind/index.js

@@ -140,7 +140,6 @@ this.passthrough.tailwind = (function (exports) {
           )
         };
       },
-
       title: 'leading-none font-bold',
       toggler: {
         className: classNames('inline-flex items-center justify-center overflow-hidden relative no-underline',
@@ -152,13 +151,11 @@ this.passthrough.tailwind = (function (exports) {
         'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]' // focus
         )
       },
-
       togglerIcon: 'inline-block',
       content: {
         className: classNames('p-5 border border-gray-300 bg-white text-gray-700 border-t-0 last:rounded-br-lg last:rounded-bl-lg', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' // Dark mode
         )
       },
-
       transition: TRANSITIONS.toggleable
     },
     accordion: {
@@ -174,7 +171,6 @@ this.passthrough.tailwind = (function (exports) {
             )
           };
         },
-
         headerAction: function headerAction(_ref3) {
           var context = _ref3.context;
           return {
@@ -197,14 +193,12 @@ this.passthrough.tailwind = (function (exports) {
             )
           };
         },
-
         headerIcon: 'inline-block mr-2',
         headerTitle: 'leading-none',
         content: {
           className: classNames('p-5 border border-gray-300 bg-white text-gray-700 border-t-0 rounded-tl-none rounded-tr-none rounded-br-lg rounded-bl-lg', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' // Dark mode
           )
         },
-
         transition: TRANSITIONS.toggleable
       }
     },
@@ -215,7 +209,6 @@ this.passthrough.tailwind = (function (exports) {
         'dark:bg-gray-900 dark:text-white ' //dark
         )
       },
-
       body: 'p-5',
       // Padding.
       title: 'text-2xl font-bold mb-2',
@@ -226,12 +219,10 @@ this.passthrough.tailwind = (function (exports) {
         'dark:text-white/60 ' //dark
         )
       },
-
       content: 'py-5',
       // Vertical padding.
       footer: 'pt-5' // Top padding.
     },
-
     divider: {
       root: function root(_ref4) {
         var props = _ref4.props;
@@ -250,10 +241,8 @@ this.passthrough.tailwind = (function (exports) {
           )
         };
       },
-
       content: 'px-1 bg-white z-10 dark:bg-gray-900' // Padding and background color.
     },
-
     fieldset: {
       root: {
         className: classNames('border border-gray-300 bg-white text-gray-700 rounded-md block mx-2 my-0.5 pl-4 pr-5 inline-size-min',
@@ -261,7 +250,6 @@ this.passthrough.tailwind = (function (exports) {
         'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' //dark
         )
       },
-
       legend: function legend(_ref5) {
         var props = _ref5.props;
         return {
@@ -311,21 +299,17 @@ this.passthrough.tailwind = (function (exports) {
           )
         };
       },
-
       navContent: 'overflow-y-hidden overscroll-contain overscroll-auto scroll-smooth [&::-webkit-scrollbar]:hidden',
       // Overflow and scrollbar styles.
       previousButton: {
         className: classNames('h-full flex items-center justify-center !absolute top-0 z-20', 'left-0', 'bg-white text-blue-500 w-12 shadow-md rounded-none', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80 )') // Flex and absolute positioning styles.
       },
-
       nextButton: {
         className: classNames('h-full flex items-center justify-center !absolute top-0 z-20', 'right-0', 'bg-white text-blue-500 w-12 shadow-md rounded-none', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80 ') // Flex and absolute positioning styles.
       },
-
       nav: {
         className: classNames('flex flex-1 list-none m-0 p-0', 'bg-transparent border border-gray-300 border-0 border-b-2', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80 ') // Flex, list, margin, padding, and border styles.
       },
-
       tabpanel: {
         header: function header(_ref8) {
           var props = _ref8.props;
@@ -335,7 +319,6 @@ this.passthrough.tailwind = (function (exports) {
             }) // Margin and condition-based styles.
           };
         },
-
         headerAction: function headerAction(_ref9) {
           var parent = _ref9.parent,
             context = _ref9.context;
@@ -353,23 +336,19 @@ this.passthrough.tailwind = (function (exports) {
               // Condition-based hover styles.
               'bg-white border-blue-500 text-blue-500 dark:bg-gray-900 dark:border-blue-300 dark:text-blue-300': parent.state.activeIndex === context.index // Condition-based active styles.
             }),
-
             style: {
               marginBottom: '-2px'
             } // Negative margin style.
           };
         },
-
         headerTitle: {
           className: classNames('leading-none whitespace-nowrap') // Leading and whitespace styles.
         },
-
         content: {
           className: classNames('bg-white p-5 border-0 text-gray-700 rounded-bl-md rounded-br-md', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80') // Background, padding, border, and text styles.
         }
       }
     },
-
     splitter: {
       root: function root(_ref10) {
         var props = _ref10.props,
@@ -1044,7 +1023,6 @@ this.passthrough.tailwind = (function (exports) {
           )
         };
       },
-
       cancelIcon: {
         className: classNames('text-red-500', 'w-5 h-5', 'transition duration-200 ease-in')
       },
@@ -2172,7 +2150,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('outline-none', 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]', 'border border-solid border-gray-300 dark:border-blue-900/40 text-gray-700 dark:text-white/80 bg-gray-100 dark:bg-gray-900 rounded-md transition-shadow duration-200', 'hover:bg-gray-200 dark:hover:bg-gray-800/80  hover:text-gray-700 dark:hover:text-white/80' // Focus
         )
       },
-
       headerAction: {
         className: classNames('flex items-center select-none cursor-pointer relative no-underline', 'text-gray-700 dark:text-white/80 p-5 font-bold')
       },
@@ -2200,7 +2177,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('text-gray-700 dark:text-white/80 py-3 px-5 select-none', 'flex items-center cursor-pointer no-underline relative overflow-hidden', 'hover:bg-gray-200 dark:hover:bg-gray-800/80  hover:text-gray-700 dark:hover:text-white/80' // Hover
         )
       },
-
       icon: {
         className: classNames('mr-2')
       },
@@ -2243,7 +2219,6 @@ this.passthrough.tailwind = (function (exports) {
             // Condition-based hover styles.
             'bg-white border-blue-500 text-blue-500 dark:bg-gray-900 dark:border-blue-300 dark:text-blue-300': state.activeIndex === context.index // Condition-based active styles.
           }),
-
           style: {
             top: '2px'
           }
@@ -2393,7 +2368,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('absolute inset-0 flex items-center justify-center opacity-0 transition-opacity duration-300', 'bg-transparent text-gray-100', 'hover:opacity-100 hover:cursor-pointer hover:bg-black hover:bg-opacity-50' //Hover
         )
       },
-
       mask: {
         className: classNames('fixed top-0 left-0 w-full h-full', 'flex items-center justify-center', 'bg-black bg-opacity-90')
       },
@@ -2680,7 +2654,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('bg-white blue-gray-700 border-0 p-0', 'dark:bg-gray-900 dark:text-white/80' // Dark Mode
         )
       },
-
       grid: 'flex flex-wrap ml-0 mr-0 mt-0 bg-white dark:bg-gray-900',
       header: 'bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-white/80 border-gray-200 dark:border-blue-900/40 border-t border-b p-4 font-bold'
     },
@@ -2692,7 +2665,6 @@ this.passthrough.tailwind = (function (exports) {
           )
         };
       },
-
       gridButton: function gridButton(_ref137) {
         var props = _ref137.props;
         return {
@@ -2701,13 +2673,11 @@ this.passthrough.tailwind = (function (exports) {
         };
       }
     },
-
     datascroller: {
       content: {
         className: classNames('bg-white blue-gray-700 border-0 p-0', 'dark:bg-gray-900 dark:text-white/80' // Dark Mode
         )
       },
-
       grid: 'flex flex-wrap ml-0 mr-0 mt-0 bg-white dark:bg-gray-900',
       header: 'bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-white/80 border-gray-200 dark:border-blue-900/40 border-t border-b p-4 font-bold'
     },
@@ -2718,13 +2688,11 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('relative inline-block bg-white border border-gray-300 text-gray-600 p-5', 'dark:border-blue-900/40 dark:bg-gray-900 dark:text-white/80' // Dark Mode
         )
       },
-
       lineCell: 'text-center align-top py-0 px-3',
       lineDown: {
         className: classNames('mx-auto my-0 w-px h-[20px] bg-gray-300', 'dark:bg-blue-900/40' //Dark Mode
         )
       },
-
       lineLeft: function lineLeft(_ref138) {
         var context = _ref138.context;
         return {
@@ -2750,7 +2718,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('absolute bottom-[-0.75rem] left-2/4 -ml-3 w-6 h-6 bg-inherit text-inherit rounded-full z-2 cursor-pointer no-underline select-none', 'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]' // Focus styles
         )
       },
-
       nodeTogglerIcon: 'relative inline-block w-4 h-4'
     },
     orderlist: {
@@ -2853,12 +2820,10 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('bg-slate-50 text-slate-700 border border-gray-300 p-5 font-bold border-b-0 rounded-t-md', 'dark:bg-gray-900 dark:text-white/80 dark:border-blue-900/40' //Dark Mode
         )
       },
-
       list: {
         className: classNames('list-none m-0 p-0 overflow-auto min-h-[12rem] max-h-[24rem]', 'border border-gray-300 bg-white text-gray-600 py-3 px-0 rounded-b-md outline-none', 'dark:border-blue-900/40 dark:bg-gray-900 dark:text-white/80' //Dark Mode
         )
       },
-
       item: function item(_ref144) {
         var context = _ref144.context;
         return {
@@ -2882,7 +2847,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       moveTopButton: {
@@ -2896,7 +2860,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       moveDownButton: {
@@ -2910,7 +2873,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       moveBottomButton: {
@@ -2924,7 +2886,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       listWrapper: 'grow shrink basis-2/4',
@@ -2932,12 +2893,10 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('bg-slate-50 text-slate-700 border border-gray-300 p-5 font-bold border-b-0 rounded-t-md', 'dark:bg-gray-900 dark:text-white/80 dark:border-blue-900/40' //Dark Mode
         )
       },
-
       list: {
         className: classNames('list-none m-0 p-0 overflow-auto min-h-[12rem] max-h-[24rem]', 'border border-gray-300 bg-white text-gray-600 py-3 px-0 rounded-b-md outline-none', 'dark:border-blue-900/40 dark:bg-gray-900 dark:text-white/80' //Dark Mode
         )
       },
-
       item: function item(_ref145) {
         var context = _ref145.context;
         return {
@@ -2959,7 +2918,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       moveAllToTargetButton: {
@@ -2973,7 +2931,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       moveToSourceButton: {
@@ -2987,7 +2944,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       moveAllToSourceButton: {
@@ -3001,7 +2957,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
           )
         },
-
         label: 'flex-initial w-0'
       },
       targetcontrols: 'flex flex-col justify-center p-5',
@@ -3010,12 +2965,10 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('bg-slate-50 text-slate-700 border border-gray-300 p-5 font-bold border-b-0 rounded-t-md', 'dark:bg-gray-900 dark:text-white/80 dark:border-blue-900/40' //Dark Mode
         )
       },
-
       targetlist: {
         className: classNames('list-none m-0 p-0 overflow-auto min-h-[12rem] max-h-[24rem]', 'border border-gray-300 bg-white text-gray-600 py-3 px-0 rounded-b-md outline-none', 'dark:border-blue-900/40 dark:bg-gray-900 dark:text-white/80' //Dark Mode
         )
       },
-
       transition: {
         timeout: 0,
         classNames: {
@@ -3031,7 +2984,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('flex items-center justify-center flex-wrap', 'bg-white text-gray-500 border-0 px-4 py-2 rounded-md', 'dark:bg-gray-900 dark:text-white/60 dark:border-blue-900/40' // Dark Mode
         )
       },
-
       firstPageButton: function firstPageButton(_ref146) {
         var context = _ref146.context;
         return {
@@ -3043,7 +2995,6 @@ this.passthrough.tailwind = (function (exports) {
           })
         };
       },
-
       prevPageButton: function prevPageButton(_ref147) {
         var context = _ref147.context;
         return {
@@ -3055,7 +3006,6 @@ this.passthrough.tailwind = (function (exports) {
           })
         };
       },
-
       nextPageButton: function nextPageButton(_ref148) {
         var context = _ref148.context;
         return {
@@ -3067,7 +3017,6 @@ this.passthrough.tailwind = (function (exports) {
           })
         };
       },
-
       lastPageButton: function lastPageButton(_ref149) {
         var context = _ref149.context;
         return {
@@ -3079,7 +3028,6 @@ this.passthrough.tailwind = (function (exports) {
           })
         };
       },
-
       pageButton: function pageButton(_ref150) {
         var context = _ref150.context;
         return {
@@ -3107,12 +3055,10 @@ this.passthrough.tailwind = (function (exports) {
             })
           };
         },
-
         input: {
           className: classNames('font-sans text-base text-gray-600 p-3 m-0 rounded-md apperance-none', 'block whitespace-nowrap overflow-hidden flex-auto w-[1%] cursor-pointer text-ellipsis border-0 pr-0', 'focus:outline-none focus:outline-offset-0', 'dark:text-white' //Dark Mode
           )
         },
-
         trigger: {
           className: classNames('flex items-center justify-center shrink-0', 'text-gray-500 dark:text-white w-12 rounded-r-md')
         },
@@ -3120,7 +3066,6 @@ this.passthrough.tailwind = (function (exports) {
           className: classNames('bg-white text-gray-600 border-0 rounded-md shadow-[0_2px_12px_rgba(0,0,0,0.1)]', 'dark:bg-gray-900 dark:text-white/80 dark:border-blue-900/40' //Dark Mode
           )
         },
-
         wrapper: 'overflow-auto',
         list: 'm-0 p-0 py-3 list-none',
         item: function item(_ref152) {
@@ -3159,12 +3104,10 @@ this.passthrough.tailwind = (function (exports) {
             })
           };
         },
-
         input: {
           className: classNames('font-sans text-base text-gray-600 p-3 m-0 rounded-md apperance-none', 'block whitespace-nowrap overflow-hidden flex-auto w-[1%] cursor-pointer text-ellipsis border-0 pr-0', 'focus:outline-none focus:outline-offset-0', 'dark:text-white' //Dark Mode
           )
         },
-
         trigger: {
           className: classNames('flex items-center justify-center shrink-0', 'text-gray-500 dark:text-white w-12 rounded-r-md')
         },
@@ -3172,7 +3115,6 @@ this.passthrough.tailwind = (function (exports) {
           className: classNames('bg-white text-gray-600 border-0 rounded-md shadow-[0_2px_12px_rgba(0,0,0,0.1)]', 'dark:bg-gray-900 dark:text-white/80 dark:border-blue-900/40' //Dark Mode
           )
         },
-
         wrapper: 'overflow-auto',
         list: 'm-0 p-0 py-3 list-none',
         item: function item(_ref154) {
@@ -3202,13 +3144,11 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('fixed w-full h-full t-0 l-0 bg-gray-100/40', 'transition duration-200', 'absolute flex items-center justify-center z-2', 'dark:bg-gray-950/40' // Dark Mode
         )
       },
-
       loadingIcon: 'w-8 h-8',
       header: {
         className: classNames('bg-slate-50 text-slate-700 border border-x-0 border-t-0 border-gray-300 p-4 font-bold', 'dark:bg-gray-900 dark:text-white/70 dark:border-blue-900/40' // Dark Mode
         )
       },
-
       scrollableWrapper: function scrollableWrapper(_ref156) {
         var props = _ref156.props;
         return {
@@ -3231,7 +3171,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('bg-slate-50 text-slate-700 border border-x-0 border-t-0 border-gray-300 p-4 font-bold', 'dark:bg-gray-900 dark:text-white/70 dark:border-blue-900/40' // Dark Mode
         )
       },
-
       table: 'border-collapse table-fixed w-full',
       thead: function thead(_ref158) {
         var props = _ref158.props;
@@ -3318,7 +3257,6 @@ this.passthrough.tailwind = (function (exports) {
             )
           };
         },
-
         sort: {
           className: 'inline-block align-middle'
         },
@@ -3335,7 +3273,6 @@ this.passthrough.tailwind = (function (exports) {
           className: classNames('h-[1.143rem] min-w-[1.143rem] leading-[1.143rem] text-blue-700 bg-blue-50 ml-2 rounded-[50%]', 'dark:text-white/80 dark:bg-blue-500/40' // Dark Mode
           )
         },
-
         columnResizer: 'block absolute top-0 right-0 m-0 w-2 h-full p-0 cursor-col-resize border border-transparent',
         checkboxWrapper: {
           className: classNames('cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6 mr-2')
@@ -3375,7 +3312,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('fixed w-full h-full t-0 l-0 bg-gray-100/40', 'transition duration-200', 'absolute flex items-center justify-center z-2', 'dark:bg-gray-950/40' // Dark Mode
         )
       },
-
       loadingIcon: 'w-8 h-8',
       wrapper: function wrapper(_ref170) {
         var props = _ref170.props;
@@ -3424,7 +3360,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('bg-slate-50 text-slate-700 border-t-0 border-b border-x-0 border-gray-300 font-bold p-4', 'dark:border-blue-900/40 dark:text-white/80 dark:bg-gray-900' // Dark Mode
         )
       },
-
       column: {
         headerCell: function headerCell(_ref175) {
           var context = _ref175.context,
@@ -3444,7 +3379,6 @@ this.passthrough.tailwind = (function (exports) {
             })
           };
         },
-
         headerContent: 'flex items-center',
         bodyCell: function bodyCell(_ref176) {
           var props = _ref176.props,
@@ -3483,13 +3417,11 @@ this.passthrough.tailwind = (function (exports) {
           className: classNames('flex items-center justify-center align-middle', 'rounded-[50%] w-[1.143rem] leading-[1.143rem] ml-2', 'text-blue-700 bg-blue-50', 'dark:text-white/80 dark:bg-blue-400' // Dark Mode
           )
         },
-
         columnFilter: 'inline-flex items-center ml-auto',
         filterOverlay: {
           className: classNames('bg-white text-gray-600 border-0 rounded-md min-w-[12.5rem]', 'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' //Dark Mode
           )
         },
-
         filterMatchModeDropdown: {
           root: 'min-[0px]:flex mb-2'
         },
@@ -3504,7 +3436,6 @@ this.passthrough.tailwind = (function (exports) {
           className: classNames('px-5 py-3 border-b border-solid border-gray-300 text-slate-700 bg-slate-50 rounded-t-md', 'dark:border-blue-900/40 dark:text-white/80 dark:bg-gray-900' // Dark Mode
           )
         },
-
         filterOperatorDropdown: {
           root: 'min-[0px]:flex'
         },
@@ -3558,7 +3489,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:text-white/70' // Dark Mode
           )
         },
-
         rowEditorSaveButton: {
           className: classNames('inline-flex items-center justify-center overflow-hidden relative', 'text-left cursor-pointer select-none', 'w-8 h-8 border-0 rounded-[50%]', 'transition duration-200', 'text-slate-700 border-transparent', 'focus:outline-0 focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]',
           //Focus
@@ -3567,7 +3497,6 @@ this.passthrough.tailwind = (function (exports) {
           'dark:text-white/70' // Dark Mode
           )
         },
-
         rowEditorCancelButton: {
           className: classNames('inline-flex items-center justify-center overflow-hidden relative', 'text-left cursor-pointer select-none', 'w-8 h-8 border-0 rounded-[50%]', 'transition duration-200', 'text-slate-700 border-transparent', 'focus:outline-0 focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]',
           //Focus
@@ -3576,25 +3505,27 @@ this.passthrough.tailwind = (function (exports) {
           'dark:text-white/70' // Dark Mode
           )
         },
-
-        radiobuttonwrapper: {
+        radioButton: {
           className: classNames('relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6')
         },
-        radiobutton: function radiobutton(_ref182) {
+        radioButtonInput: {
+          className: classNames('w-full h-full top-0 left-0 absolute appearance-none select-none', 'p-0 m-0 opacity-0 z-[1] rounded-[50%] outline-none', 'cursor-pointer peer')
+        },
+        radioButtonBox: function radioButtonBox(_ref182) {
           var context = _ref182.context;
           return {
-            className: classNames('flex justify-center items-center', 'border-2 w-6 h-6 text-gray-700 rounded-full transition duration-200 ease-in-out', context.checked ? 'border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400' : 'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900', {
-              'hover:border-blue-500 dark:hover:border-blue-400 focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]': !context.disabled,
+            className: classNames('flex items-center justify-center', 'h-6 w-6 rounded-full border-2 text-gray-700 transition duration-200 ease-in-out', context.checked ? 'border-blue-500 bg-blue-500 dark:border-blue-400 dark:bg-blue-400 peer-hover:bg-blue-700 peer-hover:border-blue-700' : 'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900 peer-hover:border-blue-500', {
+              'hover:border-blue-500 focus:shadow-input-focus focus:outline-none focus:outline-offset-0 dark:hover:border-blue-400 dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]': !context.disabled,
               'cursor-default opacity-60': context.disabled
             })
           };
         },
-        radiobuttonicon: function radiobuttonicon(_ref183) {
+        radioButtonIcon: function radioButtonIcon(_ref183) {
           var context = _ref183.context;
           return {
-            className: classNames('transform rounded-full', 'block w-3 h-3 transition duration-200 bg-white dark:bg-gray-900', {
+            className: classNames('transform rounded-full', 'block h-3 w-3 bg-white transition duration-200 dark:bg-gray-900', {
               'backface-hidden scale-10 invisible': context.checked === false,
-              'transform scale-100 visible': context.checked === true
+              'visible scale-100 transform': context.checked === true
             })
           };
         },
@@ -3639,7 +3570,6 @@ this.passthrough.tailwind = (function (exports) {
           })
         };
       },
-
       rowExpansion: 'bg-white text-gray-600 dark:bg-gray-900 dark:text-white/80',
       rowGroupHeader: {
         className: classNames('sticky z-[1]', 'bg-white text-gray-600', 'transition duration-200')
@@ -3651,7 +3581,6 @@ this.passthrough.tailwind = (function (exports) {
         className: classNames('text-left m-0 p-0 cursor-pointer select-none', 'inline-flex items-center justify-center overflow-hidden relative', 'w-8 h-8 text-gray-500 border-0 bg-transparent rounded-[50%]', 'transition duration-200', 'dark:text-white/70' // Dark Mode
         )
       },
-
       rowgrouptogglericon: 'inline-block w-4 h-4',
       resizeHelper: 'absolute hidden w-px z-10 bg-blue-500 dark:bg-blue-300'
     },