primereact 10.6.6 → 10.8.0

package/passthrough/tailwind/index.cjs.js

@@ -141,7 +141,6 @@ var Tailwind = {
         )
       };
     },
-
     title: 'leading-none font-bold',
     toggler: {
       className: classNames('inline-flex items-center justify-center overflow-hidden relative no-underline',
@@ -153,13 +152,11 @@ var Tailwind = {
       '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: {
@@ -175,7 +172,6 @@ var Tailwind = {
           )
         };
       },
-
       headerAction: function headerAction(_ref3) {
         var context = _ref3.context;
         return {
@@ -198,14 +194,12 @@ var Tailwind = {
           )
         };
       },
-
       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
     }
   },
@@ -216,7 +210,6 @@ var Tailwind = {
       'dark:bg-gray-900 dark:text-white ' //dark
       )
     },
-
     body: 'p-5',
     // Padding.
     title: 'text-2xl font-bold mb-2',
@@ -227,12 +220,10 @@ var Tailwind = {
       'dark:text-white/60 ' //dark
       )
     },
-
     content: 'py-5',
     // Vertical padding.
     footer: 'pt-5' // Top padding.
   },
-
   divider: {
     root: function root(_ref4) {
       var props = _ref4.props;
@@ -251,10 +242,8 @@ var Tailwind = {
         )
       };
     },
-
     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',
@@ -262,7 +251,6 @@ var Tailwind = {
       'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' //dark
       )
     },
-
     legend: function legend(_ref5) {
       var props = _ref5.props;
       return {
@@ -312,21 +300,17 @@ var Tailwind = {
         )
       };
     },
-
     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;
@@ -336,7 +320,6 @@ var Tailwind = {
           }) // Margin and condition-based styles.
         };
       },
-
       headerAction: function headerAction(_ref9) {
         var parent = _ref9.parent,
           context = _ref9.context;
@@ -354,23 +337,19 @@ var Tailwind = {
             // 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,
@@ -1045,7 +1024,6 @@ var Tailwind = {
         )
       };
     },
-
     cancelIcon: {
       className: classNames('text-red-500', 'w-5 h-5', 'transition duration-200 ease-in')
     },
@@ -2173,7 +2151,6 @@ var Tailwind = {
       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')
     },
@@ -2201,7 +2178,6 @@ var Tailwind = {
       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')
     },
@@ -2244,7 +2220,6 @@ var Tailwind = {
           // 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'
         }
@@ -2394,7 +2369,6 @@ var Tailwind = {
       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')
     },
@@ -2681,7 +2655,6 @@ var Tailwind = {
       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'
   },
@@ -2693,7 +2666,6 @@ var Tailwind = {
         )
       };
     },
-
     gridButton: function gridButton(_ref137) {
       var props = _ref137.props;
       return {
@@ -2702,13 +2674,11 @@ var Tailwind = {
       };
     }
   },
-
   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'
   },
@@ -2719,13 +2689,11 @@ var Tailwind = {
       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 {
@@ -2751,7 +2719,6 @@ var Tailwind = {
       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: {
@@ -2854,12 +2821,10 @@ var Tailwind = {
       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 {
@@ -2883,7 +2848,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveTopButton: {
@@ -2897,7 +2861,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveDownButton: {
@@ -2911,7 +2874,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveBottomButton: {
@@ -2925,7 +2887,6 @@ var Tailwind = {
         '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',
@@ -2933,12 +2894,10 @@ var Tailwind = {
       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 {
@@ -2960,7 +2919,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveAllToTargetButton: {
@@ -2974,7 +2932,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveToSourceButton: {
@@ -2988,7 +2945,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveAllToSourceButton: {
@@ -3002,7 +2958,6 @@ var Tailwind = {
         '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',
@@ -3011,12 +2966,10 @@ var Tailwind = {
       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: {
@@ -3032,7 +2985,6 @@ var Tailwind = {
       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 {
@@ -3044,7 +2996,6 @@ var Tailwind = {
         })
       };
     },
-
     prevPageButton: function prevPageButton(_ref147) {
       var context = _ref147.context;
       return {
@@ -3056,7 +3007,6 @@ var Tailwind = {
         })
       };
     },
-
     nextPageButton: function nextPageButton(_ref148) {
       var context = _ref148.context;
       return {
@@ -3068,7 +3018,6 @@ var Tailwind = {
         })
       };
     },
-
     lastPageButton: function lastPageButton(_ref149) {
       var context = _ref149.context;
       return {
@@ -3080,7 +3029,6 @@ var Tailwind = {
         })
       };
     },
-
     pageButton: function pageButton(_ref150) {
       var context = _ref150.context;
       return {
@@ -3108,12 +3056,10 @@ var Tailwind = {
           })
         };
       },
-
       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')
       },
@@ -3121,7 +3067,6 @@ var Tailwind = {
         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) {
@@ -3160,12 +3105,10 @@ var Tailwind = {
           })
         };
       },
-
       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')
       },
@@ -3173,7 +3116,6 @@ var Tailwind = {
         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) {
@@ -3203,13 +3145,11 @@ var Tailwind = {
       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 {
@@ -3232,7 +3172,6 @@ var Tailwind = {
       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;
@@ -3319,7 +3258,6 @@ var Tailwind = {
           )
         };
       },
-
       sort: {
         className: 'inline-block align-middle'
       },
@@ -3336,7 +3274,6 @@ var Tailwind = {
         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')
@@ -3376,7 +3313,6 @@ var Tailwind = {
       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;
@@ -3425,7 +3361,6 @@ var Tailwind = {
       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,
@@ -3445,7 +3380,6 @@ var Tailwind = {
           })
         };
       },
-
       headerContent: 'flex items-center',
       bodyCell: function bodyCell(_ref176) {
         var props = _ref176.props,
@@ -3484,13 +3418,11 @@ var Tailwind = {
         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'
       },
@@ -3505,7 +3437,6 @@ var Tailwind = {
         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'
       },
@@ -3559,7 +3490,6 @@ var Tailwind = {
         '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
@@ -3568,7 +3498,6 @@ var Tailwind = {
         '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
@@ -3577,25 +3506,27 @@ var Tailwind = {
         '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
           })
         };
       },
@@ -3640,7 +3571,6 @@ var Tailwind = {
         })
       };
     },
-
     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')
@@ -3652,7 +3582,6 @@ var Tailwind = {
       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'
   },