primevue 4.2.5 → 4.3.0

package/menubar/style/index.mjs

@@ -1,21 +1,18 @@
+import { style } from '@primeuix/styles/menubar';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-menubar {\n    display: flex;\n    align-items: center;\n    background: ".concat(dt('menubar.background'), ";\n    border: 1px solid ").concat(dt('menubar.border.color'), ";\n    border-radius: ").concat(dt('menubar.border.radius'), ";\n    color: ").concat(dt('menubar.color'), ";\n    padding: ").concat(dt('menubar.padding'), ";\n    gap: ").concat(dt('menubar.gap'), ";\n}\n\n.p-menubar-start,\n.p-megamenu-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-menubar-root-list,\n.p-menubar-submenu {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    outline: 0 none;\n}\n\n.p-menubar-root-list {\n    align-items: center;\n    flex-wrap: wrap;\n    gap: ").concat(dt('menubar.gap'), ";\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n    border-radius: ").concat(dt('menubar.base.item.border.radius'), ";\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ").concat(dt('menubar.base.item.padding'), ";\n}\n\n.p-menubar-item-content {\n    transition: background ").concat(dt('menubar.transition.duration'), ", color ").concat(dt('menubar.transition.duration'), ";\n    border-radius: ").concat(dt('menubar.item.border.radius'), ";\n    color: ").concat(dt('menubar.item.color'), ";\n}\n\n.p-menubar-item-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n    color: inherit;\n    padding: ").concat(dt('menubar.item.padding'), ";\n    gap: ").concat(dt('menubar.item.gap'), ";\n    user-select: none;\n    outline: 0 none;\n}\n\n.p-menubar-item-label {\n    line-height: 1;\n}\n\n.p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.color'), ";\n}\n\n.p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.color'), ";\n    margin-left: auto;\n    font-size: ").concat(dt('menubar.submenu.icon.size'), ";\n    width: ").concat(dt('menubar.submenu.icon.size'), ";\n    height: ").concat(dt('menubar.submenu.icon.size'), ";\n}\n\n.p-menubar-submenu .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content {\n    color: ").concat(dt('menubar.item.focus.color'), ";\n    background: ").concat(dt('menubar.item.focus.background'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.focus.color'), ";\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.focus.color'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n    color: ").concat(dt('menubar.item.focus.color'), ";\n    background: ").concat(dt('menubar.item.focus.background'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.focus.color'), ";\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.focus.color'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content {\n    color: ").concat(dt('menubar.item.active.color'), ";\n    background: ").concat(dt('menubar.item.active.background'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n    color: ").concat(dt('menubar.item.icon.active.color'), ";\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ").concat(dt('menubar.submenu.icon.active.color'), ";\n}\n\n.p-menubar-submenu {\n    display: none;\n    position: absolute;\n    min-width: 12.5rem;\n    z-index: 1;\n    background: ").concat(dt('menubar.submenu.background'), ";\n    border: 1px solid ").concat(dt('menubar.submenu.border.color'), ";\n    border-radius: ").concat(dt('menubar.submenu.border.radius'), ";\n    box-shadow: ").concat(dt('menubar.submenu.shadow'), ";\n    color: ").concat(dt('menubar.submenu.color'), ";\n    flex-direction: column;\n    padding: ").concat(dt('menubar.submenu.padding'), ";\n    gap: ").concat(dt('menubar.submenu.gap'), ";\n}\n\n.p-menubar-submenu .p-menubar-separator {\n    border-block-start: 1px solid ").concat(dt('menubar.separator.border.color'), ";\n}\n\n.p-menubar-submenu .p-menubar-item {\n    position: relative;\n}\n\n.p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-menubar-end {\n    margin-left: auto;\n    align-self: center;\n}\n\n.p-menubar-end:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-button {\n    display: none;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    width: ").concat(dt('menubar.mobile.button.size'), ";\n    height: ").concat(dt('menubar.mobile.button.size'), ";\n    position: relative;\n    color: ").concat(dt('menubar.mobile.button.color'), ";\n    border: 0 none;\n    background: transparent;\n    border-radius: ").concat(dt('menubar.mobile.button.border.radius'), ";\n    transition: background ").concat(dt('menubar.transition.duration'), ", color ").concat(dt('menubar.transition.duration'), ", outline-color ").concat(dt('menubar.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-menubar-button:hover {\n    color: ").concat(dt('menubar.mobile.button.hover.color'), ";\n    background: ").concat(dt('menubar.mobile.button.hover.background'), ";\n}\n\n.p-menubar-button:focus-visible {\n    box-shadow: ").concat(dt('menubar.mobile.button.focus.ring.shadow'), ";\n    outline: ").concat(dt('menubar.mobile.button.focus.ring.width'), " ").concat(dt('menubar.mobile.button.focus.ring.style'), " ").concat(dt('menubar.mobile.button.focus.ring.color'), ";\n    outline-offset: ").concat(dt('menubar.mobile.button.focus.ring.offset'), ";\n}\n\n.p-menubar-mobile {\n    position: relative;\n}\n\n.p-menubar-mobile .p-menubar-button {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list {\n    position: absolute;\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n    padding: ").concat(dt('menubar.submenu.padding'), ";\n    background: ").concat(dt('menubar.submenu.background'), ";\n    border: 1px solid ").concat(dt('menubar.submenu.border.color'), ";\n    box-shadow: ").concat(dt('menubar.submenu.shadow'), ";\n    border-radius: ").concat(dt('menubar.submenu.border.radius'), ";\n    gap: ").concat(dt('menubar.submenu.gap'), ";\n}\n\n.p-menubar-mobile .p-menubar-root-list:dir(rtl) {\n    left: auto;\n    right: 0;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ").concat(dt('menubar.item.padding'), ";\n}\n\n.p-menubar-mobile-active .p-menubar-root-list {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-item {\n    width: 100%;\n    position: static;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-separator {\n    border-block-start: 1px solid ").concat(dt('menubar.separator.border.color'), ";\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon:dir(rtl),\n.p-menubar-mobile .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-180deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-menubar-mobile .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu {\n    width: 100%;\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-inline-start: ").concat(dt('menubar.submenu.mobile.indent'), ";\n    padding-inline-end: 0;\n}\n");
-};
 var inlineStyles = {
-  submenu: function submenu(_ref2) {
-    var instance = _ref2.instance,
-      processedItem = _ref2.processedItem;
+  submenu: function submenu(_ref) {
+    var instance = _ref.instance,
+      processedItem = _ref.processedItem;
     return {
       display: instance.isItemActive(processedItem) ? 'flex' : 'none'
     };
   }
 };
 var classes = {
-  root: function root(_ref3) {
-    var instance = _ref3.instance;
+  root: function root(_ref2) {
+    var instance = _ref2.instance;
     return ['p-menubar p-component', {
       'p-menubar-mobile': instance.queryMatches,
       'p-menubar-mobile-active': instance.mobileActive
@@ -24,9 +21,9 @@ var classes = {
   start: 'p-menubar-start',
   button: 'p-menubar-button',
   rootList: 'p-menubar-root-list',
-  item: function item(_ref4) {
-    var instance = _ref4.instance,
-      processedItem = _ref4.processedItem;
+  item: function item(_ref3) {
+    var instance = _ref3.instance,
+      processedItem = _ref3.processedItem;
     return ['p-menubar-item', {
       'p-menubar-item-active': instance.isItemActive(processedItem),
       'p-focus': instance.isItemFocused(processedItem),
@@ -44,7 +41,7 @@ var classes = {
 };
 var MenubarStyle = BaseStyle.extend({
   name: 'menubar',
-  theme: theme,
+  style: style,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/menubar/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/menubar/style/MenubarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-menubar {\n    display: flex;\n    align-items: center;\n    background: ${dt('menubar.background')};\n    border: 1px solid ${dt('menubar.border.color')};\n    border-radius: ${dt('menubar.border.radius')};\n    color: ${dt('menubar.color')};\n    padding: ${dt('menubar.padding')};\n    gap: ${dt('menubar.gap')};\n}\n\n.p-menubar-start,\n.p-megamenu-end {\n    display: flex;\n    align-items: center;\n}\n\n.p-menubar-root-list,\n.p-menubar-submenu {\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    outline: 0 none;\n}\n\n.p-menubar-root-list {\n    align-items: center;\n    flex-wrap: wrap;\n    gap: ${dt('menubar.gap')};\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content {\n    border-radius: ${dt('menubar.base.item.border.radius')};\n}\n\n.p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ${dt('menubar.base.item.padding')};\n}\n\n.p-menubar-item-content {\n    transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')};\n    border-radius: ${dt('menubar.item.border.radius')};\n    color: ${dt('menubar.item.color')};\n}\n\n.p-menubar-item-link {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    overflow: hidden;\n    position: relative;\n    color: inherit;\n    padding: ${dt('menubar.item.padding')};\n    gap: ${dt('menubar.item.gap')};\n    user-select: none;\n    outline: 0 none;\n}\n\n.p-menubar-item-label {\n    line-height: 1;\n}\n\n.p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.color')};\n}\n\n.p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.color')};\n    margin-left: auto;\n    font-size: ${dt('menubar.submenu.icon.size')};\n    width: ${dt('menubar.submenu.icon.size')};\n    height: ${dt('menubar.submenu.icon.size')};\n}\n\n.p-menubar-submenu .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content {\n    color: ${dt('menubar.item.focus.color')};\n    background: ${dt('menubar.item.focus.background')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.focus.color')};\n}\n\n.p-menubar-item.p-focus > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.focus.color')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover {\n    color: ${dt('menubar.item.focus.color')};\n    background: ${dt('menubar.item.focus.background')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.focus.color')};\n}\n\n.p-menubar-item:not(.p-disabled) > .p-menubar-item-content:hover .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.focus.color')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content {\n    color: ${dt('menubar.item.active.color')};\n    background: ${dt('menubar.item.active.background')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-item-icon {\n    color: ${dt('menubar.item.icon.active.color')};\n}\n\n.p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    color: ${dt('menubar.submenu.icon.active.color')};\n}\n\n.p-menubar-submenu {\n    display: none;\n    position: absolute;\n    min-width: 12.5rem;\n    z-index: 1;\n    background: ${dt('menubar.submenu.background')};\n    border: 1px solid ${dt('menubar.submenu.border.color')};\n    border-radius: ${dt('menubar.submenu.border.radius')};\n    box-shadow: ${dt('menubar.submenu.shadow')};\n    color: ${dt('menubar.submenu.color')};\n    flex-direction: column;\n    padding: ${dt('menubar.submenu.padding')};\n    gap: ${dt('menubar.submenu.gap')};\n}\n\n.p-menubar-submenu .p-menubar-separator {\n    border-block-start: 1px solid ${dt('menubar.separator.border.color')};\n}\n\n.p-menubar-submenu .p-menubar-item {\n    position: relative;\n}\n\n.p-menubar-submenu > .p-menubar-item-active > .p-menubar-submenu {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-menubar-end {\n    margin-left: auto;\n    align-self: center;\n}\n\n.p-menubar-end:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-button {\n    display: none;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    width: ${dt('menubar.mobile.button.size')};\n    height: ${dt('menubar.mobile.button.size')};\n    position: relative;\n    color: ${dt('menubar.mobile.button.color')};\n    border: 0 none;\n    background: transparent;\n    border-radius: ${dt('menubar.mobile.button.border.radius')};\n    transition: background ${dt('menubar.transition.duration')}, color ${dt('menubar.transition.duration')}, outline-color ${dt('menubar.transition.duration')};\n    outline-color: transparent;\n}\n\n.p-menubar-button:hover {\n    color: ${dt('menubar.mobile.button.hover.color')};\n    background: ${dt('menubar.mobile.button.hover.background')};\n}\n\n.p-menubar-button:focus-visible {\n    box-shadow: ${dt('menubar.mobile.button.focus.ring.shadow')};\n    outline: ${dt('menubar.mobile.button.focus.ring.width')} ${dt('menubar.mobile.button.focus.ring.style')} ${dt('menubar.mobile.button.focus.ring.color')};\n    outline-offset: ${dt('menubar.mobile.button.focus.ring.offset')};\n}\n\n.p-menubar-mobile {\n    position: relative;\n}\n\n.p-menubar-mobile .p-menubar-button {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list {\n    position: absolute;\n    display: none;\n    width: 100%;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n    padding: ${dt('menubar.submenu.padding')};\n    background: ${dt('menubar.submenu.background')};\n    border: 1px solid ${dt('menubar.submenu.border.color')};\n    box-shadow: ${dt('menubar.submenu.shadow')};\n    border-radius: ${dt('menubar.submenu.border.radius')};\n    gap: ${dt('menubar.submenu.gap')};\n}\n\n.p-menubar-mobile .p-menubar-root-list:dir(rtl) {\n    left: auto;\n    right: 0;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content > .p-menubar-item-link {\n    padding: ${dt('menubar.item.padding')};\n}\n\n.p-menubar-mobile-active .p-menubar-root-list {\n    display: flex;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-item {\n    width: 100%;\n    position: static;\n}\n\n.p-menubar-mobile .p-menubar-root-list .p-menubar-separator {\n    border-block-start: 1px solid ${dt('menubar.separator.border.color')};\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item > .p-menubar-item-content .p-menubar-submenu-icon:dir(rtl),\n.p-menubar-mobile .p-menubar-submenu-icon:dir(rtl) {\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.p-menubar-mobile .p-menubar-root-list > .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-180deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu .p-menubar-submenu-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-menubar-mobile .p-menubar-item-active > .p-menubar-item-content .p-menubar-submenu-icon {\n    transform: rotate(-90deg);\n}\n\n.p-menubar-mobile .p-menubar-submenu {\n    width: 100%;\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-inline-start: ${dt('menubar.submenu.mobile.indent')};\n    padding-inline-end: 0;\n}\n`;\n\nconst inlineStyles = {\n    submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-menubar p-component',\n        {\n            'p-menubar-mobile': instance.queryMatches,\n            'p-menubar-mobile-active': instance.mobileActive\n        }\n    ],\n    start: 'p-menubar-start',\n    button: 'p-menubar-button',\n    rootList: 'p-menubar-root-list',\n    item: ({ instance, processedItem }) => [\n        'p-menubar-item',\n        {\n            'p-menubar-item-active': instance.isItemActive(processedItem),\n            'p-focus': instance.isItemFocused(processedItem),\n            'p-disabled': instance.isItemDisabled(processedItem)\n        }\n    ],\n    itemContent: 'p-menubar-item-content',\n    itemLink: 'p-menubar-item-link',\n    itemIcon: 'p-menubar-item-icon',\n    itemLabel: 'p-menubar-item-label',\n    submenuIcon: 'p-menubar-submenu-icon',\n    submenu: 'p-menubar-submenu',\n    separator: 'p-menubar-separator',\n    end: 'p-menubar-end'\n};\n\nexport default BaseStyle.extend({\n    name: 'menubar',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","submenu","_ref2","instance","processedItem","display","isItemActive","classes","root","_ref3","queryMatches","mobileActive","start","button","rootList","item","_ref4","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","separator","end","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/menubar/style/MenubarStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/menubar';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst inlineStyles = {\n    submenu: ({ instance, processedItem }) => ({ display: instance.isItemActive(processedItem) ? 'flex' : 'none' })\n};\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-menubar p-component',\n        {\n            'p-menubar-mobile': instance.queryMatches,\n            'p-menubar-mobile-active': instance.mobileActive\n        }\n    ],\n    start: 'p-menubar-start',\n    button: 'p-menubar-button',\n    rootList: 'p-menubar-root-list',\n    item: ({ instance, processedItem }) => [\n        'p-menubar-item',\n        {\n            'p-menubar-item-active': instance.isItemActive(processedItem),\n            'p-focus': instance.isItemFocused(processedItem),\n            'p-disabled': instance.isItemDisabled(processedItem)\n        }\n    ],\n    itemContent: 'p-menubar-item-content',\n    itemLink: 'p-menubar-item-link',\n    itemIcon: 'p-menubar-item-icon',\n    itemLabel: 'p-menubar-item-label',\n    submenuIcon: 'p-menubar-submenu-icon',\n    submenu: 'p-menubar-submenu',\n    separator: 'p-menubar-separator',\n    end: 'p-menubar-end'\n};\n\nexport default BaseStyle.extend({\n    name: 'menubar',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["inlineStyles","submenu","_ref","instance","processedItem","display","isItemActive","classes","root","_ref2","queryMatches","mobileActive","start","button","rootList","item","_ref3","isItemFocused","isItemDisabled","itemContent","itemLink","itemIcon","itemLabel","submenuIcon","separator","end","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,YAAY,GAAG;AACjBC,EAAAA,OAAO,EAAE,SAATA,OAAOA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAA,OAAQ;MAAEC,OAAO,EAAEF,QAAQ,CAACG,YAAY,CAACF,aAAa,CAAC,GAAG,MAAM,GAAG;KAAQ;AAAA;AAClH,CAAC;AAED,IAAMG,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKN,QAAQ,GAAAM,KAAA,CAARN,QAAQ;IAAA,OAAO,CACpB,uBAAuB,EACvB;MACI,kBAAkB,EAAEA,QAAQ,CAACO,YAAY;MACzC,yBAAyB,EAAEP,QAAQ,CAACQ;AACxC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,iBAAiB;AACxBC,EAAAA,MAAM,EAAE,kBAAkB;AAC1BC,EAAAA,QAAQ,EAAE,qBAAqB;AAC/BC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKb,QAAQ,GAAAa,KAAA,CAARb,QAAQ;MAAEC,aAAa,GAAAY,KAAA,CAAbZ,aAAa;IAAA,OAAO,CACnC,gBAAgB,EAChB;AACI,MAAA,uBAAuB,EAAED,QAAQ,CAACG,YAAY,CAACF,aAAa,CAAC;AAC7D,MAAA,SAAS,EAAED,QAAQ,CAACc,aAAa,CAACb,aAAa,CAAC;AAChD,MAAA,YAAY,EAAED,QAAQ,CAACe,cAAc,CAACd,aAAa;AACvD,KAAC,CACJ;AAAA,GAAA;AACDe,EAAAA,WAAW,EAAE,wBAAwB;AACrCC,EAAAA,QAAQ,EAAE,qBAAqB;AAC/BC,EAAAA,QAAQ,EAAE,qBAAqB;AAC/BC,EAAAA,SAAS,EAAE,sBAAsB;AACjCC,EAAAA,WAAW,EAAE,wBAAwB;AACrCtB,EAAAA,OAAO,EAAE,mBAAmB;AAC5BuB,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,GAAG,EAAE;AACT,CAAC;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,KAAK,EAALA,KAAK;AACLtB,EAAAA,OAAO,EAAPA,OAAO;AACPP,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}

package/message/index.mjs

@@ -2,7 +2,7 @@ import TimesIcon from '@primevue/icons/times';
 import Ripple from 'primevue/ripple';
 import BaseComponent from '@primevue/core/basecomponent';
 import MessageStyle from 'primevue/message/style';
-import { resolveComponent, resolveDirective, openBlock, createBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, normalizeClass, resolveDynamicComponent, createCommentVNode, vShow } from 'vue';
+import { resolveComponent, resolveDirective, createBlock, openBlock, Transition, mergeProps, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, vShow } from 'vue';
 
 var script$1 = {
   name: 'BaseMessage',
@@ -91,10 +91,10 @@ var script = {
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1 = ["aria-label"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_TimesIcon = resolveComponent("TimesIcon");

package/message/style/index.mjs

@@ -1,12 +1,9 @@
+import { style } from '@primeuix/styles/message';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-message {\n    border-radius: ".concat(dt('message.border.radius'), ";\n    outline-width: ").concat(dt('message.border.width'), ";\n    outline-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('message.content.padding'), ";\n    gap: ").concat(dt('message.content.gap'), ";\n    height: 100%;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-inline-start: auto;\n    overflow: hidden;\n    position: relative;\n    width: ").concat(dt('message.close.button.width'), ";\n    height: ").concat(dt('message.close.button.height'), ";\n    border-radius: ").concat(dt('message.close.button.border.radius'), ";\n    background: transparent;\n    transition: background ").concat(dt('message.transition.duration'), ", color ").concat(dt('message.transition.duration'), ", outline-color ").concat(dt('message.transition.duration'), ", box-shadow ").concat(dt('message.transition.duration'), ", opacity 0.3s;\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.size'), ";\n    width: ").concat(dt('message.close.icon.size'), ";\n    height: ").concat(dt('message.close.icon.size'), ";\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ").concat(dt('message.close.button.focus.ring.width'), ";\n    outline-style: ").concat(dt('message.close.button.focus.ring.style'), ";\n    outline-offset: ").concat(dt('message.close.button.focus.ring.offset'), ";\n}\n\n.p-message-info {\n    background: ").concat(dt('message.info.background'), ";\n    outline-color: ").concat(dt('message.info.border.color'), ";\n    color: ").concat(dt('message.info.color'), ";\n    box-shadow: ").concat(dt('message.info.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.info.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.info.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ").concat(dt('message.info.close.button.hover.background'), ";\n}\n\n.p-message-info.p-message-outlined {\n    color: ").concat(dt('message.info.outlined.color'), ";\n    outline-color: ").concat(dt('message.info.outlined.border.color'), ";\n}\n\n.p-message-info.p-message-simple {\n    color: ").concat(dt('message.info.simple.color'), ";\n}\n\n.p-message-success {\n    background: ").concat(dt('message.success.background'), ";\n    outline-color: ").concat(dt('message.success.border.color'), ";\n    color: ").concat(dt('message.success.color'), ";\n    box-shadow: ").concat(dt('message.success.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.success.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.success.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ").concat(dt('message.success.close.button.hover.background'), ";\n}\n\n.p-message-success.p-message-outlined {\n    color: ").concat(dt('message.success.outlined.color'), ";\n    outline-color: ").concat(dt('message.success.outlined.border.color'), ";\n}\n\n.p-message-success.p-message-simple {\n    color: ").concat(dt('message.success.simple.color'), ";\n}\n\n.p-message-warn {\n    background: ").concat(dt('message.warn.background'), ";\n    outline-color: ").concat(dt('message.warn.border.color'), ";\n    color: ").concat(dt('message.warn.color'), ";\n    box-shadow: ").concat(dt('message.warn.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.warn.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.warn.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ").concat(dt('message.warn.close.button.hover.background'), ";\n}\n\n.p-message-warn.p-message-outlined {\n    color: ").concat(dt('message.warn.outlined.color'), ";\n    outline-color: ").concat(dt('message.warn.outlined.border.color'), ";\n}\n\n.p-message-warn.p-message-simple {\n    color: ").concat(dt('message.warn.simple.color'), ";\n}\n\n.p-message-error {\n    background: ").concat(dt('message.error.background'), ";\n    outline-color: ").concat(dt('message.error.border.color'), ";\n    color: ").concat(dt('message.error.color'), ";\n    box-shadow: ").concat(dt('message.error.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.error.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.error.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ").concat(dt('message.error.close.button.hover.background'), ";\n}\n\n.p-message-error.p-message-outlined {\n    color: ").concat(dt('message.error.outlined.color'), ";\n    outline-color: ").concat(dt('message.error.outlined.border.color'), ";\n}\n\n.p-message-error.p-message-simple {\n    color: ").concat(dt('message.error.simple.color'), ";\n}\n\n.p-message-secondary {\n    background: ").concat(dt('message.secondary.background'), ";\n    outline-color: ").concat(dt('message.secondary.border.color'), ";\n    color: ").concat(dt('message.secondary.color'), ";\n    box-shadow: ").concat(dt('message.secondary.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.secondary.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.secondary.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ").concat(dt('message.secondary.close.button.hover.background'), ";\n}\n\n.p-message-secondary.p-message-outlined {\n    color: ").concat(dt('message.secondary.outlined.color'), ";\n    outline-color: ").concat(dt('message.secondary.outlined.border.color'), ";\n}\n\n.p-message-secondary.p-message-simple {\n    color: ").concat(dt('message.secondary.simple.color'), ";\n}\n\n.p-message-contrast {\n    background: ").concat(dt('message.contrast.background'), ";\n    outline-color: ").concat(dt('message.contrast.border.color'), ";\n    color: ").concat(dt('message.contrast.color'), ";\n    box-shadow: ").concat(dt('message.contrast.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ").concat(dt('message.contrast.close.button.focus.ring.color'), ";\n    box-shadow: ").concat(dt('message.contrast.close.button.focus.ring.shadow'), ";\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ").concat(dt('message.contrast.close.button.hover.background'), ";\n}\n\n.p-message-contrast.p-message-outlined {\n    color: ").concat(dt('message.contrast.outlined.color'), ";\n    outline-color: ").concat(dt('message.contrast.outlined.border.color'), ";\n}\n\n.p-message-contrast.p-message-simple {\n    color: ").concat(dt('message.contrast.simple.color'), ";\n}\n\n.p-message-text {\n    font-size: ").concat(dt('message.text.font.size'), ";\n    font-weight: ").concat(dt('message.text.font.weight'), ";\n}\n\n.p-message-icon {\n    font-size: ").concat(dt('message.icon.size'), ";\n    width: ").concat(dt('message.icon.size'), ";\n    height: ").concat(dt('message.icon.size'), ";\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;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    opacity: 0;\n}\n\n.p-message-sm .p-message-content {\n    padding: ").concat(dt('message.content.sm.padding'), ";\n}\n\n.p-message-sm .p-message-text {\n    font-size: ").concat(dt('message.text.sm.font.size'), ";\n}\n\n.p-message-sm .p-message-icon {\n    font-size: ").concat(dt('message.icon.sm.size'), ";\n    width: ").concat(dt('message.icon.sm.size'), ";\n    height: ").concat(dt('message.icon.sm.size'), ";\n}\n\n.p-message-sm .p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.sm.size'), ";\n    width: ").concat(dt('message.close.icon.sm.size'), ";\n    height: ").concat(dt('message.close.icon.sm.size'), ";\n}\n\n.p-message-lg .p-message-content {\n    padding: ").concat(dt('message.content.lg.padding'), ";\n}\n\n.p-message-lg .p-message-text {\n    font-size: ").concat(dt('message.text.lg.font.size'), ";\n}\n\n.p-message-lg .p-message-icon {\n    font-size: ").concat(dt('message.icon.lg.size'), ";\n    width: ").concat(dt('message.icon.lg.size'), ";\n    height: ").concat(dt('message.icon.lg.size'), ";\n}\n\n.p-message-lg .p-message-close-icon {\n    font-size: ").concat(dt('message.close.icon.lg.size'), ";\n    width: ").concat(dt('message.close.icon.lg.size'), ";\n    height: ").concat(dt('message.close.icon.lg.size'), ";\n}\n\n.p-message-outlined {\n    background: transparent;\n    outline-width: ").concat(dt('message.outlined.border.width'), ";\n}\n\n.p-message-simple {\n    background: transparent;\n    outline-color: transparent;\n    box-shadow: none;\n}\n\n.p-message-simple .p-message-content {\n    padding: ").concat(dt('message.simple.content.padding'), ";\n}\n\n.p-message-outlined .p-message-close-button:hover,\n.p-message-simple .p-message-close-button:hover {\n    background: transparent;\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return ['p-message p-component p-message-' + props.severity, {
       'p-message-outlined': props.variant === 'outlined',
       'p-message-simple': props.variant === 'simple',
@@ -22,7 +19,7 @@ var classes = {
 };
 var MessageStyle = BaseStyle.extend({
   name: 'message',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/message/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/message/style/MessageStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-message {\n    border-radius: ${dt('message.border.radius')};\n    outline-width: ${dt('message.border.width')};\n    outline-style: solid;\n}\n\n.p-message-content {\n    display: flex;\n    align-items: center;\n    padding: ${dt('message.content.padding')};\n    gap: ${dt('message.content.gap')};\n    height: 100%;\n}\n\n.p-message-icon {\n    flex-shrink: 0;\n}\n\n.p-message-close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-inline-start: auto;\n    overflow: hidden;\n    position: relative;\n    width: ${dt('message.close.button.width')};\n    height: ${dt('message.close.button.height')};\n    border-radius: ${dt('message.close.button.border.radius')};\n    background: transparent;\n    transition: background ${dt('message.transition.duration')}, color ${dt('message.transition.duration')}, outline-color ${dt('message.transition.duration')}, box-shadow ${dt('message.transition.duration')}, opacity 0.3s;\n    outline-color: transparent;\n    color: inherit;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-message-close-icon {\n    font-size: ${dt('message.close.icon.size')};\n    width: ${dt('message.close.icon.size')};\n    height: ${dt('message.close.icon.size')};\n}\n\n.p-message-close-button:focus-visible {\n    outline-width: ${dt('message.close.button.focus.ring.width')};\n    outline-style: ${dt('message.close.button.focus.ring.style')};\n    outline-offset: ${dt('message.close.button.focus.ring.offset')};\n}\n\n.p-message-info {\n    background: ${dt('message.info.background')};\n    outline-color: ${dt('message.info.border.color')};\n    color: ${dt('message.info.color')};\n    box-shadow: ${dt('message.info.shadow')};\n}\n\n.p-message-info .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.info.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.info.close.button.focus.ring.shadow')};\n}\n\n.p-message-info .p-message-close-button:hover {\n    background: ${dt('message.info.close.button.hover.background')};\n}\n\n.p-message-info.p-message-outlined {\n    color: ${dt('message.info.outlined.color')};\n    outline-color: ${dt('message.info.outlined.border.color')};\n}\n\n.p-message-info.p-message-simple {\n    color: ${dt('message.info.simple.color')};\n}\n\n.p-message-success {\n    background: ${dt('message.success.background')};\n    outline-color: ${dt('message.success.border.color')};\n    color: ${dt('message.success.color')};\n    box-shadow: ${dt('message.success.shadow')};\n}\n\n.p-message-success .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.success.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.success.close.button.focus.ring.shadow')};\n}\n\n.p-message-success .p-message-close-button:hover {\n    background: ${dt('message.success.close.button.hover.background')};\n}\n\n.p-message-success.p-message-outlined {\n    color: ${dt('message.success.outlined.color')};\n    outline-color: ${dt('message.success.outlined.border.color')};\n}\n\n.p-message-success.p-message-simple {\n    color: ${dt('message.success.simple.color')};\n}\n\n.p-message-warn {\n    background: ${dt('message.warn.background')};\n    outline-color: ${dt('message.warn.border.color')};\n    color: ${dt('message.warn.color')};\n    box-shadow: ${dt('message.warn.shadow')};\n}\n\n.p-message-warn .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.warn.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.warn.close.button.focus.ring.shadow')};\n}\n\n.p-message-warn .p-message-close-button:hover {\n    background: ${dt('message.warn.close.button.hover.background')};\n}\n\n.p-message-warn.p-message-outlined {\n    color: ${dt('message.warn.outlined.color')};\n    outline-color: ${dt('message.warn.outlined.border.color')};\n}\n\n.p-message-warn.p-message-simple {\n    color: ${dt('message.warn.simple.color')};\n}\n\n.p-message-error {\n    background: ${dt('message.error.background')};\n    outline-color: ${dt('message.error.border.color')};\n    color: ${dt('message.error.color')};\n    box-shadow: ${dt('message.error.shadow')};\n}\n\n.p-message-error .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.error.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.error.close.button.focus.ring.shadow')};\n}\n\n.p-message-error .p-message-close-button:hover {\n    background: ${dt('message.error.close.button.hover.background')};\n}\n\n.p-message-error.p-message-outlined {\n    color: ${dt('message.error.outlined.color')};\n    outline-color: ${dt('message.error.outlined.border.color')};\n}\n\n.p-message-error.p-message-simple {\n    color: ${dt('message.error.simple.color')};\n}\n\n.p-message-secondary {\n    background: ${dt('message.secondary.background')};\n    outline-color: ${dt('message.secondary.border.color')};\n    color: ${dt('message.secondary.color')};\n    box-shadow: ${dt('message.secondary.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.secondary.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.secondary.close.button.focus.ring.shadow')};\n}\n\n.p-message-secondary .p-message-close-button:hover {\n    background: ${dt('message.secondary.close.button.hover.background')};\n}\n\n.p-message-secondary.p-message-outlined {\n    color: ${dt('message.secondary.outlined.color')};\n    outline-color: ${dt('message.secondary.outlined.border.color')};\n}\n\n.p-message-secondary.p-message-simple {\n    color: ${dt('message.secondary.simple.color')};\n}\n\n.p-message-contrast {\n    background: ${dt('message.contrast.background')};\n    outline-color: ${dt('message.contrast.border.color')};\n    color: ${dt('message.contrast.color')};\n    box-shadow: ${dt('message.contrast.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:focus-visible {\n    outline-color: ${dt('message.contrast.close.button.focus.ring.color')};\n    box-shadow: ${dt('message.contrast.close.button.focus.ring.shadow')};\n}\n\n.p-message-contrast .p-message-close-button:hover {\n    background: ${dt('message.contrast.close.button.hover.background')};\n}\n\n.p-message-contrast.p-message-outlined {\n    color: ${dt('message.contrast.outlined.color')};\n    outline-color: ${dt('message.contrast.outlined.border.color')};\n}\n\n.p-message-contrast.p-message-simple {\n    color: ${dt('message.contrast.simple.color')};\n}\n\n.p-message-text {\n    font-size: ${dt('message.text.font.size')};\n    font-weight: ${dt('message.text.font.weight')};\n}\n\n.p-message-icon {\n    font-size: ${dt('message.icon.size')};\n    width: ${dt('message.icon.size')};\n    height: ${dt('message.icon.size')};\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;\n}\n\n.p-message-leave-active {\n    overflow: hidden;\n    transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-leave-active .p-message-close-button {\n    opacity: 0;\n}\n\n.p-message-sm .p-message-content {\n    padding: ${dt('message.content.sm.padding')};\n}\n\n.p-message-sm .p-message-text {\n    font-size: ${dt('message.text.sm.font.size')};\n}\n\n.p-message-sm .p-message-icon {\n    font-size: ${dt('message.icon.sm.size')};\n    width: ${dt('message.icon.sm.size')};\n    height: ${dt('message.icon.sm.size')};\n}\n\n.p-message-sm .p-message-close-icon {\n    font-size: ${dt('message.close.icon.sm.size')};\n    width: ${dt('message.close.icon.sm.size')};\n    height: ${dt('message.close.icon.sm.size')};\n}\n\n.p-message-lg .p-message-content {\n    padding: ${dt('message.content.lg.padding')};\n}\n\n.p-message-lg .p-message-text {\n    font-size: ${dt('message.text.lg.font.size')};\n}\n\n.p-message-lg .p-message-icon {\n    font-size: ${dt('message.icon.lg.size')};\n    width: ${dt('message.icon.lg.size')};\n    height: ${dt('message.icon.lg.size')};\n}\n\n.p-message-lg .p-message-close-icon {\n    font-size: ${dt('message.close.icon.lg.size')};\n    width: ${dt('message.close.icon.lg.size')};\n    height: ${dt('message.close.icon.lg.size')};\n}\n\n.p-message-outlined {\n    background: transparent;\n    outline-width: ${dt('message.outlined.border.width')};\n}\n\n.p-message-simple {\n    background: transparent;\n    outline-color: transparent;\n    box-shadow: none;\n}\n\n.p-message-simple .p-message-content {\n    padding: ${dt('message.simple.content.padding')};\n}\n\n.p-message-outlined .p-message-close-button:hover,\n.p-message-simple .p-message-close-button:hover {\n    background: transparent;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-message p-component p-message-' + props.severity,\n        {\n            'p-message-outlined': props.variant === 'outlined',\n            'p-message-simple': props.variant === 'simple',\n            'p-message-sm': props.size === 'small',\n            'p-message-lg': props.size === 'large'\n        }\n    ],\n    content: 'p-message-content',\n    icon: 'p-message-icon',\n    text: 'p-message-text',\n    closeButton: 'p-message-close-button',\n    closeIcon: 'p-message-close-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'message',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","severity","variant","size","content","icon","text","closeButton","closeIcon","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/message/style/MessageStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/message';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-message p-component p-message-' + props.severity,\n        {\n            'p-message-outlined': props.variant === 'outlined',\n            'p-message-simple': props.variant === 'simple',\n            'p-message-sm': props.size === 'small',\n            'p-message-lg': props.size === 'large'\n        }\n    ],\n    content: 'p-message-content',\n    icon: 'p-message-icon',\n    text: 'p-message-text',\n    closeButton: 'p-message-close-button',\n    closeIcon: 'p-message-close-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'message',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","severity","variant","size","content","icon","text","closeButton","closeIcon","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;AAAA,IAAA,OAAO,CACjB,kCAAkC,GAAGA,KAAK,CAACC,QAAQ,EACnD;AACI,MAAA,oBAAoB,EAAED,KAAK,CAACE,OAAO,KAAK,UAAU;AAClD,MAAA,kBAAkB,EAAEF,KAAK,CAACE,OAAO,KAAK,QAAQ;AAC9C,MAAA,cAAc,EAAEF,KAAK,CAACG,IAAI,KAAK,OAAO;AACtC,MAAA,cAAc,EAAEH,KAAK,CAACG,IAAI,KAAK;AACnC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,IAAI,EAAE,gBAAgB;AACtBC,EAAAA,WAAW,EAAE,wBAAwB;AACrCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,KAAK,EAALA,KAAK;AACLf,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/metergroup/index.mjs

@@ -1,6 +1,6 @@
 import BaseComponent from '@primevue/core/basecomponent';
 import MeterGroupStyle from 'primevue/metergroup/style';
-import { openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, normalizeClass, createElementVNode, toDisplayString, resolveComponent, createVNode, createCommentVNode } from 'vue';
+import { createElementBlock, openBlock, mergeProps, Fragment, renderList, renderSlot, createElementVNode, normalizeClass, toDisplayString, resolveComponent, createCommentVNode, createVNode } from 'vue';
 
 var script$2 = {
   name: 'MeterGroup',

package/metergroup/style/index.mjs

@@ -1,12 +1,9 @@
+import { style } from '@primeuix/styles/metergroup';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-metergroup {\n    display: flex;\n    gap: ".concat(dt('metergroup.gap'), ";\n}\n\n.p-metergroup-meters {\n    display: flex;\n    background: ").concat(dt('metergroup.meters.background'), ";\n    border-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-label-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-metergroup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: ").concat(dt('metergroup.label.gap'), ";\n}\n\n.p-metergroup-label-marker {\n    display: inline-flex;\n    width: ").concat(dt('metergroup.label.marker.size'), ";\n    height: ").concat(dt('metergroup.label.marker.size'), ";\n    border-radius: 100%;\n}\n\n.p-metergroup-label-icon {\n    font-size: ").concat(dt('metergroup.label.icon.size'), ";\n    width: ").concat(dt('metergroup.label.icon.size'), ";\n    height: ").concat(dt('metergroup.label.icon.size'), ";\n}\n\n.p-metergroup-horizontal {\n    flex-direction: column;\n}\n\n.p-metergroup-label-list-horizontal {\n    gap: ").concat(dt('metergroup.label.list.horizontal.gap'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    height: ").concat(dt('metergroup.meters.size'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-end-start-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    border-start-end-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-end-end-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-vertical {\n    flex-direction: row;\n}\n\n.p-metergroup-label-list-vertical {\n    flex-direction: column;\n    gap: ").concat(dt('metergroup.label.list.vertical.gap'), ";\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    flex-direction: column;\n    width: ").concat(dt('metergroup.meters.size'), ";\n    height: 100%;\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    align-items: flex-start;\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-start-end-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    border-end-start-radius: ").concat(dt('metergroup.border.radius'), ";\n    border-end-end-radius: ").concat(dt('metergroup.border.radius'), ";\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return ['p-metergroup p-component', {
       'p-metergroup-horizontal': props.orientation === 'horizontal',
       'p-metergroup-vertical': props.orientation === 'vertical'
@@ -14,8 +11,8 @@ var classes = {
   },
   meters: 'p-metergroup-meters',
   meter: 'p-metergroup-meter',
-  labelList: function labelList(_ref3) {
-    var props = _ref3.props;
+  labelList: function labelList(_ref2) {
+    var props = _ref2.props;
     return ['p-metergroup-label-list', {
       'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',
       'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'
@@ -28,7 +25,7 @@ var classes = {
 };
 var MeterGroupStyle = BaseStyle.extend({
   name: 'metergroup',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/metergroup/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/metergroup/style/MeterGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-metergroup {\n    display: flex;\n    gap: ${dt('metergroup.gap')};\n}\n\n.p-metergroup-meters {\n    display: flex;\n    background: ${dt('metergroup.meters.background')};\n    border-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-label-list {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n}\n\n.p-metergroup-label {\n    display: inline-flex;\n    align-items: center;\n    gap: ${dt('metergroup.label.gap')};\n}\n\n.p-metergroup-label-marker {\n    display: inline-flex;\n    width: ${dt('metergroup.label.marker.size')};\n    height: ${dt('metergroup.label.marker.size')};\n    border-radius: 100%;\n}\n\n.p-metergroup-label-icon {\n    font-size: ${dt('metergroup.label.icon.size')};\n    width: ${dt('metergroup.label.icon.size')};\n    height: ${dt('metergroup.label.icon.size')};\n}\n\n.p-metergroup-horizontal {\n    flex-direction: column;\n}\n\n.p-metergroup-label-list-horizontal {\n    gap: ${dt('metergroup.label.list.horizontal.gap')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    height: ${dt('metergroup.meters.size')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ${dt('metergroup.border.radius')};\n    border-end-start-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    border-start-end-radius: ${dt('metergroup.border.radius')};\n    border-end-end-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-vertical {\n    flex-direction: row;\n}\n\n.p-metergroup-label-list-vertical {\n    flex-direction: column;\n    gap: ${dt('metergroup.label.list.vertical.gap')};\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    flex-direction: column;\n    width: ${dt('metergroup.meters.size')};\n    height: 100%;\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    align-items: flex-start;\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    border-start-start-radius: ${dt('metergroup.border.radius')};\n    border-start-end-radius: ${dt('metergroup.border.radius')};\n}\n\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    border-end-start-radius: ${dt('metergroup.border.radius')};\n    border-end-end-radius: ${dt('metergroup.border.radius')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-metergroup p-component',\n        {\n            'p-metergroup-horizontal': props.orientation === 'horizontal',\n            'p-metergroup-vertical': props.orientation === 'vertical'\n        }\n    ],\n    meters: 'p-metergroup-meters',\n    meter: 'p-metergroup-meter',\n    labelList: ({ props }) => [\n        'p-metergroup-label-list',\n        {\n            'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',\n            'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'\n        }\n    ],\n    label: 'p-metergroup-label',\n    labelIcon: 'p-metergroup-label-icon',\n    labelMarker: 'p-metergroup-label-marker',\n    labelText: 'p-metergroup-label-text'\n};\n\nexport default BaseStyle.extend({\n    name: 'metergroup',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","orientation","meters","meter","labelList","_ref3","labelOrientation","label","labelIcon","labelMarker","labelText","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/metergroup/style/MeterGroupStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/metergroup';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-metergroup p-component',\n        {\n            'p-metergroup-horizontal': props.orientation === 'horizontal',\n            'p-metergroup-vertical': props.orientation === 'vertical'\n        }\n    ],\n    meters: 'p-metergroup-meters',\n    meter: 'p-metergroup-meter',\n    labelList: ({ props }) => [\n        'p-metergroup-label-list',\n        {\n            'p-metergroup-label-list-vertical': props.labelOrientation === 'vertical',\n            'p-metergroup-label-list-horizontal': props.labelOrientation === 'horizontal'\n        }\n    ],\n    label: 'p-metergroup-label',\n    labelIcon: 'p-metergroup-label-icon',\n    labelMarker: 'p-metergroup-label-marker',\n    labelText: 'p-metergroup-label-text'\n};\n\nexport default BaseStyle.extend({\n    name: 'metergroup',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","orientation","meters","meter","labelList","_ref2","labelOrientation","label","labelIcon","labelMarker","labelText","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAA,OAAO,CACjB,0BAA0B,EAC1B;AACI,MAAA,yBAAyB,EAAEA,KAAK,CAACC,WAAW,KAAK,YAAY;AAC7D,MAAA,uBAAuB,EAAED,KAAK,CAACC,WAAW,KAAK;AACnD,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,MAAM,EAAE,qBAAqB;AAC7BC,EAAAA,KAAK,EAAE,oBAAoB;AAC3BC,EAAAA,SAAS,EAAE,SAAXA,SAASA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKL,KAAK,GAAAK,KAAA,CAALL,KAAK;IAAA,OAAO,CACtB,yBAAyB,EACzB;AACI,MAAA,kCAAkC,EAAEA,KAAK,CAACM,gBAAgB,KAAK,UAAU;AACzE,MAAA,oCAAoC,EAAEN,KAAK,CAACM,gBAAgB,KAAK;AACrE,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,oBAAoB;AAC3BC,EAAAA,SAAS,EAAE,yBAAyB;AACpCC,EAAAA,WAAW,EAAE,2BAA2B;AACxCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,KAAK,EAALA,KAAK;AACLjB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/multiselect/MultiSelect.vue

@@ -14,7 +14,7 @@
                 :aria-labelledby="ariaLabelledby"
                 aria-haspopup="listbox"
                 :aria-expanded="overlayVisible"
-                :aria-controls="id + '_list'"
+                :aria-controls="$id + '_list'"
                 :aria-activedescendant="focused ? focusedOptionId : undefined"
                 :aria-invalid="invalid || undefined"
                 @focus="onFocus"
@@ -88,6 +88,7 @@
                             @change="onToggleAll"
                             :unstyled="unstyled"
                             :pt="getHeaderCheckboxPTOptions('pcHeaderCheckbox')"
+                            :formControl="{ novalidate: true }"
                         >
                             <template #icon="slotProps">
                                 <component v-if="$slots.headercheckboxicon" :is="$slots.headercheckboxicon" :checked="slotProps.checked" :class="slotProps.class" />
@@ -107,12 +108,13 @@
                                 :unstyled="unstyled"
                                 role="searchbox"
                                 autocomplete="off"
-                                :aria-owns="id + '_list'"
+                                :aria-owns="$id + '_list'"
                                 :aria-activedescendant="focusedOptionId"
                                 @keydown="onFilterKeyDown"
                                 @blur="onFilterBlur"
                                 @input="onFilterChange"
                                 :pt="ptm('pcFilter')"
+                                :formControl="{ novalidate: true }"
                             />
                             <InputIcon :unstyled="unstyled" :pt="ptm('pcFilterIconContainer')">
                                 <slot name="filtericon">
@@ -128,11 +130,11 @@
                     <div :class="cx('listContainer')" :style="{ 'max-height': virtualScrollerDisabled ? scrollHeight : '' }" v-bind="ptm('listContainer')">
                         <VirtualScroller :ref="virtualScrollerRef" v-bind="virtualScrollerOptions" :items="visibleOptions" :style="{ height: scrollHeight }" :tabindex="-1" :disabled="virtualScrollerDisabled" :pt="ptm('virtualScroller')">
                             <template v-slot:content="{ styleClass, contentRef, items, getItemOptions, contentStyle, itemSize }">
-                                <ul :ref="(el) => listRef(el, contentRef)" :id="id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" aria-multiselectable="true" :aria-label="listAriaLabel" v-bind="ptm('list')">
+                                <ul :ref="(el) => listRef(el, contentRef)" :id="$id + '_list'" :class="[cx('list'), styleClass]" :style="contentStyle" role="listbox" aria-multiselectable="true" :aria-label="listAriaLabel" v-bind="ptm('list')">
                                     <template v-for="(option, i) of items" :key="getOptionRenderKey(option, getOptionIndex(i, getItemOptions))">
                                         <li
                                             v-if="isOptionGroup(option)"
-                                            :id="id + '_' + getOptionIndex(i, getItemOptions)"
+                                            :id="$id + '_' + getOptionIndex(i, getItemOptions)"
                                             :style="{ height: itemSize ? itemSize + 'px' : undefined }"
                                             :class="cx('optionGroup')"
                                             role="option"
@@ -142,7 +144,7 @@
                                         </li>
                                         <li
                                             v-else
-                                            :id="id + '_' + getOptionIndex(i, getItemOptions)"
+                                            :id="$id + '_' + getOptionIndex(i, getItemOptions)"
                                             v-ripple
                                             :style="{ height: itemSize ? itemSize + 'px' : undefined }"
                                             :class="cx('option', { option, index: i, getItemOptions })"
@@ -159,7 +161,15 @@
                                             :data-p-focused="focusedOptionIndex === getOptionIndex(i, getItemOptions)"
                                             :data-p-disabled="isOptionDisabled(option)"
                                         >
-                                            <Checkbox :defaultValue="isSelected(option)" :binary="true" :tabindex="-1" :variant="variant" :unstyled="unstyled" :pt="getCheckboxPTOptions(option, getItemOptions, i, 'pcOptionCheckbox')">
+                                            <Checkbox
+                                                :defaultValue="isSelected(option)"
+                                                :binary="true"
+                                                :tabindex="-1"
+                                                :variant="variant"
+                                                :unstyled="unstyled"
+                                                :pt="getCheckboxPTOptions(option, getItemOptions, i, 'pcOptionCheckbox')"
+                                                :formControl="{ novalidate: true }"
+                                            >
                                                 <template #icon="slotProps">
                                                     <component v-if="$slots.optioncheckboxicon || $slots.itemcheckboxicon" :is="$slots.optioncheckboxicon || $slots.itemcheckboxicon" :checked="slotProps.checked" :class="slotProps.class" />
                                                     <component
@@ -217,7 +227,7 @@ import { absolutePosition, addStyle, findSingle, focus, getFirstFocusableElement
 import { equals, findLastIndex, isEmpty, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
 import { ZIndex } from '@primeuix/utils/zindex';
 import { FilterService } from '@primevue/core/api';
-import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
+import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import CheckIcon from '@primevue/icons/check';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import SearchIcon from '@primevue/icons/search';
@@ -254,7 +264,6 @@ export default {
     selectOnFocus: false,
     data() {
         return {
-            id: this.$attrs.id,
             clicked: false,
             focused: false,
             focusedOptionIndex: -1,
@@ -263,15 +272,11 @@ export default {
         };
     },
     watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
-        },
         options() {
             this.autoUpdateModel();
         }
     },
     mounted() {
-        this.id = this.id || UniqueComponentId();
         this.autoUpdateModel();
     },
     beforeUnmount() {
@@ -369,7 +374,7 @@ export default {
 
             if (this.overlayVisible) {
                 this.focusedOptionIndex = this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : this.autoOptionFocus ? this.findFirstFocusedOptionIndex() : this.findSelectedOptionIndex();
-                this.scrollInView(this.focusedOptionIndex);
+                !this.autoFilterFocus && this.scrollInView(this.focusedOptionIndex);
             }
 
             this.$emit('focus', event);
@@ -768,12 +773,12 @@ export default {
                     }
                 };
 
-                document.addEventListener('click', this.outsideClickListener);
+                document.addEventListener('click', this.outsideClickListener, true);
             }
         },
         unbindOutsideClickListener() {
             if (this.outsideClickListener) {
-                document.removeEventListener('click', this.outsideClickListener);
+                document.removeEventListener('click', this.outsideClickListener, true);
                 this.outsideClickListener = null;
             }
         },
@@ -979,7 +984,7 @@ export default {
         },
         scrollInView(index = -1) {
             this.$nextTick(() => {
-                const id = index !== -1 ? `${this.id}_${index}` : this.focusedOptionId;
+                const id = index !== -1 ? `${this.$id}_${index}` : this.focusedOptionId;
                 const element = findSingle(this.list, `li[id="${id}"]`);
 
                 if (element) {
@@ -1114,7 +1119,7 @@ export default {
             return this.$filled ? this.selectionMessageText.replaceAll('{0}', this.d_value.length) : this.emptySelectionMessageText;
         },
         focusedOptionId() {
-            return this.focusedOptionIndex !== -1 ? `${this.id}_${this.focusedOptionIndex}` : null;
+            return this.focusedOptionIndex !== -1 ? `${this.$id}_${this.focusedOptionIndex}` : null;
         },
         ariaSetSize() {
             return this.visibleOptions.filter((option) => !this.isOptionGroup(option)).length;
@@ -1132,7 +1137,7 @@ export default {
             return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
         },
         isClearIconVisible() {
-            return this.showClear && this.d_value != null && isNotEmpty(this.options);
+            return this.showClear && this.d_value && this.d_value.length && this.d_value != null && isNotEmpty(this.options);
         }
     },
     directives: {

package/multiselect/index.d.ts

@@ -377,9 +377,9 @@ export interface MultiSelectProps {
     disabled?: boolean | undefined;
     /**
      * Specifies the input variant of the component.
-     * @defaultValue outlined
+     * @defaultValue null
      */
-    variant?: 'outlined' | 'filled' | undefined;
+    variant?: 'outlined' | 'filled' | undefined | null;
     /**
      * Spans 100% width of the container when enabled.
      * @defaultValue null
@@ -628,6 +628,12 @@ export interface MultiSelectSlots {
          * A value in the selection
          */
         value: any;
+        /**
+         * Chip icon function.
+         * @param {Event} event - Browser event
+         * @param {any} item - Item
+         */
+        removeCallback: (event: Event, item: any) => void;
     }): VNode[];
     /**
      * Custom header template.
@@ -803,9 +809,9 @@ export interface MultiSelectSlots {
      */
     itemcheckboxicon(scope: {
         /**
-         * Options of the loader items for virtualscroller
+         * Whether the data is selected.
          */
-        selected: boolean;
+        checked: boolean;
         /**
          * Style class of the loading icon.
          */
@@ -932,11 +938,11 @@ export interface MultiSelectMethods {
  * @group Component
  *
  */
-declare const MultiSelect: DefineComponent<MultiSelectProps, MultiSelectSlots, MultiSelectEmits>;
+declare const MultiSelect: DefineComponent<MultiSelectProps, MultiSelectSlots, MultiSelectEmits, MultiSelectMethods>;
 
 declare module 'vue' {
     export interface GlobalComponents {
-        MultiSelect: DefineComponent<MultiSelectProps, MultiSelectSlots, MultiSelectEmits>;
+        MultiSelect: DefineComponent<MultiSelectProps, MultiSelectSlots, MultiSelectEmits, MultiSelectMethods>;
     }
 }