primevue 3.42.0 → 3.44.0

package/passthrough/tailwind/index.cjs.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var TRANSITIONS = {
   toggleable: {
     enterFromClass: 'max-h-0',
@@ -95,7 +95,6 @@ var index = {
         ]
       };
     },
-
     title: {
       "class": 'leading-none font-bold'
     },
@@ -109,7 +108,6 @@ var index = {
       'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)]' // focus
       ]
     },
-
     togglerIcon: {
       "class": 'inline-block'
     },
@@ -117,7 +115,6 @@ var index = {
       "class": ['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: {
@@ -137,7 +134,6 @@ var index = {
           ]
         };
       },
-
       headerAction: function headerAction(_ref6) {
         var context = _ref6.context;
         return {
@@ -160,7 +156,6 @@ var index = {
           ]
         };
       },
-
       headerIcon: {
         "class": 'inline-block mr-2'
       },
@@ -171,7 +166,6 @@ var index = {
         "class": ['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
     }
   },
@@ -182,7 +176,6 @@ var index = {
       'dark:bg-gray-900 dark:text-white ' //dark
       ]
     },
-
     body: {
       "class": 'p-5'
     },
@@ -190,23 +183,19 @@ var index = {
     title: {
       "class": 'text-2xl font-bold mb-2' // Font size, font weight, and margin bottom.
     },
-
     subtitle: {
       "class": ['font-normal mb-2 text-gray-600',
       // Font weight, margin bottom, and text color.
       'dark:text-white/60 ' //dark
       ]
     },
-
     content: {
       "class": 'py-5' // Vertical padding.
     },
-
     footer: {
       "class": 'pt-5' // Top padding.
     }
   },
-
   divider: {
     root: function root(_ref7) {
       var props = _ref7.props;
@@ -225,12 +214,10 @@ var index = {
         ]
       };
     },
-
     content: {
       "class": 'px-1 bg-white z-10 dark:bg-gray-900' // Padding and background color.
     }
   },
