primereact 10.6.6 → 10.8.0

package/passthrough/tailwind/index.esm.js

@@ -137,7 +137,6 @@ var Tailwind = {
         )
       };
     },
-
     title: 'leading-none font-bold',
     toggler: {
       className: classNames('inline-flex items-center justify-center overflow-hidden relative no-underline',
@@ -149,13 +148,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: {
@@ -171,7 +168,6 @@ var Tailwind = {
           )
         };
       },
-
       headerAction: function headerAction(_ref3) {
         var context = _ref3.context;
         return {
@@ -194,14 +190,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
     }
   },
@@ -212,7 +206,6 @@ var Tailwind = {
       'dark:bg-gray-900 dark:text-white ' //dark
       )
     },
-
     body: 'p-5',
     // Padding.
     title: 'text-2xl font-bold mb-2',
@@ -223,12 +216,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;
@@ -247,10 +238,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',
@@ -258,7 +247,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 {
@@ -308,21 +296,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;
@@ -332,7 +316,6 @@ var Tailwind = {
           }) // Margin and condition-based styles.
         };
       },
-
       headerAction: function headerAction(_ref9) {
         var parent = _ref9.parent,
           context = _ref9.context;
@@ -350,23 +333,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,
@@ -1041,7 +1020,6 @@ var Tailwind = {
         )
       };
     },
-
     cancelIcon: {
       className: classNames('text-red-500', 'w-5 h-5', 'transition duration-200 ease-in')
     },
@@ -2169,7 +2147,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')
     },
@@ -2197,7 +2174,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')
     },
@@ -2240,7 +2216,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'
         }
@@ -2390,7 +2365,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')
     },
@@ -2677,7 +2651,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'
   },
@@ -2689,7 +2662,6 @@ var Tailwind = {
         )
       };
     },
-
     gridButton: function gridButton(_ref137) {
       var props = _ref137.props;
       return {
@@ -2698,13 +2670,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'
   },
@@ -2715,13 +2685,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 {
@@ -2747,7 +2715,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: {
@@ -2850,12 +2817,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 {
@@ -2879,7 +2844,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveTopButton: {
@@ -2893,7 +2857,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveDownButton: {
@@ -2907,7 +2870,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveBottomButton: {
@@ -2921,7 +2883,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',
@@ -2929,12 +2890,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 {
@@ -2956,7 +2915,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveAllToTargetButton: {
@@ -2970,7 +2928,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveToSourceButton: {
@@ -2984,7 +2941,6 @@ var Tailwind = {
         'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' //Dark Mode
         )
       },
-
       label: 'flex-initial w-0'
     },
     moveAllToSourceButton: {
@@ -2998,7 +2954,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',
@@ -3007,12 +2962,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: {
@@ -3028,7 +2981,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 {
@@ -3040,7 +2992,6 @@ var Tailwind = {
         })
       };
     },
-
     prevPageButton: function prevPageButton(_ref147) {
       var context = _ref147.context;
       return {
@@ -3052,7 +3003,6 @@ var Tailwind = {
         })
       };
     },
-
     nextPageButton: function nextPageButton(_ref148) {
       var context = _ref148.context;
       return {
@@ -3064,7 +3014,6 @@ var Tailwind = {
         })
       };
     },
-
     lastPageButton: function lastPageButton(_ref149) {
       var context = _ref149.context;
       return {
@@ -3076,7 +3025,6 @@ var Tailwind = {
         })
       };
     },
-
     pageButton: function pageButton(_ref150) {
       var context = _ref150.context;
       return {
@@ -3104,12 +3052,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')
       },
@@ -3117,7 +3063,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) {
@@ -3156,12 +3101,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')
       },
@@ -3169,7 +3112,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) {
@@ -3199,13 +3141,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 {
@@ -3228,7 +3168,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;
@@ -3315,7 +3254,6 @@ var Tailwind = {
           )
         };
       },
-
       sort: {
         className: 'inline-block align-middle'
       },
@@ -3332,7 +3270,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')
@@ -3372,7 +3309,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;
@@ -3421,7 +3357,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,
@@ -3441,7 +3376,6 @@ var Tailwind = {
           })
         };
       },
-
       headerContent: 'flex items-center',
       bodyCell: function bodyCell(_ref176) {
         var props = _ref176.props,
@@ -3480,13 +3414,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'
       },
@@ -3501,7 +3433,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'
       },
@@ -3555,7 +3486,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
@@ -3564,7 +3494,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
@@ -3573,25 +3502,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
           })
         };
       },
@@ -3636,7 +3567,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')
@@ -3648,7 +3578,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'
   },