primevue 3.42.0 → 3.44.0

package/passthrough/tailwind/index.js

@@ -5,8 +5,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
 
     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',
@@ -96,7 +96,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             ]
           };
         },
-
         title: {
           "class": 'leading-none font-bold'
         },
@@ -110,7 +109,6 @@ this.primevue.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: {
           "class": 'inline-block'
         },
@@ -118,7 +116,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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: {
@@ -138,7 +135,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
               ]
             };
           },
-
           headerAction: function headerAction(_ref6) {
             var context = _ref6.context;
             return {
@@ -161,7 +157,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
               ]
             };
           },
-
           headerIcon: {
             "class": 'inline-block mr-2'
           },
@@ -172,7 +167,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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
         }
       },
@@ -183,7 +177,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           'dark:bg-gray-900 dark:text-white ' //dark
           ]
         },
-
         body: {
           "class": 'p-5'
         },
@@ -191,23 +184,19 @@ this.primevue.passthrough.tailwind = (function (exports) {
         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;
@@ -226,12 +215,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
             ]
           };
         },
-
         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',
@@ -239,7 +226,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           'dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' //dark
           ]
         },
-
         legend: function legend(_ref8) {
           var props = _ref8.props;
           return {
@@ -262,15 +248,12 @@ this.primevue.passthrough.tailwind = (function (exports) {
         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: {
@@ -299,23 +282,18 @@ this.primevue.passthrough.tailwind = (function (exports) {
             ]
           };
         },
-
         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;
@@ -325,7 +303,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }] // Margin and condition-based styles.
             };
           },
-
           headerAction: function headerAction(_ref12) {
             var parent = _ref12.parent,
               context = _ref12.context;
@@ -343,21 +320,17 @@ this.primevue.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.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;
@@ -800,13 +773,15 @@ this.primevue.passthrough.tailwind = (function (exports) {
           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: {
@@ -850,28 +825,130 @@ this.primevue.passthrough.tailwind = (function (exports) {
         },
         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'
+            };
           }
         }
       },
@@ -896,15 +973,19 @@ this.primevue.passthrough.tailwind = (function (exports) {
         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;
@@ -914,28 +995,39 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        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: {
@@ -1331,15 +1423,15 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        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;
@@ -2211,7 +2303,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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']
         },
@@ -2290,7 +2381,6 @@ this.primevue.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.d_activeIndex === context.index // Condition-based active styles.
             }],
-
             style: 'top:2px'
           };
         },
@@ -2353,7 +2443,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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']
         },
@@ -2675,7 +2764,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
         },
@@ -2691,7 +2779,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             ]
           };
         },
-
         gridbutton: function gridbutton(_ref128) {
           var props = _ref128.props;
           return {
@@ -2700,7 +2787,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         }
       },
-
       organizationchart: {
         table: {
           "class": 'mx-auto my-0 border-spacing-0 border-separate'
@@ -2712,7 +2798,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
         },
@@ -2720,7 +2805,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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 {
@@ -2748,7 +2832,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
         }
@@ -2851,12 +2934,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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 {
@@ -2966,12 +3047,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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 {
@@ -3163,12 +3242,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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',
@@ -3181,7 +3258,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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 {
@@ -3193,7 +3269,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-
         previouspagebutton: function previouspagebutton(_ref150) {
           var context = _ref150.context;
           return {
@@ -3205,7 +3280,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-
         nextpagebutton: function nextpagebutton(_ref151) {
           var context = _ref151.context;
           return {
@@ -3217,7 +3291,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-
         lastpagebutton: function lastpagebutton(_ref152) {
           var context = _ref152.context;
           return {
@@ -3229,7 +3302,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-
         pagebutton: function pagebutton(_ref153) {
           var context = _ref153.context;
           return {
@@ -3257,12 +3329,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-
           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']
           },
@@ -3270,7 +3340,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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'
           },
@@ -3315,12 +3384,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-
           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']
           },
@@ -3328,7 +3395,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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'
           },
@@ -3362,7 +3428,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
         },
@@ -3370,7 +3435,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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 {
@@ -3384,7 +3448,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
         },
@@ -3472,7 +3535,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
               ]
             };
           },
-
           sort: {
             "class": 'inline-block align-middle'
           },
@@ -3486,7 +3548,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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'
           },
@@ -3527,7 +3588,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
         },
@@ -3580,7 +3640,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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;
@@ -3600,7 +3659,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-
           headercontent: {
             "class": 'flex items-center'
           },
@@ -3641,7 +3699,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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'
           },
@@ -3649,7 +3706,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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'
@@ -3668,7 +3724,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             "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'
@@ -3748,7 +3803,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             '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
@@ -3757,7 +3811,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             '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
@@ -3766,7 +3819,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             'dark:text-white/70' // Dark Mode
             ]
           },
-
           radiobuttonwrapper: {
             "class": ['relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6']
           },
@@ -3833,7 +3885,6 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-
         rowexpansion: {
           "class": 'bg-white text-gray-600 dark:bg-gray-900 dark:text-white/80'
         },
@@ -3847,19 +3898,12 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "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'
-        }
       }
     };