-
   fieldset: {
     root: {
       "class": ['border border-gray-300 bg-white text-gray-700 rounded-md block mx-2 my-0.5 pl-4 pr-5 inline-size-min',
@@ -238,7 +225,6 @@ var index = {
       'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' //dark
       ]
     },
-
     legend: function legend(_ref8) {
       var props = _ref8.props;
       return {
@@ -261,15 +247,12 @@ var index = {
     togglerIcon: {
       "class": 'mr-2 inline-block' // Margin and display style.
     },
-
     legendTitle: {
       "class": 'flex items-center justify-center leading-none' // alignments, and leading style.
     },
-
     content: {
       "class": 'p-5' // Padding.
     },
-
     transition: TRANSITIONS.toggleable
   },
   scrollpanel: {
@@ -298,23 +281,18 @@ var index = {
         ]
       };
     },
-
     navContent: {
       "class": 'overflow-y-hidden overscroll-contain overscroll-auto scroll-smooth [&::-webkit-scrollbar]:hidden' // Overflow and scrollbar styles.
     },
-
     previousButton: {
       "class": ['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: {
       "class": ['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: {
       "class": ['flex flex-1 list-none m-0 p-0', 'bg-transparent border border-gray-300 border-0 border-b-2', 'dark:border-blue-900/40 dark:text-white/80 '] // Flex, list, margin, padding, and border styles.
     },
-
     tabpanel: {
       header: function header(_ref11) {
         var props = _ref11.props;
@@ -324,7 +302,6 @@ var index = {
           }] // Margin and condition-based styles.
         };
       },
-
       headerAction: function headerAction(_ref12) {
         var parent = _ref12.parent,
           context = _ref12.context;
@@ -342,21 +319,17 @@ var index = {
             // 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.d_activeIndex === context.index // Condition-based active styles.
           }],
-
           style: 'margin-bottom:-2px' // Negative margin style.
         };
       },
-
       headerTitle: {
         "class": ['leading-none whitespace-nowrap'] // Leading and whitespace styles.
       },
-
       content: {
         "class": ['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(_ref13) {
       var context = _ref13.context;
@@ -799,13 +772,15 @@ var index = {
       root: function root(_ref30) {
         var parent = _ref30.parent;
         return {
-          "class": ['w-16 !h-16 !rounded-full justify-center z-10', {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', 'w-16 !h-16 !rounded-full justify-center z-10', {
             'rotate-45': parent.state.d_visible
           }]
         };
       },
-      label: {
-        "class": 'hidden'
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
       }
     },
     menu: {
@@ -849,28 +824,130 @@ var index = {
     },
     button: {
       root: function root(_ref34) {
-        var parent = _ref34.parent;
+        var props = _ref34.props,
+          parent = _ref34.parent;
         return {
           "class": ['rounded-r-none border-r-0', {
             'rounded-l-full': parent.props.rounded
+          }, {
+            'text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': !parent.props.link && parent.props.severity === null && !parent.props.text && !parent.props.outlined && !parent.props.plain,
+            'text-blue-600 bg-transparent border-transparent focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': parent.props.link
+          }, {
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(176,185,198,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(203,213,225,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'secondary',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(136,234,172,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(134,239,172,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'success',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'info',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(250,207,133,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,211,77,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'warning',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(212,170,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(216,180,254,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'help',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(247,162,162,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,165,165,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'danger'
+          }, {
+            'text-white dark:text-gray-900 bg-gray-500 dark:bg-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-600 dark:hover:bg-gray-500 hover:border-gray-600 dark:hover:border-gray-500': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-green-500 dark:bg-green-400 border border-green-500 dark:border-green-400 hover:bg-green-600 dark:hover:bg-green-500 hover:border-green-600 dark:hover:border-green-500': props.severity === 'success' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 dark:bg-blue-400 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 hover:border-blue-600 dark:hover:bg-blue-500 dark:hover:border-blue-500': props.severity === 'info' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-orange-500 dark:bg-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-600 dark:hover:bg-orange-500 hover:border-orange-600 dark:hover:border-orange-500': props.severity === 'warning' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-purple-500 dark:bg-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-600 dark:hover:bg-purple-500 hover:border-purple-600 dark:hover:border-purple-500': props.severity === 'help' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-red-500 dark:bg-red-400 border border-red-500 dark:border-red-400 hover:bg-red-600 dark:hover:bg-red-500 hover:border-red-600 dark:hover:border-red-500': props.severity === 'danger' && !props.text && !props.outlined && !props.plain
+          }, {
+            'shadow-lg': props.raised
+          }, {
+            'rounded-md': !props.rounded,
+            'rounded-full': props.rounded
+          }, {
+            'bg-transparent border-transparent': props.text && !props.plain,
+            'text-blue-500 dark:text-blue-400 hover:bg-blue-300/20': props.text && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 hover:bg-gray-300/20': props.text && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 hover:bg-green-300/20': props.text && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 hover:bg-orange-300/20': props.text && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 hover:bg-purple-300/20': props.text && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 hover:bg-red-300/20': props.text && props.severity === 'danger' && !props.plain
+          }, {
+            'shadow-lg': props.raised && props.text
+          }, {
+            'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+            'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+            'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
+          }, {
+            'bg-transparent border': props.outlined && !props.plain,
+            'text-blue-500 dark:text-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-300/20': props.outlined && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-300/20': props.outlined && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 border border-green-500 dark:border-green-400 hover:bg-green-300/20': props.outlined && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-300/20': props.outlined && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-300/20': props.outlined && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 border border-red-500 dark:border-red-400 hover:bg-red-300/20': props.outlined && props.severity === 'danger' && !props.plain
+          }, {
+            'px-4 py-3 text-base': props.size === null,
+            'text-xs py-2 px-3': props.size === 'small',
+            'text-xl py-3 px-4': props.size === 'large'
           }]
         };
       },
-      icon: {
-        "class": 'mr-2'
+      icon: function icon() {
+        return {
+          "class": 'mr-2'
+        };
       }
     },
     menubutton: {
       root: function root(_ref35) {
-        var parent = _ref35.parent;
+        var props = _ref35.props,
+          parent = _ref35.parent;
         return {
           "class": ['rounded-l-none', {
             'rounded-r-full': parent.props.rounded
+          }, {
+            'text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': !parent.props.link && parent.props.severity === null && !parent.props.text && !parent.props.outlined && !parent.props.plain,
+            'text-blue-600 bg-transparent border-transparent focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': parent.props.link
+          }, {
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(176,185,198,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(203,213,225,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'secondary',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(136,234,172,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(134,239,172,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'success',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'info',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(250,207,133,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,211,77,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'warning',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(212,170,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(216,180,254,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'help',
+            'focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(247,162,162,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,165,165,0.7),0_1px_2px_0_rgba(0,0,0,0)]': props.severity === 'danger'
+          }, {
+            'text-white dark:text-gray-900 bg-gray-500 dark:bg-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-600 dark:hover:bg-gray-500 hover:border-gray-600 dark:hover:border-gray-500': props.severity === 'secondary' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-green-500 dark:bg-green-400 border border-green-500 dark:border-green-400 hover:bg-green-600 dark:hover:bg-green-500 hover:border-green-600 dark:hover:border-green-500': props.severity === 'success' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 dark:bg-blue-400 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 hover:border-blue-600 dark:hover:bg-blue-500 dark:hover:border-blue-500': props.severity === 'info' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-orange-500 dark:bg-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-600 dark:hover:bg-orange-500 hover:border-orange-600 dark:hover:border-orange-500': props.severity === 'warning' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-purple-500 dark:bg-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-600 dark:hover:bg-purple-500 hover:border-purple-600 dark:hover:border-purple-500': props.severity === 'help' && !props.text && !props.outlined && !props.plain,
+            'text-white dark:text-gray-900 bg-red-500 dark:bg-red-400 border border-red-500 dark:border-red-400 hover:bg-red-600 dark:hover:bg-red-500 hover:border-red-600 dark:hover:border-red-500': props.severity === 'danger' && !props.text && !props.outlined && !props.plain
+          }, {
+            'shadow-lg': props.raised
+          }, {
+            'rounded-md': !props.rounded,
+            'rounded-full': props.rounded
+          }, {
+            'bg-transparent border-transparent': props.text && !props.plain,
+            'text-blue-500 dark:text-blue-400 hover:bg-blue-300/20': props.text && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 hover:bg-gray-300/20': props.text && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 hover:bg-green-300/20': props.text && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 hover:bg-orange-300/20': props.text && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 hover:bg-purple-300/20': props.text && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 hover:bg-red-300/20': props.text && props.severity === 'danger' && !props.plain
+          }, {
+            'shadow-lg': props.raised && props.text
+          }, {
+            'text-gray-500 hover:bg-gray-300/20': props.plain && props.text,
+            'text-gray-500 border border-gray-500 hover:bg-gray-300/20': props.plain && props.outlined,
+            'text-white bg-gray-500 border border-gray-500 hover:bg-gray-600 hover:border-gray-600': props.plain && !props.outlined && !props.text
+          }, {
+            'bg-transparent border': props.outlined && !props.plain,
+            'text-blue-500 dark:text-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-300/20': props.outlined && (props.severity === null || props.severity === 'info') && !props.plain,
+            'text-gray-500 dark:text-gray-400 border border-gray-500 dark:border-gray-400 hover:bg-gray-300/20': props.outlined && props.severity === 'secondary' && !props.plain,
+            'text-green-500 dark:text-green-400 border border-green-500 dark:border-green-400 hover:bg-green-300/20': props.outlined && props.severity === 'success' && !props.plain,
+            'text-orange-500 dark:text-orange-400 border border-orange-500 dark:border-orange-400 hover:bg-orange-300/20': props.outlined && props.severity === 'warning' && !props.plain,
+            'text-purple-500 dark:text-purple-400 border border-purple-500 dark:border-purple-400 hover:bg-purple-300/20': props.outlined && props.severity === 'help' && !props.plain,
+            'text-red-500 dark:text-red-400 border border-red-500 dark:border-red-400 hover:bg-red-300/20': props.outlined && props.severity === 'danger' && !props.plain
+          }, {
+            'px-4 py-3 text-base': props.size === null,
+            'text-xs py-2 px-3': props.size === 'small',
+            'text-xl py-3 px-4': props.size === 'large'
           }]
         };
       },
-      label: {
-        "class": 'hidden'
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
       }
     }
   },
@@ -895,15 +972,19 @@ var index = {
     root: {
       "class": 'w-full inline-flex'
     },
-    input: function input(_ref37) {
-      var props = _ref37.props;
-      return {
-        "class": [{
-          'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked'
-        }, {
-          'order-2': props.buttonLayout == 'horizontal'
-        }]
-      };
+    input: {
+      root: function root(_ref37) {
+        var parent = _ref37.parent;
+        return {
+          "class": [
+          // { test: parent }
+          'm-0', 'font-sans text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 border border-gray-300 dark:border-blue-900/40 transition-colors duration-200 appearance-none rounded-lg', 'p-3 text-base', {
+            'rounded-tr-none rounded-br-none': parent.props.showButtons && parent.props.buttonLayout == 'stacked'
+          }, {
+            'order-2': parent.props.buttonLayout == 'horizontal'
+          }]
+        };
+      }
     },
     buttongroup: function buttongroup(_ref38) {
       var props = _ref38.props;
@@ -913,28 +994,39 @@ var index = {
         }]
       };
     },
-    incrementbutton: function incrementbutton(_ref39) {
-      var props = _ref39.props;
-      return {
-        "class": ['flex !items-center !justify-center', {
-          'rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
-        }, {
-          'order-3': props.buttonLayout == 'horizontal'
-        }]
-      };
-    },
-    label: {
-      "class": 'hidden'
+    incrementbutton: {
+      root: function root(_ref39) {
+        var parent = _ref39.parent;
+        return {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', {
+            'rounded-md rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': parent.props.showButtons && parent.props.buttonLayout == 'stacked'
+          }, {
+            'order-3 px-4 py-3 text-base rounded-md': parent.props.buttonLayout == 'horizontal'
+          }]
+        };
+      },
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
+      }
     },
-    decrementbutton: function decrementbutton(_ref40) {
-      var props = _ref40.props;
-      return {
-        "class": ['flex !items-center !justify-center', {
-          'rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
-        }, {
-          'order-1': props.buttonLayout == 'horizontal'
-        }]
-      };
+    decrementbutton: {
+      root: function root(_ref40) {
+        var parent = _ref40.parent;
+        return {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', {
+            'rounded-md rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': parent.props.showButtons && parent.props.buttonLayout == 'stacked'
+          }, {
+            'order-1 px-4 py-3 text-base rounded-md': parent.props.buttonLayout == 'horizontal'
+          }]
+        };
+      },
+      label: function label() {
+        return {
+          "class": 'hidden'
+        };
+      }
     }
   },
   knob: {
@@ -1330,15 +1422,15 @@ var index = {
         }]
       };
     },
-    dropdownbutton: function dropdownbutton(_ref68) {
-      var props = _ref68.props;
-      return {
-        root: {
-          "class": [{
-            'rounded-l-none': props.showIcon
+    dropdownbutton: {
+      root: function root(_ref68) {
+        var parent = _ref68.parent;
+        return {
+          "class": ['text-white dark:text-gray-900 bg-blue-500 dark:bg-blue-400 border border-blue-500 dark:border-blue-400 hover:bg-blue-600 dark:hover:bg-blue-500 hover:border-blue-600 dark:hover:border-blue-500 focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(157,193,251,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(147,197,253,0.7),0_1px_2px_0_rgba(0,0,0,0)]', 'flex items-center justify-center', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', 'px-4 py-3 text-base rounded-md', {
+            'rounded-l-none': parent.props.showIcon
           }]
-        }
-      };
+        };
+      }
     },
     panel: function panel(_ref69) {
       var props = _ref69.props;
@@ -2210,7 +2302,6 @@ var index = {
       "class": ['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)]' // Focus
       ]
     },
-
     headercontent: {
       "class": ['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']
     },
@@ -2289,7 +2380,6 @@ var index = {
           // 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.d_activeIndex === context.index // Condition-based active styles.
         }],
-
         style: 'top:2px'
       };
     },
@@ -2352,7 +2442,6 @@ var index = {
       "class": ['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: {
       "class": ['fixed top-0 left-0 w-full h-full', 'flex items-center justify-center', 'bg-black bg-opacity-90']
     },
@@ -2674,7 +2763,6 @@ var index = {
       "class": ['bg-white text-gray-700 border-0 p-0', 'dark:bg-gray-900 dark:text-white/80' // Dark Mode
       ]
     },
-
     grid: {
       "class": 'flex flex-wrap ml-0 mr-0 mt-0 bg-white dark:bg-gray-900'
     },
@@ -2690,7 +2778,6 @@ var index = {
         ]
       };
     },
-
     gridbutton: function gridbutton(_ref128) {
       var props = _ref128.props;
       return {
@@ -2699,7 +2786,6 @@ var index = {
       };
     }
   },
-
   organizationchart: {
     table: {
       "class": 'mx-auto my-0 border-spacing-0 border-separate'
@@ -2711,7 +2797,6 @@ var index = {
       "class": ['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: {
       "class": 'text-center align-top py-0 px-3'
     },
@@ -2719,7 +2804,6 @@ var index = {
       "class": ['mx-auto my-0 w-px h-[20px] bg-gray-300', 'dark:bg-blue-900/40' //Dark Mode
       ]
     },
-
     lineleft: function lineleft(_ref129) {
       var context = _ref129.context;
       return {
@@ -2747,7 +2831,6 @@ var index = {
       "class": ['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: {
       "class": 'relative inline-block w-4 h-4'
     }
@@ -2850,12 +2933,10 @@ var index = {
       "class": ['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: {
       "class": ['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(_ref135) {
       var context = _ref135.context;
       return {
@@ -2965,12 +3046,10 @@ var index = {
       "class": ['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
       ]
     },
-
     sourcelist: {
       "class": ['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(_ref140) {
       var context = _ref140.context;
       return {
@@ -3162,12 +3241,10 @@ var index = {
       "class": ['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: {
       "class": ['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: {
       enterFromClass: '!transition-none',
       enterActiveClass: '!transition-none',
@@ -3180,7 +3257,6 @@ var index = {
       "class": ['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(_ref149) {
       var context = _ref149.context;
       return {
@@ -3192,7 +3268,6 @@ var index = {
         }]
       };
     },
-
     previouspagebutton: function previouspagebutton(_ref150) {
       var context = _ref150.context;
       return {
@@ -3204,7 +3279,6 @@ var index = {
         }]
       };
     },
-
     nextpagebutton: function nextpagebutton(_ref151) {
       var context = _ref151.context;
       return {
@@ -3216,7 +3290,6 @@ var index = {
         }]
       };
     },
-
     lastpagebutton: function lastpagebutton(_ref152) {
       var context = _ref152.context;
       return {
@@ -3228,7 +3301,6 @@ var index = {
         }]
       };
     },
-
     pagebutton: function pagebutton(_ref153) {
       var context = _ref153.context;
       return {
@@ -3256,12 +3328,10 @@ var index = {
           }]
         };
       },
-
       input: {
         "class": ['font-sans text-base text-gray-600 p-3 m-0 rounded-md appearance-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: {
         "class": ['flex items-center justify-center shrink-0', 'text-gray-500 dark:text-white w-12 rounded-r-md']
       },
@@ -3269,7 +3339,6 @@ var index = {
         "class": ['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: {
         "class": 'overflow-auto'
       },
@@ -3314,12 +3383,10 @@ var index = {
           }]
         };
       },
-
       input: {
         "class": ['font-sans text-base text-gray-600 p-3 m-0 rounded-md appearance-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: {
         "class": ['flex items-center justify-center shrink-0', 'text-gray-500 dark:text-white w-12 rounded-r-md']
       },
@@ -3327,7 +3394,6 @@ var index = {
         "class": ['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: {
         "class": 'overflow-auto'
       },
@@ -3361,7 +3427,6 @@ var index = {
       "class": ['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: {
       "class": 'w-8 h-8'
     },
@@ -3369,7 +3434,6 @@ var index = {
       "class": ['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
       ]
     },
-
     wrapper: function wrapper(_ref159) {
       var props = _ref159.props;
       return {
@@ -3383,7 +3447,6 @@ var index = {
       "class": ['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: {
       "class": 'border-collapse table-fixed w-full'
     },
@@ -3471,7 +3534,6 @@ var index = {
           ]
         };
       },
-
       sort: {
         "class": 'inline-block align-middle'
       },
@@ -3485,7 +3547,6 @@ var index = {
         "class": ['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: {
         "class": 'block absolute top-0 right-0 m-0 w-2 h-full p-0 cursor-col-resize border border-transparent'
       },
@@ -3526,7 +3587,6 @@ var index = {
       "class": ['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: {
       "class": 'w-8 h-8'
     },
@@ -3579,7 +3639,6 @@ var index = {
       "class": ['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(_ref177) {
         var context = _ref177.context;
@@ -3599,7 +3658,6 @@ var index = {
           }]
         };
       },
-
       headercontent: {
         "class": 'flex items-center'
       },
@@ -3640,7 +3698,6 @@ var index = {
         "class": ['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: {
         "class": 'inline-flex items-center ml-auto'
       },
@@ -3648,7 +3705,6 @@ var index = {
         "class": ['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: {
           "class": 'min-[0px]:flex mb-2'
@@ -3667,7 +3723,6 @@ var index = {
         "class": ['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: {
           "class": 'min-[0px]:flex'
@@ -3747,7 +3802,6 @@ var index = {
         'dark:text-white/70' // Dark Mode
         ]
       },
-
       roweditorsavebutton: {
         "class": ['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
@@ -3756,7 +3810,6 @@ var index = {
         'dark:text-white/70' // Dark Mode
         ]
       },
-
       roweditorcancelbutton: {
         "class": ['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
@@ -3765,7 +3818,6 @@ var index = {
         'dark:text-white/70' // Dark Mode
         ]
       },
-
       radiobuttonwrapper: {
         "class": ['relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6']
       },
@@ -3832,7 +3884,6 @@ var index = {
         }]
       };
     },
-
     rowexpansion: {
       "class": 'bg-white text-gray-600 dark:bg-gray-900 dark:text-white/80'
     },
@@ -3846,19 +3897,12 @@ var index = {
       "class": ['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: {
       "class": 'inline-block w-4 h-4'
     },
     resizehelper: {
       "class": 'absolute hidden w-px z-10 bg-blue-500 dark:bg-blue-300'
     }
-  },
-  // CHART
-  chart: {
-    root: {
-      "class": 'relative'
-    }
   }
 };