primevue 3.32.0 → 3.32.2

package/core/core.js

@@ -1912,17 +1912,54 @@ this.primevue.basedirective = (function (base, utils, vue) {
           } : value;
         };
         var datasetPrefix = 'data-pc-';
-        var self = getValue(obj, key, params);
-        var globalPT = searchInDefaultPT ? getValue(instance.defaultPT, key, params) : undefined;
+        var self = BaseDirective._usePT(BaseDirective._getPT(obj, instance.$name), getValue, key, params);
+        var globalPT = searchInDefaultPT ? BaseDirective._useDefaultPT(instance.defaultPT, getValue, key, params) : undefined;
         var merged = vue.mergeProps(self, globalPT, _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), utils.ObjectUtils.toFlatCase(instance.$name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.toFlatCase(key))));
         return merged;
       },
+      _getPT: function _getPT(pt) {
+        var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+        var callback = arguments.length > 2 ? arguments[2] : undefined;
+        var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
+        var getValue = function getValue(value) {
+          var _computedValue$Object;
+          var computedValue = callback ? callback(value) : value;
+          return (_computedValue$Object = computedValue === null || computedValue === void 0 ? void 0 : computedValue[utils.ObjectUtils.toFlatCase(key)]) !== null && _computedValue$Object !== void 0 ? _computedValue$Object : computedValue;
+        };
+        return utils.ObjectUtils.isNotEmpty(_usept) ? {
+          _usept: _usept,
+          originalValue: getValue(pt.originalValue),
+          value: getValue(pt.value)
+        } : getValue(pt);
+      },
+      _usePT: function _usePT(pt, callback, key, params) {
+        var fn = function fn(value) {
+          return callback(value, key, params);
+        };
+        if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
+          var _pt$_usept = pt['_usept'],
+            merge = _pt$_usept.merge,
+            useMergeProps = _pt$_usept.useMergeProps;
+          var originalValue = fn(pt.originalValue);
+          var value = fn(pt.value);
+          if (originalValue === undefined && value === undefined) return undefined;else if (utils.ObjectUtils.isString(value)) return value;else if (utils.ObjectUtils.isString(originalValue)) return originalValue;
+          return merge ? useMergeProps ? vue.mergeProps(originalValue, value) : _objectSpread(_objectSpread({}, originalValue), value) : value;
+        }
+        return fn(pt);
+      },
+      _useDefaultPT: function _useDefaultPT() {
+        var defaultPT = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var callback = arguments.length > 1 ? arguments[1] : undefined;
+        var key = arguments.length > 2 ? arguments[2] : undefined;
+        var params = arguments.length > 3 ? arguments[3] : undefined;
+        return BaseDirective._usePT(defaultPT, callback, key, params);
+      },
       _hook: function _hook(directiveName, hookName, el, binding, vnode, prevVnode) {
         var _binding$instance, _binding$value, _config$pt;
         var name = "on".concat(utils.ObjectUtils.toCapitalCase(hookName));
         var config = binding === null || binding === void 0 || (_binding$instance = binding.instance) === null || _binding$instance === void 0 || (_binding$instance = _binding$instance.$primevue) === null || _binding$instance === void 0 ? void 0 : _binding$instance.config;
-        var selfHook = binding === null || binding === void 0 || (_binding$value = binding.value) === null || _binding$value === void 0 || (_binding$value = _binding$value.pt) === null || _binding$value === void 0 || (_binding$value = _binding$value.hooks) === null || _binding$value === void 0 ? void 0 : _binding$value[name];
-        var globalHook = config === null || config === void 0 || (_config$pt = config.pt) === null || _config$pt === void 0 || (_config$pt = _config$pt.directives) === null || _config$pt === void 0 || (_config$pt = _config$pt[directiveName]) === null || _config$pt === void 0 || (_config$pt = _config$pt.hooks) === null || _config$pt === void 0 ? void 0 : _config$pt[name];
+        var selfHook = BaseDirective._usePT(BaseDirective._getPT(binding === null || binding === void 0 || (_binding$value = binding.value) === null || _binding$value === void 0 ? void 0 : _binding$value.pt, directiveName), BaseDirective._getOptionValue, "hooks.".concat(name));
+        var defaultHook = BaseDirective._useDefaultPT(config === null || config === void 0 || (_config$pt = config.pt) === null || _config$pt === void 0 || (_config$pt = _config$pt.directives) === null || _config$pt === void 0 ? void 0 : _config$pt[directiveName], BaseDirective._getOptionValue, "hooks.".concat(name));
         var options = {
           el: el,
           binding: binding,
@@ -1930,12 +1967,12 @@ this.primevue.basedirective = (function (base, utils, vue) {
           prevVnode: prevVnode
         };
         selfHook === null || selfHook === void 0 ? void 0 : selfHook(el === null || el === void 0 ? void 0 : el.$instance, options);
-        globalHook === null || globalHook === void 0 ? void 0 : globalHook(el === null || el === void 0 ? void 0 : el.$instance, options);
+        defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook(el === null || el === void 0 ? void 0 : el.$instance, options);
       },
       _extend: function _extend(name) {
         var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var handleHook = function handleHook(hook, el, binding, vnode, prevVnode) {
-          var _binding$instance2, _config$pt2, _el$$instance$hook, _el$$instance5;
+          var _binding$instance2, _el$$instance$hook, _el$$instance5;
           el._$instances = el._$instances || {};
           var config = binding === null || binding === void 0 || (_binding$instance2 = binding.instance) === null || _binding$instance2 === void 0 || (_binding$instance2 = _binding$instance2.$primevue) === null || _binding$instance2 === void 0 ? void 0 : _binding$instance2.config;
           var $prevInstance = el._$instances[name] || {};
@@ -1953,7 +1990,10 @@ this.primevue.basedirective = (function (base, utils, vue) {
             }, options === null || options === void 0 ? void 0 : options.css),
             $config: config,
             /* computed instance variables */
-            defaultPT: config === null || config === void 0 || (_config$pt2 = config.pt) === null || _config$pt2 === void 0 || (_config$pt2 = _config$pt2.directives) === null || _config$pt2 === void 0 ? void 0 : _config$pt2[name],
+            defaultPT: BaseDirective._getPT(config === null || config === void 0 ? void 0 : config.pt, undefined, function (value) {
+              var _value$directives;
+              return value === null || value === void 0 || (_value$directives = value.directives) === null || _value$directives === void 0 ? void 0 : _value$directives[name];
+            }),
             isUnstyled: el.unstyled !== undefined ? el.unstyled : config === null || config === void 0 ? void 0 : config.unstyled,
             /* instance's methods */
             ptm: function ptm() {
@@ -2216,7 +2256,7 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
     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); }
     var inlineStyles = {};
-    var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+    var buttonStyles = "\n.p-button {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
     var checkboxStyles = "\n.p-checkbox {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n    position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n    cursor: default;\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n";
     var inputTextStyles = "\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n    top: -.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .input:-webkit-autofill ~ label {\n    top: -20px;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > i,\n.p-input-icon-right > svg {\n    position: absolute;\n    top: 50%;\n    margin-top: -.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
     var radioButtonStyles = "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: bottom;\n}\n\n.p-radiobutton.p-radiobutton-disabled {\n    cursor: default;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.p-radiobutton-icon {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(.1);\n    border-radius: 50%;\n    visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n    transform: translateZ(0) scale(1.0, 1.0);\n    visibility: visible;\n}\n";
@@ -2265,17 +2305,23 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
         }
       },
       beforeCreate: function beforeCreate() {
-        var _this$pt, _this$pt$onBeforeCrea, _this$$primevue, _this$$primevue$onBef;
-        (_this$pt = this.pt) === null || _this$pt === void 0 || (_this$pt = _this$pt.hooks) === null || _this$pt === void 0 || (_this$pt$onBeforeCrea = _this$pt['onBeforeCreate']) === null || _this$pt$onBeforeCrea === void 0 ? void 0 : _this$pt$onBeforeCrea.call(_this$pt);
-        (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue[this.$.type.name]) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.hooks) === null || _this$$primevue === void 0 || (_this$$primevue$onBef = _this$$primevue['onBeforeCreate']) === null || _this$$primevue$onBef === void 0 ? void 0 : _this$$primevue$onBef.call(_this$$primevue);
+        var _this$pt, _this$pt2, _this$pt3, _ref, _ref$onBeforeCreate, _this$$config3, _this$$primevue, _this$$primevue2, _this$$primevue3, _ref2, _ref2$onBeforeCreate;
+        var _usept = (_this$pt = this.pt) === null || _this$pt === void 0 ? void 0 : _this$pt['_usept'];
+        var originalValue = _usept ? (_this$pt2 = this.pt) === null || _this$pt2 === void 0 || (_this$pt2 = _this$pt2.originalValue) === null || _this$pt2 === void 0 ? void 0 : _this$pt2[this.$.type.name] : undefined;
+        var value = _usept ? (_this$pt3 = this.pt) === null || _this$pt3 === void 0 || (_this$pt3 = _this$pt3.value) === null || _this$pt3 === void 0 ? void 0 : _this$pt3[this.$.type.name] : this.pt;
+        (_ref = value || originalValue) === null || _ref === void 0 || (_ref = _ref.hooks) === null || _ref === void 0 || (_ref$onBeforeCreate = _ref['onBeforeCreate']) === null || _ref$onBeforeCreate === void 0 ? void 0 : _ref$onBeforeCreate.call(_ref);
+        var _useptInConfig = (_this$$config3 = this.$config) === null || _this$$config3 === void 0 || (_this$$config3 = _this$$config3.pt) === null || _this$$config3 === void 0 ? void 0 : _this$$config3['_usept'];
+        var originalValueInConfig = _useptInConfig ? (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.pt) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.originalValue : undefined;
+        var valueInConfig = _useptInConfig ? (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.config) === null || _this$$primevue2 === void 0 || (_this$$primevue2 = _this$$primevue2.pt) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.value : (_this$$primevue3 = this.$primevue) === null || _this$$primevue3 === void 0 || (_this$$primevue3 = _this$$primevue3.config) === null || _this$$primevue3 === void 0 ? void 0 : _this$$primevue3.pt;
+        (_ref2 = valueInConfig || originalValueInConfig) === null || _ref2 === void 0 || (_ref2 = _ref2[this.$.type.name]) === null || _ref2 === void 0 || (_ref2 = _ref2.hooks) === null || _ref2 === void 0 || (_ref2$onBeforeCreate = _ref2['onBeforeCreate']) === null || _ref2$onBeforeCreate === void 0 ? void 0 : _ref2$onBeforeCreate.call(_ref2);
       },
       created: function created() {
         this._hook('onCreated');
       },
       beforeMount: function beforeMount() {
-        var _this$$config3;
+        var _this$$config4;
         base.loadBaseStyle(undefined, {
-          nonce: (_this$$config3 = this.$config) === null || _this$$config3 === void 0 || (_this$$config3 = _this$$config3.csp) === null || _this$$config3 === void 0 ? void 0 : _this$$config3.nonce
+          nonce: (_this$$config4 = this.$config) === null || _this$$config4 === void 0 || (_this$$config4 = _this$$config4.csp) === null || _this$$config4 === void 0 ? void 0 : _this$$config4.nonce
         });
         this._loadGlobalStyles();
         this._hook('onBeforeMount');
@@ -2297,13 +2343,15 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
       },
       methods: {
         _hook: function _hook(hookName) {
-          var selfHook = this._getOptionValue(this.pt, "hooks.".concat(hookName));
-          var defaultHook = this._getOptionValue(this.defaultPT, "hooks.".concat(hookName));
-          selfHook === null || selfHook === void 0 ? void 0 : selfHook();
-          defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook();
+          if (!this.$options.hostName) {
+            var selfHook = this._usePT(this._getPT(this.pt, this.$.type.name), this._getOptionValue, "hooks.".concat(hookName));
+            var defaultHook = this._useDefaultPT(this._getOptionValue, "hooks.".concat(hookName));
+            selfHook === null || selfHook === void 0 ? void 0 : selfHook();
+            defaultHook === null || defaultHook === void 0 ? void 0 : defaultHook();
+          }
         },
         _loadGlobalStyles: function _loadGlobalStyles() {
-          var _this$$config4;
+          var _this$$config5;
           /*
            * @todo Add self custom css support;
            * <Panel :pt="{ css: `...` }" .../>
@@ -2314,9 +2362,9 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
            * ObjectUtils.isNotEmpty(mergedCSS?.class) && this.$css.loadCustomStyle(mergedCSS?.class);
            */
 
-          var globalCSS = this._getOptionValue(this.globalPT, 'global.css', this.$params);
+          var globalCSS = this._useGlobalPT(this._getOptionValue, 'global.css', this.$params);
           utils.ObjectUtils.isNotEmpty(globalCSS) && loadGlobalStyle(globalCSS, {
-            nonce: (_this$$config4 = this.$config) === null || _this$$config4 === void 0 || (_this$$config4 = _this$$config4.csp) === null || _this$$config4 === void 0 ? void 0 : _this$$config4.nonce
+            nonce: (_this$$config5 = this.$config) === null || _this$$config5 === void 0 || (_this$$config5 = _this$$config5.csp) === null || _this$$config5 === void 0 ? void 0 : _this$$config5.nonce
           });
         },
         _getHostInstance: function _getHostInstance(instance) {
@@ -2337,8 +2385,9 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
           var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
           var searchInDefaultPT = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
           var datasetPrefix = 'data-pc-';
-          var self = this._getPTClassValue(obj, key, params);
-          var globalPT = searchInDefaultPT ? /./g.test(key) && !!params[key.split('.')[0]] ? this._getPTClassValue(this.globalPT, key, params) : this._getPTClassValue(this.defaultPT, key, params) : undefined;
+          var searchOut = /./g.test(key) && !!params[key.split('.')[0]];
+          var self = searchOut ? undefined : this._usePT(this._getPT(obj, this.$name), this._getPTClassValue, key, params);
+          var globalPT = searchInDefaultPT ? searchOut ? this._useGlobalPT(this._getPTClassValue, key, params) : this._useDefaultPT(this._getPTClassValue, key, params) : undefined;
           var merged = vue.mergeProps(self, globalPT, key !== 'transition' && _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), utils.ObjectUtils.toFlatCase(this.$.type.name))), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.toFlatCase(key))));
           return merged;
           /*
@@ -2353,6 +2402,42 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
             "class": value
           } : value;
         },
+        _getPT: function _getPT(pt) {
+          var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+          var callback = arguments.length > 2 ? arguments[2] : undefined;
+          var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
+          var getValue = function getValue(value) {
+            var _computedValue$Object;
+            var computedValue = callback ? callback(value) : value;
+            return (_computedValue$Object = computedValue === null || computedValue === void 0 ? void 0 : computedValue[utils.ObjectUtils.toFlatCase(key)]) !== null && _computedValue$Object !== void 0 ? _computedValue$Object : computedValue;
+          };
+          return utils.ObjectUtils.isNotEmpty(_usept) ? {
+            _usept: _usept,
+            originalValue: getValue(pt.originalValue),
+            value: getValue(pt.value)
+          } : getValue(pt);
+        },
+        _usePT: function _usePT(pt, callback, key, params) {
+          var fn = function fn(value) {
+            return callback(value, key, params);
+          };
+          if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
+            var _pt$_usept = pt['_usept'],
+              merge = _pt$_usept.merge,
+              useMergeProps = _pt$_usept.useMergeProps;
+            var originalValue = fn(pt.originalValue);
+            var value = fn(pt.value);
+            if (originalValue === undefined && value === undefined) return undefined;else if (utils.ObjectUtils.isString(value)) return value;else if (utils.ObjectUtils.isString(originalValue)) return originalValue;
+            return merge ? useMergeProps ? vue.mergeProps(originalValue, value) : _objectSpread(_objectSpread({}, originalValue), value) : value;
+          }
+          return fn(pt);
+        },
+        _useGlobalPT: function _useGlobalPT(callback, key, params) {
+          return this._usePT(this.globalPT, callback, key, params);
+        },
+        _useDefaultPT: function _useDefaultPT(callback, key, params) {
+          return this._usePT(this.defaultPT, callback, key, params);
+        },
         ptm: function ptm() {
           var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
           var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -2385,14 +2470,20 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
       },
       computed: {
         globalPT: function globalPT() {
-          return utils.ObjectUtils.getItemValue(this.$config.pt, {
-            instance: this
+          var _this$$config6,
+            _this = this;
+          return this._getPT((_this$$config6 = this.$config) === null || _this$$config6 === void 0 ? void 0 : _this$$config6.pt, undefined, function (value) {
+            return utils.ObjectUtils.getItemValue(value, {
+              instance: _this
+            });
           });
         },
         defaultPT: function defaultPT() {
-          return this._getOptionValue(this.$config.pt, this.$options.hostName || this.$.type.name, {
-            instance: this
-          }) || this.globalPT;
+          var _this$$config7,
+            _this2 = this;
+          return this._getPT((_this$$config7 = this.$config) === null || _this$$config7 === void 0 ? void 0 : _this$$config7.pt, undefined, function (value) {
+            return _this2._getOptionValue(value, _this2.$name, _objectSpread({}, _this2.$params)) || utils.ObjectUtils.getItemValue(value, _objectSpread({}, _this2.$params));
+          });
         },
         isUnstyled: function isUnstyled() {
           return this.unstyled !== undefined ? this.unstyled : this.$config.unstyled;
@@ -2414,8 +2505,11 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
           }, (this._getHostInstance(this) || {}).$css), this.$options.css);
         },
         $config: function $config() {
-          var _this$$primevue2;
-          return (_this$$primevue2 = this.$primevue) === null || _this$$primevue2 === void 0 ? void 0 : _this$$primevue2.config;
+          var _this$$primevue4;
+          return (_this$$primevue4 = this.$primevue) === null || _this$$primevue4 === void 0 ? void 0 : _this$$primevue4.config;
+        },
+        $name: function $name() {
+          return this.$options.hostName || this.$.type.name;
         }
       }
     };
@@ -2425,9 +2519,15 @@ this.primevue.basecomponent = (function (base, usestyle, utils, vue) {
 })(primevue.base, primevue.usestyle, primevue.utils, Vue);
 
 this.primevue = this.primevue || {};
-this.primevue.baseicon = (function (utils) {
+this.primevue.baseicon = (function (usestyle, utils) {
     'use strict';
 
+    var styles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
+    var _useStyle = usestyle.useStyle(styles, {
+        name: 'baseicon',
+        manual: true
+      }),
+      loadStyle = _useStyle.load;
     var script = {
       name: 'BaseIcon',
       props: {
@@ -2440,6 +2540,12 @@ this.primevue.baseicon = (function (utils) {
           "default": false
         }
       },
+      beforeMount: function beforeMount() {
+        var _this$$config;
+        loadStyle(undefined, {
+          nonce: (_this$$config = this.$config) === null || _this$$config === void 0 || (_this$$config = _this$$config.csp) === null || _this$$config === void 0 ? void 0 : _this$$config.nonce
+        });
+      },
       methods: {
         pti: function pti() {
           var isLabelEmpty = utils.ObjectUtils.isEmpty(this.label);
@@ -2452,42 +2558,18 @@ this.primevue.baseicon = (function (utils) {
             'aria-hidden': isLabelEmpty
           };
         }
-      }
-    };
-
-    function styleInject(css, ref) {
-      if ( ref === void 0 ) ref = {};
-      var insertAt = ref.insertAt;
-
-      if (!css || typeof document === 'undefined') { return; }
-
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var style = document.createElement('style');
-      style.type = 'text/css';
-
-      if (insertAt === 'top') {
-        if (head.firstChild) {
-          head.insertBefore(style, head.firstChild);
-        } else {
-          head.appendChild(style);
+      },
+      computed: {
+        $config: function $config() {
+          var _this$$primevue;
+          return (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.config;
         }
-      } else {
-        head.appendChild(style);
-      }
-
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(document.createTextNode(css));
       }
-    }
-
-    var css_248z = "\n.p-icon {\n    display: inline-block;\n}\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n@-webkit-keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n@keyframes p-icon-spin {\n0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n}\n100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n}\n}\n";
-    styleInject(css_248z);
+    };
 
     return script;
 
-})(primevue.utils);
+})(primevue.usestyle, primevue.utils);
 
 this.primevue = this.primevue || {};
 this.primevue.icons = this.primevue.icons || {};
@@ -6336,11 +6418,11 @@ this.primevue.button = (function (Badge, SpinnerIcon, Ripple, BaseComponent, vue
           }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
         }) : vue.renderSlot(_ctx.$slots, "icon", {
           key: 1,
-          "class": vue.normalizeClass(_ctx.cx('icon'))
+          "class": vue.normalizeClass([_ctx.cx('icon')])
         }, function () {
           return [_ctx.icon ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
             key: 0,
-            "class": [_ctx.cx('icon'), _ctx.icon]
+            "class": [_ctx.cx('icon'), _ctx.icon, _ctx.iconClass]
           }, _ctx.ptm('icon')), null, 16)) : vue.createCommentVNode("", true)];
         }), vue.createElementVNode("span", vue.mergeProps({
           "class": _ctx.cx('label')
@@ -6964,6 +7046,7 @@ this.primevue.inputnumber = (function (Button, AngleDownIcon, AngleUpIcon, Input
               break;
             case 'Tab':
             case 'Enter':
+            case 'NumpadEnter':
               newValueStr = this.validateValue(this.parseValue(inputValue));
               this.$refs.input.$el.value = this.formatValue(newValueStr);
               this.$refs.input.$el.setAttribute('aria-valuenow', newValueStr);
@@ -7616,7 +7699,7 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
     var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
     var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-    var styles = "\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n";
+    var styles = "\n.p-message-wrapper {\n    display: flex;\n    align-items: center;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0; \n}\n\n.p-message-close.p-link {\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-message-enter-from {\n    opacity: 0;\n}\n\n.p-message-enter-active {\n    transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n    max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n    max-height: 0;\n    opacity: 0;\n    margin: 0 !important;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n    display: none;\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
@@ -8293,6 +8376,8 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
             case 'ArrowRight':
               this.onArrowLeftKey(event, this.editable);
               break;
+            case 'Delete':
+              this.onDeleteKey(event);
             case 'Home':
               this.onHomeKey(event, this.editable);
               break;
@@ -8432,6 +8517,12 @@ this.primevue.dropdown = (function (api, ChevronDownIcon, FilterIcon, SpinnerIco
               break;
           }
         },
+        onDeleteKey: function onDeleteKey(event) {
+          if (this.showClear) {
+            this.updateModel(event, null);
+            event.preventDefault();
+          }
+        },
         onArrowDownKey: function onArrowDownKey(event) {
           var optionIndex = this.focusedOptionIndex !== -1 ? this.findNextOptionIndex(this.focusedOptionIndex) : this.findFirstFocusedOptionIndex();
           this.changeFocusedOptionIndex(event, optionIndex);
@@ -9496,7 +9587,7 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
         },
         focus: function focus() {
           var findFocusableElement = function findFocusableElement(container) {
-            return container.querySelector('[autofocus]');
+            return container && container.querySelector('[autofocus]');
           };
           var focusTarget = this.$slots.footer && findFocusableElement(this.footerContainer);
           if (!focusTarget) {
@@ -9640,21 +9731,24 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
               var leftPos = offset.left + deltaX;
               var topPos = offset.top + deltaY;
               var viewport = utils.DomHandler.getViewport();
+              var containerComputedStyle = getComputedStyle(_this2.container);
+              var marginLeft = parseFloat(containerComputedStyle.marginLeft);
+              var marginTop = parseFloat(containerComputedStyle.marginTop);
               _this2.container.style.position = 'fixed';
               if (_this2.keepInViewport) {
                 if (leftPos >= _this2.minX && leftPos + width < viewport.width) {
                   _this2.lastPageX = event.pageX;
-                  _this2.container.style.left = leftPos + 'px';
+                  _this2.container.style.left = leftPos - marginLeft + 'px';
                 }
                 if (topPos >= _this2.minY && topPos + height < viewport.height) {
                   _this2.lastPageY = event.pageY;
-                  _this2.container.style.top = topPos + 'px';
+                  _this2.container.style.top = topPos - marginTop + 'px';
                 }
               } else {
                 _this2.lastPageX = event.pageX;
-                _this2.container.style.left = leftPos + 'px';
+                _this2.container.style.left = leftPos - marginLeft + 'px';
                 _this2.lastPageY = event.pageY;
-                _this2.container.style.top = topPos + 'px';
+                _this2.container.style.top = topPos - marginTop + 'px';
               }
             }
           };
@@ -9791,7 +9885,8 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
               }, _ctx.ptm('maximizableButton'), {
                 "data-pc-group-section": "headericon"
               }), [vue.renderSlot(_ctx.$slots, "maximizeicon", {
-                maximized: $data.maximized
+                maximized: $data.maximized,
+                "class": vue.normalizeClass(_ctx.cx('maximizableIcon'))
               }, function () {
                 return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.maximizeIconComponent), vue.mergeProps({
                   "class": [_ctx.cx('maximizableIcon'), $data.maximized ? _ctx.minimizeIcon : _ctx.maximizeIcon]
@@ -9808,7 +9903,9 @@ this.primevue.dialog = (function (FocusTrap, TimesIcon, WindowMaximizeIcon, Wind
                 type: "button"
               }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('closeButton')), {
                 "data-pc-group-section": "headericon"
-              }), [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
+              }), [vue.renderSlot(_ctx.$slots, "closeicon", {
+                "class": vue.normalizeClass(_ctx.cx('closeButtonIcon'))
+              }, function () {
                 return [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon ? 'span' : 'TimesIcon'), vue.mergeProps({
                   "class": [_ctx.cx('closeButtonIcon'), _ctx.closeIcon]
                 }, _ctx.ptm('closeButtonIcon')), null, 16, ["class"]))];
@@ -13440,15 +13537,16 @@ this.primevue.badge = (function (BaseComponent, usestyle, utils, vue) {
 })(primevue.basecomponent, primevue.usestyle, primevue.utils, Vue);
 
 this.primevue = this.primevue || {};
-this.primevue.passthrough = (function (exports, utils, vue) {
+this.primevue.passthrough = (function (exports) {
     'use strict';
 
-    function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-    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); }
+    /**
+     * @todo: Add dynamic params support;
+     *
+     * Exp;
+     * usePassThrough(pt1, pt2, pt3, pt*, { merge: true });
+     * usePassThrough(pt1, { merge: true });
+     */
     var usePassThrough = function usePassThrough() {
       var pt1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var pt2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -13456,57 +13554,15 @@ this.primevue.passthrough = (function (exports, utils, vue) {
         _ref$merge = _ref.merge,
         merge = _ref$merge === void 0 ? true : _ref$merge,
         _ref$useMergeProps = _ref.useMergeProps,
-        useMergeProps = _ref$useMergeProps === void 0 ? false : _ref$useMergeProps,
-        _ref$ignoredKeysOnMer = _ref.ignoredKeysOnMerge,
-        ignoredKeysOnMerge = _ref$ignoredKeysOnMer === void 0 ? [] : _ref$ignoredKeysOnMer,
-        _ref$customizer = _ref.customizer,
-        customizer = _ref$customizer === void 0 ? undefined : _ref$customizer;
-      var newPT = _objectSpread({}, pt1);
-      if (merge) {
-        var getPTClassValue = function getPTClassValue(value) {
-          return utils.ObjectUtils.isString(value) || utils.ObjectUtils.isArray(value) ? {
-            "class": value
-          } : value;
-        };
-        var setOptionValue = function setOptionValue(to, from, nestedKey, ignoredKey) {
-          var keys = nestedKey.split('.');
-          var key = keys.shift();
-          var getValue = function getValue(value) {
-            return utils.ObjectUtils.isFunction(customizer) ? customizer({
-              key: key,
-              to: to,
-              from: from,
-              value: value
-            }) : value;
-          };
-          if (!!ignoredKey && ignoredKey.endsWith(key)) {
-            !!key && (to[key] = getValue(from[key]));
-          } else {
-            var matched = [Object.keys(to[key] || {}), Object.keys(from[key] || {})].flat().some(function (k) {
-              return k.match(/^(class|style|on(.+))/);
-            });
-            if (matched) {
-              to[key] = getValue(useMergeProps ? vue.mergeProps(getPTClassValue(to[key]), getPTClassValue(from[key])) : _objectSpread(_objectSpread({}, getPTClassValue(to[key])), getPTClassValue(from[key])));
-            } else if (utils.ObjectUtils.isNotEmpty(from[key])) {
-              to[key] = _objectSpread({}, to[key]);
-              setOptionValue(to[key], from[key], keys.join('.'), ignoredKey);
-            } else if (!!key) {
-              to[key] = getValue(from[key]);
-            }
-          }
-        };
-        var nestedKeys = utils.ObjectUtils.nestedKeys(pt2);
-        nestedKeys.forEach(function (nestedKey) {
-          setOptionValue(newPT, pt2, nestedKey, ignoredKeysOnMerge.find(function (k) {
-            return k.indexOf('.') > 0 ? nestedKey.startsWith(k) : nestedKey.split('.')[0] === k;
-          }));
-        });
-      } else {
-        Object.keys(pt2).forEach(function (key) {
-          return newPT[key] = pt2[key];
-        });
-      }
-      return newPT;
+        useMergeProps = _ref$useMergeProps === void 0 ? true : _ref$useMergeProps;
+      return {
+        _usept: {
+          merge: merge,
+          useMergeProps: useMergeProps
+        },
+        originalValue: pt1,
+        value: pt2
+      };
     };
 
     exports.usePassThrough = usePassThrough;
@@ -13515,7 +13571,7 @@ this.primevue.passthrough = (function (exports, utils, vue) {
 
     return exports;
 
-})({}, primevue.utils, Vue);
+})({});
 
 this.primevue = this.primevue || {};
 this.primevue.passthrough = this.primevue.passthrough || {};
@@ -13937,10 +13993,13 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": 'w-4 h-4 inline-block'
         },
         content: function content(_ref17) {
-          var state = _ref17.state;
+          var state = _ref17.state,
+            instance = _ref17.instance;
           return {
-            "class": ['overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0', 'rounded-bl-lg rounded-br-lg', 'dark:bg-gray-900  dark:text-white/80 ', {
+            "class": ['overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0',, 'dark:bg-gray-900  dark:text-white/80', {
               grow: state.maximized
+            }, {
+              'rounded-bl-lg rounded-br-lg': !instance.$slots.footer
             }]
           };
         },
@@ -14016,7 +14075,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: function root(_ref20) {
           var props = _ref20.props;
           return {
-            "class": ['flex flex-col pointer-events-auto relative transform translate-x-0 translate-y-0 translate-z-0 relative transition-transform duration-300', 'bg-white text-gray-700 border-0 shadow-lg', {
+            "class": ['flex flex-col pointer-events-auto relative transition-transform duration-300', 'bg-white text-gray-700 border-0 shadow-lg', {
               '!transition-none !transform-none !w-screen !h-screen !max-h-full !top-0 !left-0': props.position == 'full',
               'h-full w-80': props.position == 'left' || props.position == 'right',
               'h-40 w-full': props.position == 'top' || props.position == 'bottom'
@@ -14037,11 +14096,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
         content: {
           "class": ['p-5 pt-0 h-full w-full', 'grow overflow-y-auto']
         },
-        mask: {
-          "class": ['flex pointer-events-auto', 'bg-black bg-opacity-40 transition duration-200 z-20 transition-colors']
-        },
-        transition: function transition(_ref21) {
+        mask: function mask(_ref21) {
           var props = _ref21.props;
+          return {
+            "class": ['flex pointer-events-auto', 'transition duration-200 z-20 transition-colors', {
+              'bg-black/40': props.modal
+            }]
+          };
+        },
+        transition: function transition(_ref22) {
+          var props = _ref22.props;
           return props.position === 'top' ? {
             enterFromClass: 'translate-x-0 -translate-y-full translate-z-0',
             leaveToClass: 'translate-x-0 -translate-y-full translate-z-0'
@@ -14053,7 +14117,7 @@ this.primevue.passthrough.tailwind = (function (exports) {
             leaveToClass: '-translate-x-full translate-y-0 translate-z-0'
           } : props.position === 'right' ? {
             enterFromClass: 'translate-x-full translate-y-0 translate-z-0',
-            leaveToClass: 'opacity-0 scale-75 translate-x-full translate-y-0 translate-z-0'
+            leaveToClass: 'translate-x-full translate-y-0 translate-z-0'
           } : {
             enterFromClass: 'opacity-0',
             enterActiveClass: 'transition-opacity duration-400 ease-in',
@@ -14124,8 +14188,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
       },
       //Messages
       message: {
-        root: function root(_ref22) {
-          var props = _ref22.props;
+        root: function root(_ref23) {
+          var props = _ref23.props;
           return {
             "class": ['my-4 rounded-md', {
               'bg-blue-100 border-solid border-0 border-l-4 border-blue-500 text-blue-700': props.severity == 'info',
@@ -14156,8 +14220,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       inlinemessage: {
-        root: function root(_ref23) {
-          var props = _ref23.props;
+        root: function root(_ref24) {
+          var props = _ref24.props;
           return {
             "class": ['inline-flex items-center justify-center align-top', 'p-3 m-0 rounded-md', {
               'bg-blue-100 border-0 text-blue-700': props.severity == 'info',
@@ -14175,8 +14239,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": ['w-96', 'opacity-90']
         },
-        container: function container(_ref24) {
-          var props = _ref24.props;
+        container: function container(_ref25) {
+          var props = _ref25.props;
           return {
             "class": ['my-4 rounded-md w-full', {
               'bg-blue-100 border-solid border-0 border-l-4 border-blue-500 text-blue-700': props.message.severity == 'info',
@@ -14214,9 +14278,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
       },
       //BUTTONS
       button: {
-        root: function root(_ref25) {
-          var props = _ref25.props,
-            context = _ref25.context;
+        root: function root(_ref26) {
+          var props = _ref26.props,
+            context = _ref26.context;
           return {
             "class": ['items-center cursor-pointer inline-flex overflow-hidden relative select-none text-center align-bottom h-full', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0 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)]',
             // Primary button focus
@@ -14266,16 +14330,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        label: function label(_ref26) {
-          var props = _ref26.props;
+        label: function label(_ref27) {
+          var props = _ref27.props;
           return {
             "class": ['flex-1', 'duration-200', 'font-bold', {
               'hover:underline': props.link
             }]
           };
         },
-        icon: function icon(_ref27) {
-          var props = _ref27.props;
+        icon: function icon(_ref28) {
+          var props = _ref28.props;
           return {
             "class": ['mx-0', {
               'mr-2': props.iconPos == 'left' && props.label != null,
@@ -14285,8 +14349,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        badge: function badge(_ref28) {
-          var props = _ref28.props;
+        badge: function badge(_ref29) {
+          var props = _ref29.props;
           return {
             "class": [{
               'ml-2 w-4 h-4 leading-none flex items-center justify-center': props.badge
@@ -14299,8 +14363,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": 'absolute flex'
         },
         button: {
-          root: function root(_ref29) {
-            var parent = _ref29.parent;
+          root: function root(_ref30) {
+            var parent = _ref30.parent;
             return {
               "class": ['w-16 !h-16 !rounded-full justify-center z-10', {
                 'rotate-45': parent.state.d_visible
@@ -14314,9 +14378,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menu: {
           "class": 'm-0 p-0 list-none flex items-center justify-center transition delay-200 z-20'
         },
-        menuitem: function menuitem(_ref30) {
-          var props = _ref30.props,
-            context = _ref30.context;
+        menuitem: function menuitem(_ref31) {
+          var props = _ref31.props,
+            context = _ref31.context;
           return {
             "class": ['transform transition-transform duration-200 ease-out transition-opacity duration-800', context.hidden ? 'opacity-0 scale-0' : 'opacity-1 scale-100', {
               'my-1 first:mb-2': props.direction == 'up' && props.type == 'linear',
@@ -14331,8 +14395,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         action: {
           "class": ['flex items-center justify-center rounded-full relative overflow-hidden', 'w-12 h-12 bg-gray-700 hover:bg-gray-800 text-white']
         },
-        mask: function mask(_ref31) {
-          var state = _ref31.state;
+        mask: function mask(_ref32) {
+          var state = _ref32.state;
           return {
             "class": ['absolute left-0 top-0 w-full h-full transition-opacity duration-250 ease-in-out bg-black/40 z-0', {
               'opacity-0': !state.d_visible,
@@ -14342,8 +14406,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       splitbutton: {
-        root: function root(_ref32) {
-          var props = _ref32.props;
+        root: function root(_ref33) {
+          var props = _ref33.props;
           return {
             "class": ['inline-flex relative', 'rounded-md', {
               'shadow-lg': props.raised
@@ -14351,8 +14415,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
         button: {
-          root: function root(_ref33) {
-            var parent = _ref33.parent;
+          root: function root(_ref34) {
+            var parent = _ref34.parent;
             return {
               "class": ['rounded-r-none border-r-0', {
                 'rounded-l-full': parent.props.rounded
@@ -14364,8 +14428,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         menubutton: {
-          root: function root(_ref34) {
-            var parent = _ref34.parent;
+          root: function root(_ref35) {
+            var parent = _ref35.parent;
             return {
               "class": ['rounded-l-none', {
                 'rounded-r-full': parent.props.rounded
@@ -14379,9 +14443,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
       },
       //FORMS
       inputtext: {
-        root: function root(_ref35) {
-          var props = _ref35.props,
-            context = _ref35.context;
+        root: function root(_ref36) {
+          var props = _ref36.props,
+            context = _ref36.context;
           return {
             "class": ['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', {
               'hover:border-blue-500 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)]': !context.disabled,
@@ -14398,24 +14462,24 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": 'w-full inline-flex'
         },
-        input: function input(_ref36) {
-          var props = _ref36.props;
+        input: function input(_ref37) {
+          var props = _ref37.props;
           return {
             "class": [{
               'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked'
             }]
           };
         },
-        buttongroup: function buttongroup(_ref37) {
-          var props = _ref37.props;
+        buttongroup: function buttongroup(_ref38) {
+          var props = _ref38.props;
           return {
             "class": [{
               'flex flex-col': props.showButtons && props.buttonLayout == 'stacked'
             }]
           };
         },
-        incrementbutton: function incrementbutton(_ref38) {
-          var props = _ref38.props;
+        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'
@@ -14425,8 +14489,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         label: {
           "class": 'hidden'
         },
-        decrementbutton: function decrementbutton(_ref39) {
-          var props = _ref39.props;
+        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'
@@ -14435,8 +14499,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       knob: {
-        root: function root(_ref40) {
-          var props = _ref40.props;
+        root: function root(_ref41) {
+          var props = _ref41.props;
           return {
             "class": ['focus:outline-none focus:outline-offset-0 focus:shadow-0', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -14454,16 +14518,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       inputswitch: {
-        root: function root(_ref41) {
-          var props = _ref41.props;
+        root: function root(_ref42) {
+          var props = _ref42.props;
           return {
             "class": ['inline-block relative', 'w-12 h-7', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
             }]
           };
         },
-        slider: function slider(_ref42) {
-          var props = _ref42.props;
+        slider: function slider(_ref43) {
+          var props = _ref43.props;
           return {
             "class": ['absolute cursor-pointer top-0 left-0 right-0 bottom-0 border border-transparent', 'transition-colors duration-200 rounded-2xl', '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)]', "before:absolute before:content-'' before:top-1/2 before:bg-white before:dark:bg-gray-900 before:w-5 before:h-5 before:left-1 before:-mt-2.5 before:rounded-full before:transition-duration-200", {
               'bg-gray-200 dark:bg-gray-800 hover:bg-gray-300 hover:dark:bg-gray-700 ': !props.modelValue,
@@ -14473,8 +14537,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       cascadeselect: {
-        root: function root(_ref43) {
-          var props = _ref43.props;
+        root: function root(_ref44) {
+          var props = _ref44.props;
           return {
             "class": ['inline-flex cursor-pointer select-none relative', 'bg-white dark:bg-gray-900 border border-gray-300 dark:border-blue-900/40 transition duration-200 ease-in-out rounded-lg', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -14513,16 +14577,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       rating: {
-        root: function root(_ref44) {
-          var props = _ref44.props;
+        root: function root(_ref45) {
+          var props = _ref45.props;
           return {
             "class": ['relative flex items-center', 'gap-2', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
             }]
           };
         },
-        cancelitem: function cancelitem(_ref45) {
-          var context = _ref45.context;
+        cancelitem: function cancelitem(_ref46) {
+          var context = _ref46.context;
           return {
             "class": ['inline-flex items-center cursor-pointer', {
               'outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]': context.focused
@@ -14532,9 +14596,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         cancelicon: {
           "class": ['text-red-500', 'w-5 h-5', 'transition duration-200 ease-in']
         },
-        item: function item(_ref46) {
-          var props = _ref46.props,
-            context = _ref46.context;
+        item: function item(_ref47) {
+          var props = _ref47.props,
+            context = _ref47.context;
           return {
             "class": ['inline-flex items-center', {
               'cursor-pointer': !props.readonly,
@@ -14552,16 +14616,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       selectbutton: {
-        root: function root(_ref47) {
-          var props = _ref47.props;
+        root: function root(_ref48) {
+          var props = _ref48.props;
           return {
             "class": [{
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
             }]
           };
         },
-        button: function button(_ref48) {
-          var context = _ref48.context;
+        button: function button(_ref49) {
+          var context = _ref49.context;
           return {
             "class": ['inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden relative', 'px-4 py-3', 'transition duration-200 border border-r-0', 'first:rounded-l-md first:rounded-tr-none first:rounded-br-none last:border-r last:rounded-tl-none last:rounded-bl-none last:rounded-r-md', '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)]', {
               'bg-white dark:bg-gray-900 text-gray-700 dark:text-white/80 border-gray-300 dark:border-blue-900/40 hover:bg-gray-50 dark:hover:bg-gray-800/80 ': !context.active,
@@ -14575,8 +14639,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       slider: {
-        root: function root(_ref49) {
-          var props = _ref49.props;
+        root: function root(_ref50) {
+          var props = _ref50.props;
           return {
             "class": ['relative', 'bg-gray-100 dark:bg-gray-800 border-0 rounded-6', {
               'h-1 w-56': props.orientation == 'horizontal',
@@ -14586,8 +14650,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        range: function range(_ref50) {
-          var props = _ref50.props;
+        range: function range(_ref51) {
+          var props = _ref51.props;
           return {
             "class": ['bg-blue-500', 'block absolute', {
               'top-0 left-0 h-full': props.orientation == 'horizontal',
@@ -14595,8 +14659,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        handle: function handle(_ref51) {
-          var props = _ref51.props;
+        handle: function handle(_ref52) {
+          var props = _ref52.props;
           return {
             "class": ['h-4 w-4 bg-white dark:bg-gray-600 border-2 border-blue-500 rounded-full transition duration-200', 'cursor-grab touch-action-none block', '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)]', 'hover:bg-blue-500 hover:border hover:border-blue-500', {
               'top-[50%] mt-[-0.5715rem] ml-[-0.5715rem]': props.orientation == 'horizontal',
@@ -14604,8 +14668,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        starthandler: function starthandler(_ref52) {
-          var props = _ref52.props;
+        starthandler: function starthandler(_ref53) {
+          var props = _ref53.props;
           return {
             "class": ['h-4 w-4 bg-white dark:bg-gray-600 border-2 border-blue-500 rounded-full transition duration-200', 'cursor-grab touch-action-none block', '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)]', 'hover:bg-blue-500 hover:border hover:border-blue-500', {
               'top-[50%] mt-[-0.5715rem] ml-[-0.5715rem]': props.orientation == 'horizontal',
@@ -14613,8 +14677,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        endhandler: function endhandler(_ref53) {
-          var props = _ref53.props;
+        endhandler: function endhandler(_ref54) {
+          var props = _ref54.props;
           return {
             "class": ['h-4 w-4 bg-white dark:bg-gray-600 border-2 border-blue-500 rounded-full transition duration-200', 'cursor-grab touch-action-none block', '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)]', 'hover:bg-blue-500 hover:border hover:border-blue-500', {
               'top-[50%] mt-[-0.5715rem] ml-[-0.5715rem]': props.orientation == 'horizontal',
@@ -14624,8 +14688,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       password: {
-        root: function root(_ref54) {
-          var props = _ref54.props;
+        root: function root(_ref55) {
+          var props = _ref55.props;
           return {
             "class": ['inline-flex relative', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -14638,10 +14702,10 @@ this.primevue.passthrough.tailwind = (function (exports) {
         meter: {
           "class": 'mb-2 bg-gray-300 dark:bg-gray-700 h-3'
         },
-        meterlabel: function meterlabel(_ref55) {
+        meterlabel: function meterlabel(_ref56) {
           var _instance$meter, _instance$meter2, _instance$meter3;
-          var instance = _ref55.instance,
-            props = _ref55.props;
+          var instance = _ref56.instance,
+            props = _ref56.props;
           return {
             "class": ['transition-width duration-1000 ease-in-out h-full', {
               'bg-red-500': (instance === null || instance === void 0 || (_instance$meter = instance.meter) === null || _instance$meter === void 0 ? void 0 : _instance$meter.strength) == 'weak',
@@ -14661,9 +14725,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         transition: TRANSITIONS.overlay
       },
       togglebutton: {
-        root: function root(_ref56) {
-          var props = _ref56.props,
-            context = _ref56.context;
+        root: function root(_ref57) {
+          var props = _ref57.props,
+            context = _ref57.context;
           return {
             "class": ['inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden relative', 'px-4 py-3 rounded-md text-base w-36', 'border transition duration-200 ease-in-out', {
               'outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]': context.focused
@@ -14678,8 +14742,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         label: {
           "class": 'font-bold text-center w-full'
         },
-        icon: function icon(_ref57) {
-          var props = _ref57.props;
+        icon: function icon(_ref58) {
+          var props = _ref58.props;
           return {
             "class": [' mr-2', {
               'text-gray-600 dark:text-white/70': !props.modelValue,
@@ -14692,8 +14756,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": ['cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6']
         },
-        checkbox: function checkbox(_ref58) {
-          var props = _ref58.props;
+        checkbox: function checkbox(_ref59) {
+          var props = _ref59.props;
           return {
             "class": ['flex items-center justify-center', 'border-2 w-6 h-6 rounded-lg transition-colors duration-200', {
               'border-blue-500 bg-blue-500 text-white dark:border-blue-400 dark:bg-blue-400': props.modelValue || !props.modelValue,
@@ -14709,9 +14773,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": ['cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6']
         },
-        input: function input(_ref59) {
-          var props = _ref59.props,
-            context = _ref59.context;
+        input: function input(_ref60) {
+          var props = _ref60.props,
+            context = _ref60.context;
           return {
             "class": ['flex items-center justify-center', 'border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200', {
               'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900': !context.checked,
@@ -14730,8 +14794,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": ['relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6']
         },
-        input: function input(_ref60) {
-          var props = _ref60.props;
+        input: function input(_ref61) {
+          var props = _ref61.props;
           return {
             "class": ['flex justify-center items-center', 'border-2 w-6 h-6 text-gray-700 rounded-full transition duration-200 ease-in-out', {
               'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900 dark:text-white/80': props.value !== props.modelValue,
@@ -14742,8 +14806,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        icon: function icon(_ref61) {
-          var props = _ref61.props;
+        icon: function icon(_ref62) {
+          var props = _ref62.props;
           return {
             "class": ['transform rounded-full', 'block w-3 h-3 transition duration-200 bg-white dark:bg-gray-900', {
               'backface-hidden scale-10 invisible': props.value !== props.modelValue,
@@ -14753,16 +14817,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       dropdown: {
-        root: function root(_ref62) {
-          var props = _ref62.props;
+        root: function root(_ref63) {
+          var props = _ref63.props;
           return {
             "class": ['cursor-pointer inline-flex relative select-none', 'bg-white border border-gray-400 transition-colors duration-200 ease-in-out rounded-md', 'dark:bg-gray-900 dark:border-blue-900/40 dark:hover:border-blue-300', 'w-full md:w-56', 'hover:border-blue-500 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)]', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
             }]
           };
         },
-        input: function input(_ref63) {
-          var props = _ref63.props;
+        input: function input(_ref64) {
+          var props = _ref64.props;
           return {
             "class": ['cursor-pointer block flex flex-auto overflow-hidden overflow-ellipsis whitespace-nowrap relative', 'bg-transparent border-0 text-gray-800', 'dark:text-white/80', 'p-3 transition duration-200 bg-transparent rounded appearance-none font-sans text-base', 'focus:outline-none focus:shadow-none', {
               'pr-7': props.showClear
@@ -14778,8 +14842,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         list: {
           "class": 'py-3 list-none m-0'
         },
-        item: function item(_ref64) {
-          var context = _ref64.context;
+        item: function item(_ref65) {
+          var context = _ref65.context;
           return {
             "class": ['cursor-pointer font-normal overflow-hidden relative whitespace-nowrap', 'm-0 p-3 border-0  transition-shadow duration-200 rounded-none', 'dark:text-white/80 dark:hover:bg-gray-800', 'hover:text-gray-700 hover:bg-gray-200', {
               'text-gray-700': !context.focused && !context.selected,
@@ -14810,8 +14874,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         transition: TRANSITIONS.overlay
       },
       calendar: {
-        root: function root(_ref65) {
-          var props = _ref65.props;
+        root: function root(_ref66) {
+          var props = _ref66.props;
           return {
             "class": ['inline-flex max-w-full relative', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -14823,8 +14887,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           ]
         },
 
-        panel: function panel(_ref66) {
-          var props = _ref66.props;
+        panel: function panel(_ref67) {
+          var props = _ref67.props;
           return {
             "class": ['bg-white dark:bg-gray-900', 'min-w-[350px]', {
               'shadow-md border-0 absolute': !props.inline,
@@ -14862,8 +14926,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         day: {
           "class": 'p-2'
         },
-        daylabel: function daylabel(_ref67) {
-          var context = _ref67.context;
+        daylabel: function daylabel(_ref68) {
+          var context = _ref68.context;
           return {
             "class": ['w-10 h-10 rounded-full transition-shadow duration-200 border-transparent border', 'flex items-center justify-center mx-auto overflow-hidden relative', '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)]', {
               'opacity-60 cursor-default': context.disabled,
@@ -14877,8 +14941,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         monthpicker: {
           "class": 'my-2'
         },
-        month: function month(_ref68) {
-          var context = _ref68.context;
+        month: function month(_ref69) {
+          var context = _ref69.context;
           return {
             "class": ['w-1/3 inline-flex items-center justify-center cursor-pointer overflow-hidden relative', 'p-2 transition-shadow duration-200 rounded-lg', '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)]', {
               'text-gray-600 dark:text-white/70 bg-transprent hover:bg-gray-200 dark:hover:bg-gray-800/80': !context.selected && !context.disabled,
@@ -14889,8 +14953,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         yearpicker: {
           "class": 'my-2'
         },
-        year: function year(_ref69) {
-          var context = _ref69.context;
+        year: function year(_ref70) {
+          var context = _ref70.context;
           return {
             "class": ['w-1/2 inline-flex items-center justify-center cursor-pointer overflow-hidden relative', 'p-2 transition-shadow duration-200 rounded-lg', '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)]', {
               'text-gray-600 dark:text-white/70 bg-transprent hover:bg-gray-200 dark:hover:bg-gray-800/80': !context.selected && !context.disabled,
@@ -14940,8 +15004,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         list: {
           "class": 'py-3 list-none m-0'
         },
-        item: function item(_ref70) {
-          var context = _ref70.context;
+        item: function item(_ref71) {
+          var context = _ref71.context;
           return {
             "class": ['cursor-pointer font-normal overflow-hidden relative whitespace-nowrap', 'm-0 p-3 border-0  transition-shadow duration-200 rounded-none', 'dark:text-white/80 dark:hover:bg-gray-800', 'hover:text-gray-700 hover:bg-gray-200', {
               'text-gray-700': !context.focused && !context.selected,
@@ -14968,8 +15032,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       multiselect: {
-        root: function root(_ref71) {
-          var props = _ref71.props;
+        root: function root(_ref72) {
+          var props = _ref72.props;
           return {
             "class": ['inline-flex cursor-pointer select-none', 'bg-white dark:bg-gray-900 border border-gray-400 dark:border-blue-900/40  transition-colors duration-200 ease-in-out rounded-md', 'w-full md:w-80', {
               'opacity-60 select-none pointer-events-none cursor-default': props === null || props === void 0 ? void 0 : props.disabled
@@ -14979,8 +15043,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         labelContainer: {
           "class": 'overflow-hidden flex flex-auto cursor-pointer'
         },
-        label: function label(_ref72) {
-          var props = _ref72.props;
+        label: function label(_ref73) {
+          var props = _ref73.props;
           return {
             "class": ['block overflow-hidden whitespace-nowrap cursor-pointer overflow-ellipsis', 'text-gray-800 dark:text-white/80', 'p-3 transition duration-200', _defineProperty({
               '!p-3': props.display !== 'chip' && ((props === null || props === void 0 ? void 0 : props.modelValue) == null || (props === null || props === void 0 ? void 0 : props.modelValue) == undefined),
@@ -15006,8 +15070,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         headerCheckboxContainer: {
           "class": ['inline-flex cursor-pointer select-none align-bottom relative', 'mr-2', 'w-6 h-6']
         },
-        headerCheckbox: function headerCheckbox(_ref74) {
-          var context = _ref74.context;
+        headerCheckbox: function headerCheckbox(_ref75) {
+          var context = _ref75.context;
           return {
             "class": ['flex items-center justify-center', 'border-2 w-6 h-6 text-gray-600 dark:text-white/70 rounded-lg transition-colors duration-200', 'hover:border-blue-500 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-gray-300 dark:border-blue-900/40 bg-white dark:bg-gray-900': !(context !== null && context !== void 0 && context.selected),
@@ -15030,8 +15094,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         list: {
           "class": 'py-3 list-none m-0'
         },
-        item: function item(_ref75) {
-          var context = _ref75.context;
+        item: function item(_ref76) {
+          var context = _ref76.context;
           return {
             "class": ['cursor-pointer font-normal overflow-hidden relative whitespace-nowrap', 'm-0 p-3 border-0  transition-shadow duration-200 rounded-none', 'dark:text-white/80 dark:hover:bg-gray-800', 'hover:text-gray-700 hover:bg-gray-200', {
               'text-gray-700': !context.focused && !context.selected,
@@ -15044,8 +15108,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         checkboxContainer: {
           "class": ['inline-flex cursor-pointer select-none align-bottom relative', 'mr-2', 'w-6 h-6']
         },
-        checkbox: function checkbox(_ref76) {
-          var context = _ref76.context;
+        checkbox: function checkbox(_ref77) {
+          var context = _ref77.context;
           return {
             "class": ['flex items-center justify-center', 'border-2 w-6 h-6 text-gray-600 dark:text-white/80 rounded-lg transition-colors duration-200', 'hover:border-blue-500 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-gray-300 dark:border-blue-900/40  bg-white dark:bg-gray-900': !(context !== null && context !== void 0 && context.selected),
@@ -15074,8 +15138,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         transition: TRANSITIONS.overlay
       },
       textarea: {
-        root: function root(_ref77) {
-          var context = _ref77.context;
+        root: function root(_ref78) {
+          var context = _ref78.context;
           return {
             "class": ['m-0', 'font-sans text-base text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 p-3 border border-gray-300 dark:border-blue-900/40 transition-colors duration-200 appearance-none rounded-lg', 'hover:border-blue-500 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)]', {
               'opacity-60 select-none pointer-events-none cursor-default': context.disabled
@@ -15084,8 +15148,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       treeselect: {
-        root: function root(_ref78) {
-          var props = _ref78.props;
+        root: function root(_ref79) {
+          var props = _ref79.props;
           return {
             "class": ['inline-flex cursor-pointer select-none', 'bg-white dark:bg-gray-900 border border-gray-400 dark:border-blue-900/40  transition-colors duration-200 ease-in-out rounded-md', 'w-full md:w-80', {
               'opacity-60 select-none pointer-events-none cursor-default': props === null || props === void 0 ? void 0 : props.disabled
@@ -15110,8 +15174,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         transition: TRANSITIONS.overlay
       },
       autocomplete: {
-        root: function root(_ref79) {
-          var props = _ref79.props;
+        root: function root(_ref80) {
+          var props = _ref80.props;
           return {
             "class": ['relative inline-flex', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -15126,8 +15190,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         inputtoken: {
           "class": ['py-0.375rem px-0', 'flex-1 inline-flex']
         },
-        input: function input(_ref80) {
-          var props = _ref80.props;
+        input: function input(_ref81) {
+          var props = _ref81.props;
           return {
             "class": ['m-0', ' transition-colors duration-200 appearance-none rounded-lg', {
               'rounded-tr-none rounded-br-none': props.dropdown
@@ -15151,8 +15215,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         list: {
           "class": 'py-3 list-none m-0'
         },
-        item: function item(_ref81) {
-          var context = _ref81.context;
+        item: function item(_ref82) {
+          var context = _ref82.context;
           return {
             "class": ['cursor-pointer font-normal overflow-hidden relative whitespace-nowrap', 'm-0 p-3 border-0  transition-shadow duration-200 rounded-none', 'dark:text-white/80 dark:hover:bg-gray-800', 'hover:text-gray-700 hover:bg-gray-200', {
               'text-gray-700': !context.focused && !context.selected,
@@ -15168,8 +15232,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         transition: TRANSITIONS.overlay
       },
       chips: {
-        root: function root(_ref82) {
-          var props = _ref82.props;
+        root: function root(_ref83) {
+          var props = _ref83.props;
           return {
             "class": ['flex', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -15193,8 +15257,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       colorpicker: {
-        root: function root(_ref83) {
-          var props = _ref83.props;
+        root: function root(_ref84) {
+          var props = _ref84.props;
           return {
             "class": ['inline-block', {
               'opacity-60 select-none pointer-events-none cursor-default': props.disabled
@@ -15204,8 +15268,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         input: {
           "class": ['m-0', 'font-sans text-base text-gray-600 bg-white dark:bg-gray-900 p-3 border border-gray-300 dark:border-blue-900/40 transition-colors duration-200 rounded-lg cursor-pointer', 'hover:border-blue-500 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)]', 'w-8 h-8']
         },
-        panel: function panel(_ref84) {
-          var props = _ref84.props;
+        panel: function panel(_ref85) {
+          var props = _ref85.props;
           return {
             "class": ['shadow-md', 'bg-gray-800 border-gray-900', {
               'relative h-48 w-52': props.inline,
@@ -15245,8 +15309,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
       },
       //MISC
       badge: {
-        root: function root(_ref85) {
-          var props = _ref85.props;
+        root: function root(_ref86) {
+          var props = _ref86.props;
           return {
             "class": ['rounded-full p-0 text-center inline-block', 'bg-blue-500 text-white font-bold', {
               'bg-gray-500 ': props.severity == 'secondary',
@@ -15264,9 +15328,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       avatar: {
-        root: function root(_ref86) {
-          var props = _ref86.props,
-            parent = _ref86.parent;
+        root: function root(_ref87) {
+          var props = _ref87.props,
+            parent = _ref87.parent;
           return {
             "class": ['flex items-center justify-center', 'bg-gray-300 dark:bg-gray-800', {
               'rounded-lg': props.shape == 'square',
@@ -15310,8 +15374,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": ['overflow-hidden relative', 'border-0 h-6 bg-gray-200 rounded-md dark:bg-gray-800']
         },
-        value: function value(_ref87) {
-          var props = _ref87.props;
+        value: function value(_ref88) {
+          var props = _ref88.props;
           return {
             "class": ['border-0 m-0 bg-blue-500', {
               'transition-width duration-1000 ease-in-out absolute items-center border-0 flex h-full justify-center overflow-hidden w-0': props.mode !== 'indeterminate',
@@ -15335,8 +15399,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       skeleton: {
-        root: function root(_ref88) {
-          var props = _ref88.props;
+        root: function root(_ref89) {
+          var props = _ref89.props;
           return {
             "class": ['overflow-hidden', '!mb-2', 'bg-gray-300 dark:bg-gray-800', 'after:absolute after:top-0 after:left-0 after:right-0 after:bottom-0 after:content after:w-full after:h-full after:bg-blue-400 after:left-full after:transform after:translate-x-full after:z-10 after:bg-gradient-to-r after:from-transparent after:via-white after:to-transparent animate-pulse', {
               'rounded-md': props.shape !== 'circle',
@@ -15346,15 +15410,13 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       tag: {
-        root: function root(_ref89) {
-          var props = _ref89.props;
+        root: function root(_ref90) {
+          var props = _ref90.props;
           return {
             "class": ['inline-flex items-center justify-center', 'bg-blue-500 text-white text-xs font-semibold px-2 py-1 ', {
-              'bg-gray-500 ': props.severity == 'secondary',
               'bg-green-500 ': props.severity == 'success',
               'bg-blue-500 ': props.severity == 'info',
               'bg-orange-500 ': props.severity == 'warning',
-              'bg-purple-500 ': props.severity == 'help',
               'bg-red-500 ': props.severity == 'danger'
             }, {
               'rounded-md': !props.rounded,
@@ -15375,8 +15437,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       scrolltop: {
-        root: function root(_ref90) {
-          var props = _ref90.props;
+        root: function root(_ref91) {
+          var props = _ref91.props;
           return {
             "class": ['fixed bottom-20 right-20 flex items-center justify-center', 'ml-auto', {
               '!bg-blue-500 hover:bg-blue-600 text-white rounded-md h-8 w-8': props.target == 'parent',
@@ -15441,8 +15503,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menuitem: {
           "class": 'relative'
         },
-        content: function content(_ref91) {
-          var context = _ref91.context;
+        content: function content(_ref92) {
+          var context = _ref92.context;
           return {
             "class": ['transition-shadow duration-200 rounded-none', 'hover:text-gray-700 dark:hover:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80',
             // Hover
@@ -15469,8 +15531,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       dock: {
-        root: function root(_ref92) {
-          var props = _ref92.props;
+        root: function root(_ref93) {
+          var props = _ref93.props;
           return {
             "class": ['absolute z-1 flex justify-center items-center pointer-events-none', {
               'left-0 bottom-0 w-full': props.position == 'bottom',
@@ -15483,18 +15545,18 @@ this.primevue.passthrough.tailwind = (function (exports) {
         container: {
           "class": ['flex pointer-events-auto', 'bg-white/10 border-white/20 p-2 border rounded-md']
         },
-        menu: function menu(_ref93) {
-          var props = _ref93.props;
+        menu: function menu(_ref94) {
+          var props = _ref94.props;
           return {
             "class": ['m-0 p-0 list-none flex items-center justify-center', 'outline-none', {
               'flex-col': props.position == 'left' || props.position == 'right'
             }]
           };
         },
-        menuitem: function menuitem(_ref94) {
-          var props = _ref94.props,
-            context = _ref94.context,
-            instance = _ref94.instance;
+        menuitem: function menuitem(_ref95) {
+          var props = _ref95.props,
+            context = _ref95.context,
+            instance = _ref95.instance;
           return {
             "class": ['p-2 rounded-md', 'transition-all duration-200 ease-cubic-bezier-will-change-transform transform ', {
               'origin-bottom hover:mx-6': props.position == 'bottom',
@@ -15519,8 +15581,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menu: {
           "class": ['m-0 p-0 list-none', 'outline-none']
         },
-        content: function content(_ref95) {
-          var context = _ref95.context;
+        content: function content(_ref96) {
+          var context = _ref96.context;
           return {
             "class": ['text-gray-700 dark:text-white/80 transition-shadow duration-200 rounded-none', 'hover:text-gray-700 dark:hover:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80',
             // Hover
@@ -15544,8 +15606,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         root: {
           "class": ['p-2 bg-gray-100 dark:bg-gray-900 border border-gray-300 dark:border-blue-900/40 rounded-md', 'flex items-center relative']
         },
-        menu: function menu(_ref96) {
-          var props = _ref96.props;
+        menu: function menu(_ref97) {
+          var props = _ref97.props;
           return {
             "class": ['m-0 sm:p-0 list-none', 'outline-none', 'sm:flex items-center flex-wrap sm:flex-row sm:top-auto sm:left-auto sm:relative sm:bg-transparent sm:shadow-none sm:w-auto', 'flex-col top-full left-0', 'absolute py-1 bg-white dark:bg-gray-900 border-0 shadow-md w-full', {
               'hidden ': !(props !== null && props !== void 0 && props.mobileActive),
@@ -15556,9 +15618,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menuitem: {
           "class": 'sm:relative sm:w-auto w-full static'
         },
-        content: function content(_ref97) {
-          var props = _ref97.props,
-            context = _ref97.context;
+        content: function content(_ref98) {
+          var props = _ref98.props,
+            context = _ref98.context;
           return {
             "class": [' transition-shadow duration-200', '', {
               'rounded-md': props.root
@@ -15573,8 +15635,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        action: function action(_ref98) {
-          var context = _ref98.context;
+        action: function action(_ref99) {
+          var context = _ref99.context;
           return {
             "class": ['select-none', 'cursor-pointer flex items-center no-underline overflow-hidden relative', 'py-3 px-5 select-none', {
               'max-[960px]:pl-9': context.level === 1,
@@ -15585,8 +15647,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         icon: {
           "class": 'mr-2'
         },
-        submenuicon: function submenuicon(_ref99) {
-          var props = _ref99.props;
+        submenuicon: function submenuicon(_ref100) {
+          var props = _ref100.props;
           return {
             "class": ['max-[960px]:ml-auto', {
               'ml-2': props.root,
@@ -15594,8 +15656,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        submenu: function submenu(_ref100) {
-          var props = _ref100.props;
+        submenu: function submenu(_ref101) {
+          var props = _ref101.props;
           return {
             "class": ['py-1 bg-white dark:bg-gray-900 border-0  sm:shadow-md sm:w-48', 'w-full static shadow-none', 'sm:absolute z-10', 'm-0 list-none', {
               'sm:absolute sm:left-full sm:top-0': props.level > 1
@@ -15610,8 +15672,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       megamenu: {
-        root: function root(_ref101) {
-          var props = _ref101.props;
+        root: function root(_ref102) {
+          var props = _ref102.props;
           return {
             "class": ['bg-gray-100 dark:bg-gray-900  border border-gray-300 dark:border-blue-900/40  rounded-md', 'flex relative', {
               'p-2 items-center': props.orientation == 'horizontal',
@@ -15622,8 +15684,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menu: {
           "class": ['m-0 sm:p-0 list-none relative', 'outline-none', 'flex items-center flex-wrap flex-row top-auto left-auto relative bg-transparent shadow-none w-auto']
         },
-        menuitem: function menuitem(_ref102) {
-          var props = _ref102.props;
+        menuitem: function menuitem(_ref103) {
+          var props = _ref103.props;
           return {
             "class": ['relative', {
               'w-auto': props.horizontal,
@@ -15631,9 +15693,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        content: function content(_ref103) {
-          var props = _ref103.props,
-            context = _ref103.context;
+        content: function content(_ref104) {
+          var props = _ref104.props,
+            context = _ref104.context;
           return {
             "class": ['transition-shadow duration-200', {
               'rounded-md': props.level < 1 && props.horizontal
@@ -15654,8 +15716,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         icon: {
           "class": 'mr-2'
         },
-        submenuicon: function submenuicon(_ref104) {
-          var props = _ref104.props;
+        submenuicon: function submenuicon(_ref105) {
+          var props = _ref105.props;
           return {
             "class": [{
               'ml-2': props.horizontal,
@@ -15663,8 +15725,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        panel: function panel(_ref105) {
-          var props = _ref105.props;
+        panel: function panel(_ref106) {
+          var props = _ref106.props;
           return {
             "class": ['py-1 bg-white dark:bg-gray-900 border-0 shadow-md w-auto', 'absolute z-10', {
               'left-full top-0': !props.horizontal
@@ -15714,8 +15776,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menu: {
           "class": ['outline-none', 'm-0 p-0 list-none']
         },
-        content: function content(_ref106) {
-          var context = _ref106.context;
+        content: function content(_ref107) {
+          var context = _ref107.context;
           return {
             "class": ['text-gray-700 dark:text-white/80 transition-shadow duration-200 border-none rounded-none', 'hover:bg-gray-200 dark:hover:bg-gray-800/80  hover:text-gray-700 dark:hover:text-white/80',
             // Hover
@@ -15765,9 +15827,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menuitem: {
           "class": 'mr-0'
         },
-        action: function action(_ref107) {
-          var context = _ref107.context,
-            state = _ref107.state;
+        action: function action(_ref108) {
+          var context = _ref108.context,
+            state = _ref108.state;
           return {
             "class": ['cursor-pointer select-none flex items-center relative no-underline overflow-hidden', 'border-b-2 p-5 font-bold rounded-t-lg ', 'focus:outline-none focus:outline-offset-0 focus:shadow-[inset_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)]', {
               'border-gray-300 bg-white text-gray-700 hover:bg-white hover:border-gray-400 hover:text-gray-600 dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80 dark:hover:bg-gray-800/80': state.d_activeIndex !== context.index,
@@ -15792,8 +15854,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         menuitem: {
           "class": 'relative'
         },
-        content: function content(_ref108) {
-          var context = _ref108.context;
+        content: function content(_ref109) {
+          var context = _ref109.context;
           return {
             "class": ['transition-shadow duration-200 border-none rounded-none', 'hover:bg-gray-200 hover:text-gray-700 dark:hover:text-white/80 dark:hover:bg-gray-800/80',
             //Hover
@@ -15805,8 +15867,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        action: function action(_ref109) {
-          var context = _ref109.context;
+        action: function action(_ref110) {
+          var context = _ref110.context;
           return {
             "class": ['py-3 px-5 select-none', 'flex items-center cursor-pointer no-underline relative overflow-hidden', {
               'text-gray-700 dark:text-white/80 hover:text-gray-700 dark:hover:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80': !context.active,
@@ -15924,8 +15986,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         indicator: {
           "class": 'mr-2'
         },
-        indicatorbutton: function indicatorbutton(_ref110) {
-          var context = _ref110.context;
+        indicatorbutton: function indicatorbutton(_ref111) {
+          var context = _ref111.context;
           return {
             "class": ['w-4 h-4 transition duration-200 rounded-full', '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)]', {
               'bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600': !context.highlighted,
@@ -15965,8 +16027,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         content: {
           "class": 'flex flex-col overflow-auto'
         },
-        container: function container(_ref111) {
-          var props = _ref111.props;
+        container: function container(_ref112) {
+          var props = _ref112.props;
           return {
             "class": ['flex', {
               'flex-row': props.orientation !== 'vertical',
@@ -15980,8 +16042,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         itemscontent: {
           "class": 'overflow-hidden w-full'
         },
-        itemscontainer: function itemscontainer(_ref112) {
-          var props = _ref112.props;
+        itemscontainer: function itemscontainer(_ref113) {
+          var props = _ref113.props;
           return {
             "class": ['flex ', {
               'flex-row': props.orientation !== 'vertical',
@@ -15989,8 +16051,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        item: function item(_ref113) {
-          var props = _ref113.props;
+        item: function item(_ref114) {
+          var props = _ref114.props;
           return {
             "class": ['flex shrink-0 grow', {
               'w-1/3': props.orientation !== 'vertical',
@@ -16004,8 +16066,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         indicator: {
           "class": 'mr-2 mb-2'
         },
-        indicatorbutton: function indicatorbutton(_ref114) {
-          var context = _ref114.context;
+        indicatorbutton: function indicatorbutton(_ref115) {
+          var context = _ref115.context;
           return {
             "class": ['w-8 h-2 transition duration-200 rounded-0', '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)]', {
               'bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600': !context.highlighted,
@@ -16027,9 +16089,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         node: {
           "class": 'p-1 outline-none'
         },
-        content: function content(_ref115) {
-          var context = _ref115.context,
-            props = _ref115.props;
+        content: function content(_ref116) {
+          var context = _ref116.context,
+            props = _ref116.props;
           return {
             "class": ['flex items-center', 'rounded-lg transition-shadow duration-200 p-2', '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)]', {
               'bg-blue-50 text-blue-600': context.selected
@@ -16038,8 +16100,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        toggler: function toggler(_ref116) {
-          var context = _ref116.context;
+        toggler: function toggler(_ref117) {
+          var context = _ref117.context;
           return {
             "class": ['cursor-pointer select-none inline-flex items-center justify-center overflow-hidden relative shrink-0', 'mr-2 w-8 h-8 border-0 bg-transparent rounded-full transition duration-200', 'hover:border-transparent 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)]', {
               'text-gray-500 dark:text-white/80 hover:bg-gray-200 dark:hover:bg-gray-800/80  hover:text-gray-800 dark:hover:text-white/80': !context.selected,
@@ -16052,9 +16114,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         checkboxcontainer: {
           "class": 'mr-2'
         },
-        checkbox: function checkbox(_ref117) {
-          var context = _ref117.context,
-            props = _ref117.props;
+        checkbox: function checkbox(_ref118) {
+          var context = _ref118.context,
+            props = _ref118.props;
           return {
             "class": ['cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6', 'flex items-center justify-center', 'border-2 w-6 h-6 rounded-lg transition-colors duration-200 text-white text-base dark:text-gray-900', {
               'border-gray-300 bg-white dark:border-blue-900/40 dark:bg-gray-900': !context.checked,
@@ -16083,8 +16145,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
       },
       // DATA
       timeline: {
-        root: function root(_ref118) {
-          var props = _ref118.props;
+        root: function root(_ref119) {
+          var props = _ref119.props;
           return {
             "class": ['flex grow', {
               'flex-col': props.layout === 'vertical',
@@ -16092,9 +16154,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        event: function event(_ref119) {
-          var props = _ref119.props,
-            context = _ref119.context;
+        event: function event(_ref120) {
+          var props = _ref120.props,
+            context = _ref120.context;
           return {
             "class": ['flex relative min-h-[70px]', {
               'flex-row-reverse': props.align === 'right' || props.layout === 'vertical' && props.align === 'alternate' && context.index % 2 === 1,
@@ -16103,9 +16165,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        opposite: function opposite(_ref120) {
-          var props = _ref120.props,
-            context = _ref120.context;
+        opposite: function opposite(_ref121) {
+          var props = _ref121.props,
+            context = _ref121.context;
           return {
             "class": ['flex-1', {
               'px-4': props.layout === 'vertical',
@@ -16116,8 +16178,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        separator: function separator(_ref121) {
-          var props = _ref121.props;
+        separator: function separator(_ref122) {
+          var props = _ref122.props;
           return {
             "class": ['flex items-center flex-initial', {
               'flex-col': props.layout === 'vertical',
@@ -16128,8 +16190,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         marker: {
           "class": 'flex self-baseline w-4 h-4 rounded-full border-2 border-blue-500 bg-white dark:border-blue-300 dark:bg-blue-900/40'
         },
-        connector: function connector(_ref122) {
-          var props = _ref122.props;
+        connector: function connector(_ref123) {
+          var props = _ref123.props;
           return {
             "class": ['grow bg-gray-300 dark:bg-blue-900/40', {
               'w-[2px]': props.layout === 'vertical',
@@ -16137,9 +16199,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        content: function content(_ref123) {
-          var props = _ref123.props,
-            context = _ref123.context;
+        content: function content(_ref124) {
+          var props = _ref124.props,
+            context = _ref124.context;
           return {
             "class": ['flex-1', {
               'px-4': props.layout === 'vertical',
@@ -16168,16 +16230,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       dataviewlayoutoptions: {
-        listbutton: function listbutton(_ref124) {
-          var props = _ref124.props;
+        listbutton: function listbutton(_ref125) {
+          var props = _ref125.props;
           return {
             "class": ['items-center cursor-pointer inline-flex overflow-hidden relative select-none text-center align-bottom justify-center border', 'transition duration-200', 'w-12 pt-3 pb-3 rounded-lg rounded-r-none', props.modelValue === 'list' ? 'bg-blue-500 border-blue-500 text-white dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' : 'bg-white border-gray-300 text-blue-gray-700 dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' // highlighted state
             ]
           };
         },
 
-        gridbutton: function gridbutton(_ref125) {
-          var props = _ref125.props;
+        gridbutton: function gridbutton(_ref126) {
+          var props = _ref126.props;
           return {
             "class": ['items-center cursor-pointer inline-flex overflow-hidden relative select-none text-center align-bottom justify-center border', 'transition duration-200', 'w-12 pt-3 pb-3 rounded-lg rounded-l-none', props.modelValue === 'grid' ? 'bg-blue-500 border-blue-500 text-white dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900' : 'bg-white border-gray-300 text-blue-gray-700 dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80' // highlighted state
             ]
@@ -16205,8 +16267,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           ]
         },
 
-        lineleft: function lineleft(_ref126) {
-          var context = _ref126.context;
+        lineleft: function lineleft(_ref127) {
+          var context = _ref127.context;
           return {
             "class": ['text-center align-top py-0 px-3 rounded-none border-r border-gray-300', 'dark:border-blue-900/40',
             //Dark Mode
@@ -16215,8 +16277,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        lineright: function lineright(_ref127) {
-          var context = _ref127.context;
+        lineright: function lineright(_ref128) {
+          var context = _ref128.context;
           return {
             "class": ['text-center align-top py-0 px-3 rounded-none', 'dark:border-blue-900/40',
             //Dark Mode
@@ -16245,8 +16307,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": 'flex flex-col justify-center p-5'
         },
         moveupbutton: {
-          root: function root(_ref128) {
-            var context = _ref128.context;
+          root: function root(_ref129) {
+            var context = _ref129.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16266,8 +16328,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         movetopbutton: {
-          root: function root(_ref129) {
-            var context = _ref129.context;
+          root: function root(_ref130) {
+            var context = _ref130.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16287,8 +16349,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         movedownbutton: {
-          root: function root(_ref130) {
-            var context = _ref130.context;
+          root: function root(_ref131) {
+            var context = _ref131.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16308,8 +16370,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         movebottombutton: {
-          root: function root(_ref131) {
-            var context = _ref131.context;
+          root: function root(_ref132) {
+            var context = _ref132.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16341,8 +16403,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           ]
         },
 
-        item: function item(_ref132) {
-          var context = _ref132.context;
+        item: function item(_ref133) {
+          var context = _ref133.context;
           return {
             "class": ['relative cursor-pointer overflow-hidden', 'py-3 px-5 m-0 border-none text-gray-600 dark:text-white/80', 'transition duration-200', {
               'text-blue-700 bg-blue-500/20 dark:bg-blue-300/20': context.active && !context.focused,
@@ -16360,8 +16422,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": 'flex flex-col justify-center p-5'
         },
         sourcemoveupbutton: {
-          root: function root(_ref133) {
-            var context = _ref133.context;
+          root: function root(_ref134) {
+            var context = _ref134.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16381,8 +16443,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         sourcemovetopbutton: {
-          root: function root(_ref134) {
-            var context = _ref134.context;
+          root: function root(_ref135) {
+            var context = _ref135.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16402,8 +16464,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         sourcemovedownbutton: {
-          root: function root(_ref135) {
-            var context = _ref135.context;
+          root: function root(_ref136) {
+            var context = _ref136.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16423,8 +16485,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         sourcemovebottombutton: {
-          root: function root(_ref136) {
-            var context = _ref136.context;
+          root: function root(_ref137) {
+            var context = _ref137.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16456,8 +16518,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           ]
         },
 
-        item: function item(_ref137) {
-          var context = _ref137.context;
+        item: function item(_ref138) {
+          var context = _ref138.context;
           return {
             "class": ['relative cursor-pointer overflow-hidden', 'py-3 px-5 m-0 border-none text-gray-600 dark:text-white/80', 'transition duration-200', {
               'text-blue-700 bg-blue-500/20 dark:bg-blue-300/20': context.active && !context.focused,
@@ -16470,8 +16532,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": 'flex flex-col justify-center p-5'
         },
         movetotargetbutton: {
-          root: function root(_ref138) {
-            var context = _ref138.context;
+          root: function root(_ref139) {
+            var context = _ref139.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16491,8 +16553,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         movealltotargetbutton: {
-          root: function root(_ref139) {
-            var context = _ref139.context;
+          root: function root(_ref140) {
+            var context = _ref140.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16512,8 +16574,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         movetosourcebutton: {
-          root: function root(_ref140) {
-            var context = _ref140.context;
+          root: function root(_ref141) {
+            var context = _ref141.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16533,8 +16595,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         movealltosourcebutton: {
-          root: function root(_ref141) {
-            var context = _ref141.context;
+          root: function root(_ref142) {
+            var context = _ref142.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16557,8 +16619,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           "class": 'flex flex-col justify-center p-5'
         },
         targetmoveupbutton: {
-          root: function root(_ref142) {
-            var context = _ref142.context;
+          root: function root(_ref143) {
+            var context = _ref143.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16578,8 +16640,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         targetmovetopbutton: {
-          root: function root(_ref143) {
-            var context = _ref143.context;
+          root: function root(_ref144) {
+            var context = _ref144.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16599,8 +16661,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         targetmovedownbutton: {
-          root: function root(_ref144) {
-            var context = _ref144.context;
+          root: function root(_ref145) {
+            var context = _ref145.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16620,8 +16682,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         targetmovebottombutton: {
-          root: function root(_ref145) {
-            var context = _ref145.context;
+          root: function root(_ref146) {
+            var context = _ref146.context;
             return {
               "class": ['relative inline-flex cursor-pointer user-select-none items-center align-bottom text-center overflow-hidden m-0',
               // button component
@@ -16666,8 +16728,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           ]
         },
 
-        firstpagebutton: function firstpagebutton(_ref146) {
-          var context = _ref146.context;
+        firstpagebutton: function firstpagebutton(_ref147) {
+          var context = _ref147.context;
           return {
             "class": ['relative inline-flex items-center justify-center user-none overflow-hidden leading-none', 'border-0 text-gray-500  min-w-[3rem] h-12 m-[0.143rem] rounded-md', 'transition duration-200', 'dark:text-white',
             //Dark Mode
@@ -16678,8 +16740,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
 
-        previouspagebutton: function previouspagebutton(_ref147) {
-          var context = _ref147.context;
+        previouspagebutton: function previouspagebutton(_ref148) {
+          var context = _ref148.context;
           return {
             "class": ['relative inline-flex items-center justify-center user-none overflow-hidden leading-none', 'border-0 text-gray-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md', 'transition duration-200', 'dark:text-white',
             //Dark Mode
@@ -16690,8 +16752,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
 
-        nextpagebutton: function nextpagebutton(_ref148) {
-          var context = _ref148.context;
+        nextpagebutton: function nextpagebutton(_ref149) {
+          var context = _ref149.context;
           return {
             "class": ['relative inline-flex items-center justify-center user-none overflow-hidden leading-none', 'border-0 text-gray-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md', 'transition duration-200', 'dark:text-white',
             //Dark Mode
@@ -16702,8 +16764,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
 
-        lastpagebutton: function lastpagebutton(_ref149) {
-          var context = _ref149.context;
+        lastpagebutton: function lastpagebutton(_ref150) {
+          var context = _ref150.context;
           return {
             "class": ['relative inline-flex items-center justify-center user-none overflow-hidden leading-none', 'border-0 text-gray-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md', 'transition duration-200', 'dark:text-white',
             //Dark Mode
@@ -16714,8 +16776,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
 
-        pagebutton: function pagebutton(_ref150) {
-          var context = _ref150.context;
+        pagebutton: function pagebutton(_ref151) {
+          var context = _ref151.context;
           return {
             "class": ['relative inline-flex items-center justify-center user-none overflow-hidden leading-none', 'border-0 text-gray-500 min-w-[3rem] h-12 m-[0.143rem] rounded-md', 'transition duration-200', 'dark:border-blue-300 dark:text-white',
             // Dark Mode
@@ -16727,9 +16789,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
         rowperpagedropdown: {
-          root: function root(_ref151) {
-            var props = _ref151.props,
-              state = _ref151.state;
+          root: function root(_ref152) {
+            var props = _ref152.props,
+              state = _ref152.state;
             return {
               "class": ['inline-flex relative cursor-pointer user-none', 'bg-white border rounded-md', 'transition duration-200', 'h-12 mx-2', 'dark:bg-gray-950 dark:border-blue-900/40',
               //DarkMode
@@ -16761,8 +16823,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           list: {
             "class": 'm-0 p-0 py-3 list-none'
           },
-          item: function item(_ref152) {
-            var context = _ref152.context;
+          item: function item(_ref153) {
+            var context = _ref153.context;
             return {
               "class": ['relative font-normal cursor-pointer space-nowrap overflow-hidden', 'm-0 py-3 px-5 border-none text-gray-600 rounded-none', 'transition duration-200', 'dark:text-white/80',
               // Dark Mode
@@ -16785,9 +16847,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
           }
         },
         jumptopagedropdown: {
-          root: function root(_ref153) {
-            var props = _ref153.props,
-              state = _ref153.state;
+          root: function root(_ref154) {
+            var props = _ref154.props,
+              state = _ref154.state;
             return {
               "class": ['inline-flex relative cursor-pointer user-none', 'bg-white border rounded-md', 'transition duration-200', 'h-12 mx-2', 'dark:bg-gray-950 dark:border-blue-900/40',
               //DarkMode
@@ -16819,8 +16881,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           list: {
             "class": 'm-0 p-0 py-3 list-none'
           },
-          item: function item(_ref154) {
-            var context = _ref154.context;
+          item: function item(_ref155) {
+            var context = _ref155.context;
             return {
               "class": ['relative font-normal cursor-pointer space-nowrap overflow-hidden', 'm-0 py-3 px-5 border-none text-gray-600 rounded-none', 'transition duration-200', 'dark:text-white/80',
               // Dark Mode
@@ -16834,8 +16896,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       treetable: {
-        root: function root(_ref155) {
-          var props = _ref155.props;
+        root: function root(_ref156) {
+          var props = _ref156.props;
           return {
             "class": ['relative', {
               'flex flex-col h-full': props.scrollHeight === 'flex'
@@ -16855,8 +16917,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           ]
         },
 
-        wrapper: function wrapper(_ref156) {
-          var props = _ref156.props;
+        wrapper: function wrapper(_ref157) {
+          var props = _ref157.props;
           return {
             "class": [{
               'relative overflow-auto': props.scrollable,
@@ -16872,40 +16934,40 @@ this.primevue.passthrough.tailwind = (function (exports) {
         table: {
           "class": 'border-collapse table-fixed w-full'
         },
-        thead: function thead(_ref157) {
-          var props = _ref157.props;
+        thead: function thead(_ref158) {
+          var props = _ref158.props;
           return {
             "class": [{
               'block sticky top-0 z-[1]': props.scrollable
             }]
           };
         },
-        tbody: function tbody(_ref158) {
-          var props = _ref158.props;
+        tbody: function tbody(_ref159) {
+          var props = _ref159.props;
           return {
             "class": [{
               block: props.scrollable
             }]
           };
         },
-        tfoot: function tfoot(_ref159) {
-          var props = _ref159.props;
+        tfoot: function tfoot(_ref160) {
+          var props = _ref160.props;
           return {
             "class": [{
               block: props.scrollable
             }]
           };
         },
-        headerrow: function headerrow(_ref160) {
-          var props = _ref160.props;
+        headerrow: function headerrow(_ref161) {
+          var props = _ref161.props;
           return {
             "class": [{
               'flex flex-nowrap w-full': props.scrollable
             }]
           };
         },
-        row: function row(_ref161) {
-          var context = _ref161.context;
+        row: function row(_ref162) {
+          var context = _ref162.context;
           return {
             "class": ['transition duration-200', 'focus:outline focus:outline-[0.15rem] focus:outline-blue-200 focus:outline-offset-[-0.15rem]',
             // Focus
@@ -16917,8 +16979,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           };
         },
         column: {
-          headercell: function headercell(_ref162) {
-            var context = _ref162.context;
+          headercell: function headercell(_ref163) {
+            var context = _ref163.context;
             return {
               "class": ['text-left border-gray-300 border font-bold', 'transition duration-200', context.sorted ? 'bg-blue-50 text-blue-700' : 'bg-slate-50', (context === null || context === void 0 ? void 0 : context.size) === 'small' ? 'p-2' : (context === null || context === void 0 ? void 0 : context.size) === 'large' ? 'p-5' : 'p-4',
               // Size
@@ -16933,8 +16995,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-          bodycell: function bodycell(_ref163) {
-            var context = _ref163.context;
+          bodycell: function bodycell(_ref164) {
+            var context = _ref164.context;
             return {
               "class": ['text-left border-gray-300 border', 'transition duration-200', (context === null || context === void 0 ? void 0 : context.size) === 'small' ? 'p-2' : (context === null || context === void 0 ? void 0 : context.size) === 'large' ? 'p-5' : 'p-4',
               // Size
@@ -16949,16 +17011,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-          rowtoggler: function rowtoggler(_ref164) {
-            var context = _ref164.context;
+          rowtoggler: function rowtoggler(_ref165) {
+            var context = _ref165.context;
             return {
               "class": ['relative inline-flex items-center justify-center align-center cursor-pointer select-none overflow-hidden bg-transparent', 'w-8 h-8 border-0 rounded mr-0.5', context.selected ? 'text-blue-700' : 'text-gray-500', 'dark:text-white/70' //Dark Mode
               ]
             };
           },
 
-          sorticon: function sorticon(_ref165) {
-            var context = _ref165.context;
+          sorticon: function sorticon(_ref166) {
+            var context = _ref166.context;
             return {
               "class": ['ml-2', context.sorted ? 'text-blue-700 dark:text-white/80' : 'text-slate-700 dark:text-white/70']
             };
@@ -16974,16 +17036,16 @@ this.primevue.passthrough.tailwind = (function (exports) {
           checkboxwrapper: {
             "class": ['cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6 mr-2']
           },
-          checkbox: function checkbox(_ref166) {
-            var context = _ref166.context;
+          checkbox: function checkbox(_ref167) {
+            var context = _ref167.context;
             return {
               "class": ['flex items-center justify-center', 'border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200', 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
               }]
             };
           },
-          checkboxicon: function checkboxicon(_ref167) {
-            var context = _ref167.context;
+          checkboxicon: function checkboxicon(_ref168) {
+            var context = _ref168.context;
             return {
               "class": ['w-4 h-4 transition-all duration-200 text-base dark:text-gray-900', {
                 'text-white': context.checked
@@ -16996,8 +17058,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         }
       },
       datatable: {
-        root: function root(_ref168) {
-          var props = _ref168.props;
+        root: function root(_ref169) {
+          var props = _ref169.props;
           return {
             "class": ['relative', {
               'flex flex-col h-full': props.scrollable && props.scrollHeight === 'flex'
@@ -17012,8 +17074,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
         loadingicon: {
           "class": 'w-8 h-8'
         },
-        wrapper: function wrapper(_ref169) {
-          var props = _ref169.props;
+        wrapper: function wrapper(_ref170) {
+          var props = _ref170.props;
           return {
             "class": [{
               relative: props.scrollable,
@@ -17021,8 +17083,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
             }]
           };
         },
-        header: function header(_ref170) {
-          var props = _ref170.props;
+        header: function header(_ref171) {
+          var props = _ref171.props;
           return {
             "class": ['bg-slate-50 text-slate-700 border-gray-300 font-bold p-4', 'dark:border-blue-900/40 dark:text-white/80 dark:bg-gray-900',
             // Dark Mode
@@ -17032,25 +17094,25 @@ this.primevue.passthrough.tailwind = (function (exports) {
         table: {
           "class": 'w-full border-spacing-0'
         },
-        thead: function thead(_ref171) {
-          var context = _ref171.context;
+        thead: function thead(_ref172) {
+          var context = _ref172.context;
           return {
             "class": [{
               'bg-slate-50 top-0 z-[1]': context.scrollable
             }]
           };
         },
-        tbody: function tbody(_ref172) {
-          var instance = _ref172.instance,
-            context = _ref172.context;
+        tbody: function tbody(_ref173) {
+          var instance = _ref173.instance,
+            context = _ref173.context;
           return {
             "class": [{
               'sticky z-[1]': instance.frozenRow && context.scrollable
             }]
           };
         },
-        tfoot: function tfoot(_ref173) {
-          var context = _ref173.context;
+        tfoot: function tfoot(_ref174) {
+          var context = _ref174.context;
           return {
             "class": [{
               'bg-slate-50 bottom-0 z-[1]': context.scrollable
@@ -17063,9 +17125,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
         },
 
         column: {
-          headercell: function headercell(_ref174) {
-            var context = _ref174.context,
-              props = _ref174.props;
+          headercell: function headercell(_ref175) {
+            var context = _ref175.context,
+              props = _ref175.props;
             return {
               "class": ['text-left border-0 border-b border-solid border-gray-300 dark:border-blue-900/40 font-bold', 'transition duration-200', (context === null || context === void 0 ? void 0 : context.size) === 'small' ? 'p-2' : (context === null || context === void 0 ? void 0 : context.size) === 'large' ? 'p-5' : 'p-4',
               // Size
@@ -17085,9 +17147,9 @@ this.primevue.passthrough.tailwind = (function (exports) {
           headercontent: {
             "class": 'flex items-center'
           },
-          bodycell: function bodycell(_ref175) {
-            var props = _ref175.props,
-              context = _ref175.context;
+          bodycell: function bodycell(_ref176) {
+            var props = _ref176.props,
+              context = _ref176.context;
             return {
               "class": ['text-left border-0 border-b border-solid border-gray-300', (context === null || context === void 0 ? void 0 : context.size) === 'small' ? 'p-2' : (context === null || context === void 0 ? void 0 : context.size) === 'large' ? 'p-5' : 'p-4',
               // Size
@@ -17100,8 +17162,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-          footercell: function footercell(_ref176) {
-            var context = _ref176.context;
+          footercell: function footercell(_ref177) {
+            var context = _ref177.context;
             return {
               "class": ['text-left border-0 border-b border-solid border-gray-300 font-bold', 'bg-slate-50 text-slate-700', 'transition duration-200', (context === null || context === void 0 ? void 0 : context.size) === 'small' ? 'p-2' : (context === null || context === void 0 ? void 0 : context.size) === 'large' ? 'p-5' : 'p-4',
               // Size
@@ -17112,8 +17174,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-          sorticon: function sorticon(_ref177) {
-            var context = _ref177.context;
+          sorticon: function sorticon(_ref178) {
+            var context = _ref178.context;
             return {
               "class": ['ml-2', context.sorted ? 'text-blue-700 dark:text-white/80' : 'text-slate-700 dark:text-white/70']
             };
@@ -17139,8 +17201,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           filterrowitems: {
             "class": 'm-0 p-0 py-3 list-none'
           },
-          filterrowitem: function filterrowitem(_ref178) {
-            var context = _ref178.context;
+          filterrowitem: function filterrowitem(_ref179) {
+            var context = _ref179.context;
             return {
               "class": ['m-0 py-3 px-5 bg-transparent', 'transition duration-200', context !== null && context !== void 0 && context.highlighted ? 'text-blue-700 bg-blue-100 dark:text-white/80 dark:bg-blue-300' : 'text-gray-600 bg-transparent dark:text-white/80 dark:bg-transparent']
             };
@@ -17193,8 +17255,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
               "class": 'w-auto min-[0px]:text-sm px-4 py-3'
             }
           },
-          filtermenubutton: function filtermenubutton(_ref179) {
-            var context = _ref179.context;
+          filtermenubutton: function filtermenubutton(_ref180) {
+            var context = _ref180.context;
             return {
               "class": ['inline-flex justify-center items-center cursor-pointer no-underline overflow-hidden relative ml-2', 'w-8 h-8 rounded-[50%]', 'transition duration-200', 'hover:text-slate-700 hover:bg-gray-300/20',
               // Hover
@@ -17207,8 +17269,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-          headerfilterclearbutton: function headerfilterclearbutton(_ref180) {
-            var context = _ref180.context;
+          headerfilterclearbutton: function headerfilterclearbutton(_ref181) {
+            var context = _ref181.context;
             return {
               "class": ['inline-flex justify-center items-center cursor-pointer no-underline overflow-hidden relative', 'text-left bg-transparent m-0 p-0 border-none select-none ml-2', {
                 invisible: !context.hidden
@@ -17251,8 +17313,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           radiobuttonwrapper: {
             "class": ['relative inline-flex cursor-pointer select-none align-bottom', 'w-6 h-6']
           },
-          radiobutton: function radiobutton(_ref181) {
-            var context = _ref181.context;
+          radiobutton: function radiobutton(_ref182) {
+            var context = _ref182.context;
             return {
               "class": ['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,
@@ -17260,8 +17322,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
               }]
             };
           },
-          radiobuttonicon: function radiobuttonicon(_ref182) {
-            var context = _ref182.context;
+          radiobuttonicon: function radiobuttonicon(_ref183) {
+            var context = _ref183.context;
             return {
               "class": ['transform rounded-full', 'block w-3 h-3 transition duration-200 bg-white dark:bg-gray-900', {
                 'backface-hidden scale-10 invisible': context.checked === false,
@@ -17272,8 +17334,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           headercheckboxwrapper: {
             "class": ['cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6']
           },
-          headercheckbox: function headercheckbox(_ref183) {
-            var context = _ref183.context;
+          headercheckbox: function headercheckbox(_ref184) {
+            var context = _ref184.context;
             return {
               "class": ['flex items-center justify-center', 'border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200', 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,
@@ -17287,8 +17349,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           checkboxwrapper: {
             "class": ['cursor-pointer inline-flex relative select-none align-bottom', 'w-6 h-6']
           },
-          checkbox: function checkbox(_ref184) {
-            var context = _ref184.context;
+          checkbox: function checkbox(_ref185) {
+            var context = _ref185.context;
             return {
               "class": ['flex items-center justify-center', 'border-2 w-6 h-6 text-gray-600 rounded-lg transition-colors duration-200', 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,
@@ -17301,8 +17363,8 @@ this.primevue.passthrough.tailwind = (function (exports) {
           },
           transition: TRANSITIONS.overlay
         },
-        bodyrow: function bodyrow(_ref185) {
-          var context = _ref185.context;
+        bodyrow: function bodyrow(_ref186) {
+          var context = _ref186.context;
           return {
             "class": [context.selected ? 'bg-blue-50 text-blue-700 dark:bg-blue-300' : 'bg-white text-gray-600 dark:bg-gray-900', context.stripedRows ? context.index % 2 === 0 ? 'bg-white text-gray-600 dark:bg-gray-900' : 'bg-blue-50/50 text-gray-600 dark:bg-gray-950' : '', 'transition duration-200', 'focus:outline focus:outline-[0.15rem] focus:outline-blue-200 focus:outline-offset-[-0.15rem]',
             // Focus