primevue 4.2.5 → 4.3.0

package/autocomplete/style/index.mjs

@@ -1,19 +1,16 @@
+import { style } from '@primeuix/styles/autocomplete';
 import { isNotEmpty } from '@primeuix/utils/object';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-autocomplete {\n    display: inline-flex;\n}\n\n.p-autocomplete-loader {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    inset-inline-end: ".concat(dt('autocomplete.padding.x'), ";\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {\n    inset-inline-end: calc(").concat(dt('autocomplete.dropdown.width'), " + ").concat(dt('autocomplete.padding.x'), ");\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n}\n\n.p-autocomplete-dropdown {\n    cursor: pointer;\n    display: inline-flex;\n    user-select: none;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    width: ").concat(dt('autocomplete.dropdown.width'), ";\n    border-start-end-radius: ").concat(dt('autocomplete.dropdown.border.radius'), ";\n    border-end-end-radius: ").concat(dt('autocomplete.dropdown.border.radius'), ";\n    background: ").concat(dt('autocomplete.dropdown.background'), ";\n    border: 1px solid ").concat(dt('autocomplete.dropdown.border.color'), ";\n    border-inline-start: 0 none;\n    color: ").concat(dt('autocomplete.dropdown.color'), ";\n    transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ", outline-color ").concat(dt('autocomplete.transition.duration'), ", box-shadow ").concat(dt('autocomplete.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-autocomplete-dropdown:not(:disabled):hover {\n    background: ").concat(dt('autocomplete.dropdown.hover.background'), ";\n    border-color: ").concat(dt('autocomplete.dropdown.hover.border.color'), ";\n    color: ").concat(dt('autocomplete.dropdown.hover.color'), ";\n}\n\n.p-autocomplete-dropdown:not(:disabled):active {\n    background: ").concat(dt('autocomplete.dropdown.active.background'), ";\n    border-color: ").concat(dt('autocomplete.dropdown.active.border.color'), ";\n    color: ").concat(dt('autocomplete.dropdown.active.color'), ";\n}\n\n.p-autocomplete-dropdown:focus-visible {\n    box-shadow: ").concat(dt('autocomplete.dropdown.focus.ring.shadow'), ";\n    outline: ").concat(dt('autocomplete.dropdown.focus.ring.width'), " ").concat(dt('autocomplete.dropdown.focus.ring.style'), " ").concat(dt('autocomplete.dropdown.focus.ring.color'), ";\n    outline-offset: ").concat(dt('autocomplete.dropdown.focus.ring.offset'), ";\n}\n\n.p-autocomplete .p-autocomplete-overlay {\n    min-width: 100%;\n}\n\n.p-autocomplete-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ").concat(dt('autocomplete.overlay.background'), ";\n    color: ").concat(dt('autocomplete.overlay.color'), ";\n    border: 1px solid ").concat(dt('autocomplete.overlay.border.color'), ";\n    border-radius: ").concat(dt('autocomplete.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('autocomplete.overlay.shadow'), ";\n}\n\n.p-autocomplete-list-container {\n    overflow: auto;\n}\n\n.p-autocomplete-list {\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('autocomplete.list.gap'), ";\n    padding: ").concat(dt('autocomplete.list.padding'), ";\n}\n\n.p-autocomplete-option {\n    cursor: pointer;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('autocomplete.option.padding'), ";\n    border: 0 none;\n    color: ").concat(dt('autocomplete.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ";\n    border-radius: ").concat(dt('autocomplete.option.border.radius'), ";\n}\n\n.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('autocomplete.option.focus.background'), ";\n    color: ").concat(dt('autocomplete.option.focus.color'), ";\n}\n\n.p-autocomplete-option-selected {\n    background: ").concat(dt('autocomplete.option.selected.background'), ";\n    color: ").concat(dt('autocomplete.option.selected.color'), ";\n}\n\n.p-autocomplete-option-selected.p-focus {\n    background: ").concat(dt('autocomplete.option.selected.focus.background'), ";\n    color: ").concat(dt('autocomplete.option.selected.focus.color'), ";\n}\n\n.p-autocomplete-option-group {\n    margin: 0;\n    padding: ").concat(dt('autocomplete.option.group.padding'), ";\n    color: ").concat(dt('autocomplete.option.group.color'), ";\n    background: ").concat(dt('autocomplete.option.group.background'), ";\n    font-weight: ").concat(dt('autocomplete.option.group.font.weight'), ";\n}\n\n.p-autocomplete-input-multiple {\n    margin: 0;\n    list-style-type: none;\n    cursor: text;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    padding: calc(").concat(dt('autocomplete.padding.y'), " / 2) ").concat(dt('autocomplete.padding.x'), ";\n    gap: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n    color: ").concat(dt('autocomplete.color'), ";\n    background: ").concat(dt('autocomplete.background'), ";\n    border: 1px solid ").concat(dt('autocomplete.border.color'), ";\n    border-radius: ").concat(dt('autocomplete.border.radius'), ";\n    width: 100%;\n    transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ", outline-color ").concat(dt('autocomplete.transition.duration'), ", box-shadow ").concat(dt('autocomplete.transition.duration'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('autocomplete.shadow'), ";\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {\n    border-color: ").concat(dt('autocomplete.hover.border.color'), ";\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {\n    border-color: ").concat(dt('autocomplete.focus.border.color'), ";\n    box-shadow: ").concat(dt('autocomplete.focus.ring.shadow'), ";\n    outline: ").concat(dt('autocomplete.focus.ring.width'), " ").concat(dt('autocomplete.focus.ring.style'), " ").concat(dt('autocomplete.focus.ring.color'), ";\n    outline-offset: ").concat(dt('autocomplete.focus.ring.offset'), ";\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-multiple {\n    border-color: ").concat(dt('autocomplete.invalid.border.color'), ";\n}\n\n.p-variant-filled.p-autocomplete-input-multiple {\n    background: ").concat(dt('autocomplete.filled.background'), ";\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-variant-filled.p-autocomplete-input-multiple {\n    background: ").concat(dt('autocomplete.filled.hover.background'), ";\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple  {\n    background: ").concat(dt('autocomplete.filled.focus.background'), ";\n}\n\n.p-autocomplete.p-disabled .p-autocomplete-input-multiple {\n    opacity: 1;\n    background: ").concat(dt('autocomplete.disabled.background'), ";\n    color: ").concat(dt('autocomplete.disabled.color'), ";\n}\n\n.p-autocomplete-chip.p-chip {\n    padding-block-start: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n    padding-block-end: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n    border-radius: ").concat(dt('autocomplete.chip.border.radius'), ";\n}\n\n.p-autocomplete-input-multiple:has(.p-autocomplete-chip) {\n    padding-inline-start: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n    padding-inline-end: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n}\n\n.p-autocomplete-chip-item.p-focus .p-autocomplete-chip {\n    background: ").concat(dt('autocomplete.chip.focus.background'), ";\n    color: ").concat(dt('autocomplete.chip.focus.color'), ";\n}\n\n.p-autocomplete-input-chip {\n    flex: 1 1 auto;\n    display: inline-flex;\n    padding-block-start: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n    padding-block-end: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n}\n\n.p-autocomplete-input-chip input {\n    border: 0 none;\n    outline: 0 none;\n    background: transparent;\n    margin: 0;\n    padding: 0;\n    box-shadow: none;\n    border-radius: 0;\n    width: 100%;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: inherit;\n}\n\n.p-autocomplete-input-chip input::placeholder {\n    color: ").concat(dt('autocomplete.placeholder.color'), ";\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-chip input::placeholder {\n    color: ").concat(dt('autocomplete.invalid.placeholder.color'), ";\n}\n\n.p-autocomplete-empty-message {\n    padding: ").concat(dt('autocomplete.empty.message.padding'), ";\n}\n\n.p-autocomplete-fluid {\n    display: flex;\n}\n\n.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n    width: 1%;\n}\n\n.p-autocomplete:has(.p-inputtext-sm) .p-autocomplete-dropdown {\n    width: ").concat(dt('autocomplete.dropdown.sm.width'), ";\n}\n\n.p-autocomplete:has(.p-inputtext-sm) .p-autocomplete-dropdown .p-icon {\n    font-size: ").concat(dt('form.field.sm.font.size'), ";\n    width: ").concat(dt('form.field.sm.font.size'), ";\n    height: ").concat(dt('form.field.sm.font.size'), ";\n}\n\n.p-autocomplete:has(.p-inputtext-lg) .p-autocomplete-dropdown {\n    width: ").concat(dt('autocomplete.dropdown.lg.width'), ";\n}\n\n.p-autocomplete:has(.p-inputtext-lg) .p-autocomplete-dropdown .p-icon {\n    font-size: ").concat(dt('form.field.lg.font.size'), ";\n    width: ").concat(dt('form.field.lg.font.size'), ";\n    height: ").concat(dt('form.field.lg.font.size'), ";\n}\n");
-};
 var inlineStyles = {
   root: {
     position: 'relative'
   }
 };
 var classes = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-autocomplete p-component p-inputwrapper', {
       'p-disabled': props.disabled,
       'p-invalid': instance.$invalid,
@@ -25,16 +22,15 @@ var classes = {
     }];
   },
   pcInputText: 'p-autocomplete-input',
-  inputMultiple: function inputMultiple(_ref3) {
-    _ref3.props;
-      var instance = _ref3.instance;
+  inputMultiple: function inputMultiple(_ref2) {
+    var instance = _ref2.instance;
     return ['p-autocomplete-input-multiple', {
       'p-variant-filled': instance.$variant === 'filled'
     }];
   },
-  chipItem: function chipItem(_ref4) {
-    var instance = _ref4.instance,
-      i = _ref4.i;
+  chipItem: function chipItem(_ref3) {
+    var instance = _ref3.instance,
+      i = _ref3.i;
     return ['p-autocomplete-chip-item', {
       'p-focus': instance.focusedMultipleOptionIndex === i
     }];
@@ -48,11 +44,11 @@ var classes = {
   listContainer: 'p-autocomplete-list-container',
   list: 'p-autocomplete-list',
   optionGroup: 'p-autocomplete-option-group',
-  option: function option(_ref5) {
-    var instance = _ref5.instance,
-      _option = _ref5.option,
-      i = _ref5.i,
-      getItemOptions = _ref5.getItemOptions;
+  option: function option(_ref4) {
+    var instance = _ref4.instance,
+      _option = _ref4.option,
+      i = _ref4.i,
+      getItemOptions = _ref4.getItemOptions;
     return ['p-autocomplete-option', {
       'p-autocomplete-option-selected': instance.isSelected(_option),
       'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions),
@@ -63,7 +59,7 @@ var classes = {
 };
 var AutoCompleteStyle = BaseStyle.extend({
   name: 'autocomplete',
-  theme: theme,
+  style: style,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/autocomplete/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/autocomplete/style/AutoCompleteStyle.js"],"sourcesContent":["import { isNotEmpty } from '@primeuix/utils/object';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-autocomplete {\n    display: inline-flex;\n}\n\n.p-autocomplete-loader {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    inset-inline-end: ${dt('autocomplete.padding.x')};\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {\n    inset-inline-end: calc(${dt('autocomplete.dropdown.width')} + ${dt('autocomplete.padding.x')});\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n}\n\n.p-autocomplete-dropdown {\n    cursor: pointer;\n    display: inline-flex;\n    user-select: none;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    width: ${dt('autocomplete.dropdown.width')};\n    border-start-end-radius: ${dt('autocomplete.dropdown.border.radius')};\n    border-end-end-radius: ${dt('autocomplete.dropdown.border.radius')};\n    background: ${dt('autocomplete.dropdown.background')};\n    border: 1px solid ${dt('autocomplete.dropdown.border.color')};\n    border-inline-start: 0 none;\n    color: ${dt('autocomplete.dropdown.color')};\n    transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(\n    'autocomplete.transition.duration'\n)};\n    outline-color: transparent;\n}\n\n.p-autocomplete-dropdown:not(:disabled):hover {\n    background: ${dt('autocomplete.dropdown.hover.background')};\n    border-color: ${dt('autocomplete.dropdown.hover.border.color')};\n    color: ${dt('autocomplete.dropdown.hover.color')};\n}\n\n.p-autocomplete-dropdown:not(:disabled):active {\n    background: ${dt('autocomplete.dropdown.active.background')};\n    border-color: ${dt('autocomplete.dropdown.active.border.color')};\n    color: ${dt('autocomplete.dropdown.active.color')};\n}\n\n.p-autocomplete-dropdown:focus-visible {\n    box-shadow: ${dt('autocomplete.dropdown.focus.ring.shadow')};\n    outline: ${dt('autocomplete.dropdown.focus.ring.width')} ${dt('autocomplete.dropdown.focus.ring.style')} ${dt('autocomplete.dropdown.focus.ring.color')};\n    outline-offset: ${dt('autocomplete.dropdown.focus.ring.offset')};\n}\n\n.p-autocomplete .p-autocomplete-overlay {\n    min-width: 100%;\n}\n\n.p-autocomplete-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ${dt('autocomplete.overlay.background')};\n    color: ${dt('autocomplete.overlay.color')};\n    border: 1px solid ${dt('autocomplete.overlay.border.color')};\n    border-radius: ${dt('autocomplete.overlay.border.radius')};\n    box-shadow: ${dt('autocomplete.overlay.shadow')};\n}\n\n.p-autocomplete-list-container {\n    overflow: auto;\n}\n\n.p-autocomplete-list {\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n    flex-direction: column;\n    gap: ${dt('autocomplete.list.gap')};\n    padding: ${dt('autocomplete.list.padding')};\n}\n\n.p-autocomplete-option {\n    cursor: pointer;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    padding: ${dt('autocomplete.option.padding')};\n    border: 0 none;\n    color: ${dt('autocomplete.option.color')};\n    background: transparent;\n    transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')};\n    border-radius: ${dt('autocomplete.option.border.radius')};\n}\n\n.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('autocomplete.option.focus.background')};\n    color: ${dt('autocomplete.option.focus.color')};\n}\n\n.p-autocomplete-option-selected {\n    background: ${dt('autocomplete.option.selected.background')};\n    color: ${dt('autocomplete.option.selected.color')};\n}\n\n.p-autocomplete-option-selected.p-focus {\n    background: ${dt('autocomplete.option.selected.focus.background')};\n    color: ${dt('autocomplete.option.selected.focus.color')};\n}\n\n.p-autocomplete-option-group {\n    margin: 0;\n    padding: ${dt('autocomplete.option.group.padding')};\n    color: ${dt('autocomplete.option.group.color')};\n    background: ${dt('autocomplete.option.group.background')};\n    font-weight: ${dt('autocomplete.option.group.font.weight')};\n}\n\n.p-autocomplete-input-multiple {\n    margin: 0;\n    list-style-type: none;\n    cursor: text;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    padding: calc(${dt('autocomplete.padding.y')} / 2) ${dt('autocomplete.padding.x')};\n    gap: calc(${dt('autocomplete.padding.y')} / 2);\n    color: ${dt('autocomplete.color')};\n    background: ${dt('autocomplete.background')};\n    border: 1px solid ${dt('autocomplete.border.color')};\n    border-radius: ${dt('autocomplete.border.radius')};\n    width: 100%;\n    transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(\n    'autocomplete.transition.duration'\n)};\n    outline-color: transparent;\n    box-shadow: ${dt('autocomplete.shadow')};\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {\n    border-color: ${dt('autocomplete.hover.border.color')};\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {\n    border-color: ${dt('autocomplete.focus.border.color')};\n    box-shadow: ${dt('autocomplete.focus.ring.shadow')};\n    outline: ${dt('autocomplete.focus.ring.width')} ${dt('autocomplete.focus.ring.style')} ${dt('autocomplete.focus.ring.color')};\n    outline-offset: ${dt('autocomplete.focus.ring.offset')};\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-multiple {\n    border-color: ${dt('autocomplete.invalid.border.color')};\n}\n\n.p-variant-filled.p-autocomplete-input-multiple {\n    background: ${dt('autocomplete.filled.background')};\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-variant-filled.p-autocomplete-input-multiple {\n    background: ${dt('autocomplete.filled.hover.background')};\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple  {\n    background: ${dt('autocomplete.filled.focus.background')};\n}\n\n.p-autocomplete.p-disabled .p-autocomplete-input-multiple {\n    opacity: 1;\n    background: ${dt('autocomplete.disabled.background')};\n    color: ${dt('autocomplete.disabled.color')};\n}\n\n.p-autocomplete-chip.p-chip {\n    padding-block-start: calc(${dt('autocomplete.padding.y')} / 2);\n    padding-block-end: calc(${dt('autocomplete.padding.y')} / 2);\n    border-radius: ${dt('autocomplete.chip.border.radius')};\n}\n\n.p-autocomplete-input-multiple:has(.p-autocomplete-chip) {\n    padding-inline-start: calc(${dt('autocomplete.padding.y')} / 2);\n    padding-inline-end: calc(${dt('autocomplete.padding.y')} / 2);\n}\n\n.p-autocomplete-chip-item.p-focus .p-autocomplete-chip {\n    background: ${dt('autocomplete.chip.focus.background')};\n    color: ${dt('autocomplete.chip.focus.color')};\n}\n\n.p-autocomplete-input-chip {\n    flex: 1 1 auto;\n    display: inline-flex;\n    padding-block-start: calc(${dt('autocomplete.padding.y')} / 2);\n    padding-block-end: calc(${dt('autocomplete.padding.y')} / 2);\n}\n\n.p-autocomplete-input-chip input {\n    border: 0 none;\n    outline: 0 none;\n    background: transparent;\n    margin: 0;\n    padding: 0;\n    box-shadow: none;\n    border-radius: 0;\n    width: 100%;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: inherit;\n}\n\n.p-autocomplete-input-chip input::placeholder {\n    color: ${dt('autocomplete.placeholder.color')};\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-chip input::placeholder {\n    color: ${dt('autocomplete.invalid.placeholder.color')};\n}\n\n.p-autocomplete-empty-message {\n    padding: ${dt('autocomplete.empty.message.padding')};\n}\n\n.p-autocomplete-fluid {\n    display: flex;\n}\n\n.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n    width: 1%;\n}\n\n.p-autocomplete:has(.p-inputtext-sm) .p-autocomplete-dropdown {\n    width: ${dt('autocomplete.dropdown.sm.width')};\n}\n\n.p-autocomplete:has(.p-inputtext-sm) .p-autocomplete-dropdown .p-icon {\n    font-size: ${dt('form.field.sm.font.size')};\n    width: ${dt('form.field.sm.font.size')};\n    height: ${dt('form.field.sm.font.size')};\n}\n\n.p-autocomplete:has(.p-inputtext-lg) .p-autocomplete-dropdown {\n    width: ${dt('autocomplete.dropdown.lg.width')};\n}\n\n.p-autocomplete:has(.p-inputtext-lg) .p-autocomplete-dropdown .p-icon {\n    font-size: ${dt('form.field.lg.font.size')};\n    width: ${dt('form.field.lg.font.size')};\n    height: ${dt('form.field.lg.font.size')};\n}\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-autocomplete p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-focus': instance.focused,\n            'p-inputwrapper-filled': instance.$filled || isNotEmpty(instance.inputValue),\n            'p-inputwrapper-focus': instance.focused,\n            'p-autocomplete-open': instance.overlayVisible,\n            'p-autocomplete-fluid': instance.$fluid\n        }\n    ],\n    pcInputText: 'p-autocomplete-input',\n    inputMultiple: ({ props, instance }) => [\n        'p-autocomplete-input-multiple',\n        {\n            'p-variant-filled': instance.$variant === 'filled'\n        }\n    ],\n    chipItem: ({ instance, i }) => [\n        'p-autocomplete-chip-item',\n        {\n            'p-focus': instance.focusedMultipleOptionIndex === i\n        }\n    ],\n    pcChip: 'p-autocomplete-chip',\n    chipIcon: 'p-autocomplete-chip-icon',\n    inputChip: 'p-autocomplete-input-chip',\n    loader: 'p-autocomplete-loader',\n    dropdown: 'p-autocomplete-dropdown',\n    overlay: 'p-autocomplete-overlay p-component',\n    listContainer: 'p-autocomplete-list-container',\n    list: 'p-autocomplete-list',\n    optionGroup: 'p-autocomplete-option-group',\n    option: ({ instance, option, i, getItemOptions }) => [\n        'p-autocomplete-option',\n        {\n            'p-autocomplete-option-selected': instance.isSelected(option),\n            'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions),\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    emptyMessage: 'p-autocomplete-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'autocomplete',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","instance","props","disabled","$invalid","focused","$filled","isNotEmpty","inputValue","overlayVisible","$fluid","pcInputText","inputMultiple","_ref3","$variant","chipItem","_ref4","i","focusedMultipleOptionIndex","pcChip","chipIcon","inputChip","loader","dropdown","overlay","listContainer","list","optionGroup","option","_ref5","getItemOptions","isSelected","focusedOptionIndex","getOptionIndex","isOptionDisabled","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/autocomplete/style/AutoCompleteStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/autocomplete';\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-autocomplete p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-focus': instance.focused,\n            'p-inputwrapper-filled': instance.$filled || isNotEmpty(instance.inputValue),\n            'p-inputwrapper-focus': instance.focused,\n            'p-autocomplete-open': instance.overlayVisible,\n            'p-autocomplete-fluid': instance.$fluid\n        }\n    ],\n    pcInputText: 'p-autocomplete-input',\n    inputMultiple: ({ instance }) => [\n        'p-autocomplete-input-multiple',\n        {\n            'p-variant-filled': instance.$variant === 'filled'\n        }\n    ],\n    chipItem: ({ instance, i }) => [\n        'p-autocomplete-chip-item',\n        {\n            'p-focus': instance.focusedMultipleOptionIndex === i\n        }\n    ],\n    pcChip: 'p-autocomplete-chip',\n    chipIcon: 'p-autocomplete-chip-icon',\n    inputChip: 'p-autocomplete-input-chip',\n    loader: 'p-autocomplete-loader',\n    dropdown: 'p-autocomplete-dropdown',\n    overlay: 'p-autocomplete-overlay p-component',\n    listContainer: 'p-autocomplete-list-container',\n    list: 'p-autocomplete-list',\n    optionGroup: 'p-autocomplete-option-group',\n    option: ({ instance, option, i, getItemOptions }) => [\n        'p-autocomplete-option',\n        {\n            'p-autocomplete-option-selected': instance.isSelected(option),\n            'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions),\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    emptyMessage: 'p-autocomplete-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'autocomplete',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["inlineStyles","root","position","classes","_ref","instance","props","disabled","$invalid","focused","$filled","isNotEmpty","inputValue","overlayVisible","$fluid","pcInputText","inputMultiple","_ref2","$variant","chipItem","_ref3","i","focusedMultipleOptionIndex","pcChip","chipIcon","inputChip","loader","dropdown","overlay","listContainer","list","optionGroup","option","_ref4","getItemOptions","isSelected","focusedOptionIndex","getOptionIndex","isOptionDisabled","emptyMessage","BaseStyle","extend","name","style"],"mappings":";;;;AAIA,IAAMA,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAW;AACjC,CAAC;AAED,IAAMC,OAAO,GAAG;AACZF,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAG,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAA,OAAO,CAC3B,2CAA2C,EAC3C;MACI,YAAY,EAAEA,KAAK,CAACC,QAAQ;MAC5B,WAAW,EAAEF,QAAQ,CAACG,QAAQ;MAC9B,SAAS,EAAEH,QAAQ,CAACI,OAAO;MAC3B,uBAAuB,EAAEJ,QAAQ,CAACK,OAAO,IAAIC,UAAU,CAACN,QAAQ,CAACO,UAAU,CAAC;MAC5E,sBAAsB,EAAEP,QAAQ,CAACI,OAAO;MACxC,qBAAqB,EAAEJ,QAAQ,CAACQ,cAAc;MAC9C,sBAAsB,EAAER,QAAQ,CAACS;AACrC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,WAAW,EAAE,sBAAsB;AACnCC,EAAAA,aAAa,EAAE,SAAfA,aAAaA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKZ,QAAQ,GAAAY,KAAA,CAARZ,QAAQ;IAAA,OAAO,CAC7B,+BAA+B,EAC/B;AACI,MAAA,kBAAkB,EAAEA,QAAQ,CAACa,QAAQ,KAAK;AAC9C,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKf,QAAQ,GAAAe,KAAA,CAARf,QAAQ;MAAEgB,CAAC,GAAAD,KAAA,CAADC,CAAC;IAAA,OAAO,CAC3B,0BAA0B,EAC1B;AACI,MAAA,SAAS,EAAEhB,QAAQ,CAACiB,0BAA0B,KAAKD;AACvD,KAAC,CACJ;AAAA,GAAA;AACDE,EAAAA,MAAM,EAAE,qBAAqB;AAC7BC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,SAAS,EAAE,2BAA2B;AACtCC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,OAAO,EAAE,oCAAoC;AAC7CC,EAAAA,aAAa,EAAE,+BAA+B;AAC9CC,EAAAA,IAAI,EAAE,qBAAqB;AAC3BC,EAAAA,WAAW,EAAE,6BAA6B;AAC1CC,EAAAA,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAK5B,QAAQ,GAAA4B,KAAA,CAAR5B,QAAQ;MAAE2B,OAAM,GAAAC,KAAA,CAAND,MAAM;MAAEX,CAAC,GAAAY,KAAA,CAADZ,CAAC;MAAEa,cAAc,GAAAD,KAAA,CAAdC,cAAc;IAAA,OAAO,CACjD,uBAAuB,EACvB;AACI,MAAA,gCAAgC,EAAE7B,QAAQ,CAAC8B,UAAU,CAACH,OAAM,CAAC;AAC7D,MAAA,SAAS,EAAE3B,QAAQ,CAAC+B,kBAAkB,KAAK/B,QAAQ,CAACgC,cAAc,CAAChB,CAAC,EAAEa,cAAc,CAAC;AACrF,MAAA,YAAY,EAAE7B,QAAQ,CAACiC,gBAAgB,CAACN,OAAM;AAClD,KAAC,CACJ;AAAA,GAAA;AACDO,EAAAA,YAAY,EAAE;AAClB,CAAC;AAED,wBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,cAAc;AACpBC,EAAAA,KAAK,EAALA,KAAK;AACLxC,EAAAA,OAAO,EAAPA,OAAO;AACPH,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}

package/avatar/index.mjs

@@ -1,6 +1,6 @@
 import BaseComponent from '@primevue/core/basecomponent';
 import AvatarStyle from 'primevue/avatar/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot, toDisplayString, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot, createBlock, createCommentVNode, toDisplayString, resolveDynamicComponent, normalizeClass } from 'vue';
 
 var script$1 = {
   name: 'BaseAvatar',

package/avatar/style/index.mjs

@@ -1,12 +1,9 @@
+import { style } from '@primeuix/styles/avatar';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: ".concat(dt('avatar.width'), ";\n    height: ").concat(dt('avatar.height'), ";\n    font-size: ").concat(dt('avatar.font.size'), ";\n    background: ").concat(dt('avatar.background'), ";\n    color: ").concat(dt('avatar.color'), ";\n    border-radius: ").concat(dt('avatar.border.radius'), ";\n}\n\n.p-avatar-image {\n    background: transparent;\n}\n\n.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar-icon {\n    font-size: ").concat(dt('avatar.icon.size'), ";\n    width: ").concat(dt('avatar.icon.size'), ";\n    height: ").concat(dt('avatar.icon.size'), ";\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n\n.p-avatar-lg {\n    width: ").concat(dt('avatar.lg.width'), ";\n    height: ").concat(dt('avatar.lg.width'), ";\n    font-size: ").concat(dt('avatar.lg.font.size'), ";\n}\n\n.p-avatar-lg .p-avatar-icon {\n    font-size: ").concat(dt('avatar.lg.icon.size'), ";\n    width: ").concat(dt('avatar.lg.icon.size'), ";\n    height: ").concat(dt('avatar.lg.icon.size'), ";\n}\n\n.p-avatar-xl {\n    width: ").concat(dt('avatar.xl.width'), ";\n    height: ").concat(dt('avatar.xl.width'), ";\n    font-size: ").concat(dt('avatar.xl.font.size'), ";\n}\n\n.p-avatar-xl .p-avatar-icon {\n    font-size: ").concat(dt('avatar.xl.icon.size'), ";\n    width: ").concat(dt('avatar.xl.icon.size'), ";\n    height: ").concat(dt('avatar.xl.icon.size'), ";\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-inline-start: ").concat(dt('avatar.group.offset'), ";\n}\n\n.p-avatar-group .p-avatar {\n    border: 2px solid ").concat(dt('avatar.group.border.color'), ";\n}\n\n.p-avatar-group .p-avatar-lg + .p-avatar-lg {\n    margin-inline-start: ").concat(dt('avatar.lg.group.offset'), ";\n}\n\n.p-avatar-group .p-avatar-xl + .p-avatar-xl {\n    margin-inline-start: ").concat(dt('avatar.xl.group.offset'), ";\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return ['p-avatar p-component', {
       'p-avatar-image': props.image != null,
       'p-avatar-circle': props.shape === 'circle',
@@ -19,7 +16,7 @@ var classes = {
 };
 var AvatarStyle = BaseStyle.extend({
   name: 'avatar',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/avatar/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/avatar/style/AvatarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: ${dt('avatar.width')};\n    height: ${dt('avatar.height')};\n    font-size: ${dt('avatar.font.size')};\n    background: ${dt('avatar.background')};\n    color: ${dt('avatar.color')};\n    border-radius: ${dt('avatar.border.radius')};\n}\n\n.p-avatar-image {\n    background: transparent;\n}\n\n.p-avatar-circle {\n    border-radius: 50%;\n}\n\n.p-avatar-circle img {\n    border-radius: 50%;\n}\n\n.p-avatar-icon {\n    font-size: ${dt('avatar.icon.size')};\n    width: ${dt('avatar.icon.size')};\n    height: ${dt('avatar.icon.size')};\n}\n\n.p-avatar img {\n    width: 100%;\n    height: 100%;\n}\n\n.p-avatar-lg {\n    width: ${dt('avatar.lg.width')};\n    height: ${dt('avatar.lg.width')};\n    font-size: ${dt('avatar.lg.font.size')};\n}\n\n.p-avatar-lg .p-avatar-icon {\n    font-size: ${dt('avatar.lg.icon.size')};\n    width: ${dt('avatar.lg.icon.size')};\n    height: ${dt('avatar.lg.icon.size')};\n}\n\n.p-avatar-xl {\n    width: ${dt('avatar.xl.width')};\n    height: ${dt('avatar.xl.width')};\n    font-size: ${dt('avatar.xl.font.size')};\n}\n\n.p-avatar-xl .p-avatar-icon {\n    font-size: ${dt('avatar.xl.icon.size')};\n    width: ${dt('avatar.xl.icon.size')};\n    height: ${dt('avatar.xl.icon.size')};\n}\n\n.p-avatar-group {\n    display: flex;\n    align-items: center;\n}\n\n.p-avatar-group .p-avatar + .p-avatar {\n    margin-inline-start: ${dt('avatar.group.offset')};\n}\n\n.p-avatar-group .p-avatar {\n    border: 2px solid ${dt('avatar.group.border.color')};\n}\n\n.p-avatar-group .p-avatar-lg + .p-avatar-lg {\n    margin-inline-start: ${dt('avatar.lg.group.offset')};\n}\n\n.p-avatar-group .p-avatar-xl + .p-avatar-xl {\n    margin-inline-start: ${dt('avatar.xl.group.offset')};\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-avatar p-component',\n        {\n            'p-avatar-image': props.image != null,\n            'p-avatar-circle': props.shape === 'circle',\n            'p-avatar-lg': props.size === 'large',\n            'p-avatar-xl': props.size === 'xlarge'\n        }\n    ],\n    label: 'p-avatar-label',\n    icon: 'p-avatar-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'avatar',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","image","shape","size","label","icon","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,+GAAA,CAAAC,MAAA,CAKND,EAAE,CAAC,cAAc,CAAC,qBAAAC,MAAA,CACjBD,EAAE,CAAC,eAAe,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CAChBD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CACrBD,EAAE,CAAC,mBAAmB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC5BD,EAAE,CAAC,cAAc,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACVD,EAAE,CAAC,sBAAsB,CAAC,EAAA,yMAAA,CAAA,CAAAC,MAAA,CAgB9BD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC1BD,EAAE,CAAC,kBAAkB,CAAC,qBAAAC,MAAA,CACrBD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,gGAAAA,CAAAA,CAAAA,MAAA,CASvBD,EAAE,CAAC,iBAAiB,CAAC,qBAAAC,MAAA,CACpBD,EAAE,CAAC,iBAAiB,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CAClBD,EAAE,CAAC,qBAAqB,CAAC,4DAAAC,MAAA,CAIzBD,EAAE,CAAC,qBAAqB,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACxBD,EAAE,CAAC,qBAAqB,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CAI1BD,EAAE,CAAC,iBAAiB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACpBD,EAAE,CAAC,iBAAiB,CAAC,EAAA,oBAAA,CAAA,CAAAC,MAAA,CAClBD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,wDAAAA,CAAAA,CAAAA,MAAA,CAIzBD,EAAE,CAAC,qBAAqB,CAAC,oBAAAC,MAAA,CAC7BD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACxBD,EAAE,CAAC,qBAAqB,CAAC,sJAAAC,MAAA,CASZD,EAAE,CAAC,qBAAqB,CAAC,EAAA,6DAAA,CAAA,CAAAC,MAAA,CAI5BD,EAAE,CAAC,2BAA2B,CAAC,sFAAAC,MAAA,CAI5BD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,kFAAAA,CAAAA,CAAAA,MAAA,CAI5BD,EAAE,CAAC,wBAAwB,CAAC,EAAA,QAAA,CAAA;AAAA,CAEtD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAA,OAAO,CACjB,sBAAsB,EACtB;AACI,MAAA,gBAAgB,EAAEA,KAAK,CAACC,KAAK,IAAI,IAAI;AACrC,MAAA,iBAAiB,EAAED,KAAK,CAACE,KAAK,KAAK,QAAQ;AAC3C,MAAA,aAAa,EAAEF,KAAK,CAACG,IAAI,KAAK,OAAO;AACrC,MAAA,aAAa,EAAEH,KAAK,CAACG,IAAI,KAAK;AAClC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,gBAAgB;AACvBC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdf,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/avatar/style/AvatarStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/avatar';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-avatar p-component',\n        {\n            'p-avatar-image': props.image != null,\n            'p-avatar-circle': props.shape === 'circle',\n            'p-avatar-lg': props.size === 'large',\n            'p-avatar-xl': props.size === 'xlarge'\n        }\n    ],\n    label: 'p-avatar-label',\n    icon: 'p-avatar-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'avatar',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","image","shape","size","label","icon","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,sBAAsB,EACtB;AACI,MAAA,gBAAgB,EAAEA,KAAK,CAACC,KAAK,IAAI,IAAI;AACrC,MAAA,iBAAiB,EAAED,KAAK,CAACE,KAAK,KAAK,QAAQ;AAC3C,MAAA,aAAa,EAAEF,KAAK,CAACG,IAAI,KAAK,OAAO;AACrC,MAAA,aAAa,EAAEH,KAAK,CAACG,IAAI,KAAK;AAClC,KAAC,CACJ;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,gBAAgB;AACvBC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,kBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,KAAK,EAALA,KAAK;AACLZ,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/avatargroup/index.mjs

@@ -1,6 +1,6 @@
 import BaseComponent from '@primevue/core/basecomponent';
 import AvatarGroupStyle from 'primevue/avatargroup/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot } from 'vue';
 
 var script$1 = {
   name: 'BaseAvatarGroup',

package/badge/index.mjs

@@ -1,6 +1,6 @@
 import BaseComponent from '@primevue/core/basecomponent';
 import BadgeStyle from 'primevue/badge/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot, createTextVNode, toDisplayString } from 'vue';
 
 var script$1 = {
   name: 'BaseBadge',

package/badge/style/index.mjs

@@ -1,14 +1,11 @@
-import { isNotEmpty, isEmpty } from '@primeuix/utils/object';
+import { style } from '@primeuix/styles/badge';
+import { isEmpty, isNotEmpty } from '@primeuix/utils/object';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-badge {\n    display: inline-flex;\n    border-radius: ".concat(dt('badge.border.radius'), ";\n    align-items: center;\n    justify-content: center;\n    padding: ").concat(dt('badge.padding'), ";\n    background: ").concat(dt('badge.primary.background'), ";\n    color: ").concat(dt('badge.primary.color'), ";\n    font-size: ").concat(dt('badge.font.size'), ";\n    font-weight: ").concat(dt('badge.font.weight'), ";\n    min-width: ").concat(dt('badge.min.width'), ";\n    height: ").concat(dt('badge.height'), ";\n}\n\n.p-badge-dot {\n    width: ").concat(dt('badge.dot.size'), ";\n    min-width: ").concat(dt('badge.dot.size'), ";\n    height: ").concat(dt('badge.dot.size'), ";\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-circle {\n    padding: 0;\n    border-radius: 50%;\n}\n\n.p-badge-secondary {\n    background: ").concat(dt('badge.secondary.background'), ";\n    color: ").concat(dt('badge.secondary.color'), ";\n}\n\n.p-badge-success {\n    background: ").concat(dt('badge.success.background'), ";\n    color: ").concat(dt('badge.success.color'), ";\n}\n\n.p-badge-info {\n    background: ").concat(dt('badge.info.background'), ";\n    color: ").concat(dt('badge.info.color'), ";\n}\n\n.p-badge-warn {\n    background: ").concat(dt('badge.warn.background'), ";\n    color: ").concat(dt('badge.warn.color'), ";\n}\n\n.p-badge-danger {\n    background: ").concat(dt('badge.danger.background'), ";\n    color: ").concat(dt('badge.danger.color'), ";\n}\n\n.p-badge-contrast {\n    background: ").concat(dt('badge.contrast.background'), ";\n    color: ").concat(dt('badge.contrast.color'), ";\n}\n\n.p-badge-sm {\n    font-size: ").concat(dt('badge.sm.font.size'), ";\n    min-width: ").concat(dt('badge.sm.min.width'), ";\n    height: ").concat(dt('badge.sm.height'), ";\n}\n\n.p-badge-lg {\n    font-size: ").concat(dt('badge.lg.font.size'), ";\n    min-width: ").concat(dt('badge.lg.min.width'), ";\n    height: ").concat(dt('badge.lg.height'), ";\n}\n\n.p-badge-xl {\n    font-size: ").concat(dt('badge.xl.font.size'), ";\n    min-width: ").concat(dt('badge.xl.min.width'), ";\n    height: ").concat(dt('badge.xl.height'), ";\n}\n");
-};
 var classes = {
-  root: function root(_ref2) {
-    var props = _ref2.props,
-      instance = _ref2.instance;
+  root: function root(_ref) {
+    var props = _ref.props,
+      instance = _ref.instance;
     return ['p-badge p-component', {
       'p-badge-circle': isNotEmpty(props.value) && String(props.value).length === 1,
       'p-badge-dot': isEmpty(props.value) && !instance.$slots["default"],
@@ -26,7 +23,7 @@ var classes = {
 };
 var BadgeStyle = BaseStyle.extend({
   name: 'badge',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/badge/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/badge/style/BadgeStyle.js"],"sourcesContent":["import { isEmpty, isNotEmpty } from '@primeuix/utils/object';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-badge {\n    display: inline-flex;\n    border-radius: ${dt('badge.border.radius')};\n    align-items: center;\n    justify-content: center;\n    padding: ${dt('badge.padding')};\n    background: ${dt('badge.primary.background')};\n    color: ${dt('badge.primary.color')};\n    font-size: ${dt('badge.font.size')};\n    font-weight: ${dt('badge.font.weight')};\n    min-width: ${dt('badge.min.width')};\n    height: ${dt('badge.height')};\n}\n\n.p-badge-dot {\n    width: ${dt('badge.dot.size')};\n    min-width: ${dt('badge.dot.size')};\n    height: ${dt('badge.dot.size')};\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-circle {\n    padding: 0;\n    border-radius: 50%;\n}\n\n.p-badge-secondary {\n    background: ${dt('badge.secondary.background')};\n    color: ${dt('badge.secondary.color')};\n}\n\n.p-badge-success {\n    background: ${dt('badge.success.background')};\n    color: ${dt('badge.success.color')};\n}\n\n.p-badge-info {\n    background: ${dt('badge.info.background')};\n    color: ${dt('badge.info.color')};\n}\n\n.p-badge-warn {\n    background: ${dt('badge.warn.background')};\n    color: ${dt('badge.warn.color')};\n}\n\n.p-badge-danger {\n    background: ${dt('badge.danger.background')};\n    color: ${dt('badge.danger.color')};\n}\n\n.p-badge-contrast {\n    background: ${dt('badge.contrast.background')};\n    color: ${dt('badge.contrast.color')};\n}\n\n.p-badge-sm {\n    font-size: ${dt('badge.sm.font.size')};\n    min-width: ${dt('badge.sm.min.width')};\n    height: ${dt('badge.sm.height')};\n}\n\n.p-badge-lg {\n    font-size: ${dt('badge.lg.font.size')};\n    min-width: ${dt('badge.lg.min.width')};\n    height: ${dt('badge.lg.height')};\n}\n\n.p-badge-xl {\n    font-size: ${dt('badge.xl.font.size')};\n    min-width: ${dt('badge.xl.min.width')};\n    height: ${dt('badge.xl.height')};\n}\n`;\n\nconst classes = {\n    root: ({ props, instance }) => [\n        'p-badge p-component',\n        {\n            'p-badge-circle': isNotEmpty(props.value) && String(props.value).length === 1,\n            'p-badge-dot': isEmpty(props.value) && !instance.$slots.default,\n            'p-badge-sm': props.size === 'small',\n            'p-badge-lg': props.size === 'large',\n            'p-badge-xl': props.size === 'xlarge',\n            'p-badge-info': props.severity === 'info',\n            'p-badge-success': props.severity === 'success',\n            'p-badge-warn': props.severity === 'warn',\n            'p-badge-danger': props.severity === 'danger',\n            'p-badge-secondary': props.severity === 'secondary',\n            'p-badge-contrast': props.severity === 'contrast'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'badge',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","instance","isNotEmpty","value","String","length","isEmpty","$slots","size","severity","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/badge/style/BadgeStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils/object';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props, instance }) => [\n        'p-badge p-component',\n        {\n            'p-badge-circle': isNotEmpty(props.value) && String(props.value).length === 1,\n            'p-badge-dot': isEmpty(props.value) && !instance.$slots.default,\n            'p-badge-sm': props.size === 'small',\n            'p-badge-lg': props.size === 'large',\n            'p-badge-xl': props.size === 'xlarge',\n            'p-badge-info': props.severity === 'info',\n            'p-badge-success': props.severity === 'success',\n            'p-badge-warn': props.severity === 'warn',\n            'p-badge-danger': props.severity === 'danger',\n            'p-badge-secondary': props.severity === 'secondary',\n            'p-badge-contrast': props.severity === 'contrast'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'badge',\n    style,\n    classes\n});\n"],"names":["classes","root","_ref","props","instance","isNotEmpty","value","String","length","isEmpty","$slots","size","severity","BaseStyle","extend","name","style"],"mappings":";;;;AAIA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,IAAA,CAALC,KAAK;MAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAA,OAAO,CAC3B,qBAAqB,EACrB;AACI,MAAA,gBAAgB,EAAEC,UAAU,CAACF,KAAK,CAACG,KAAK,CAAC,IAAIC,MAAM,CAACJ,KAAK,CAACG,KAAK,CAAC,CAACE,MAAM,KAAK,CAAC;AAC7E,MAAA,aAAa,EAAEC,OAAO,CAACN,KAAK,CAACG,KAAK,CAAC,IAAI,CAACF,QAAQ,CAACM,MAAM,CAAQ,SAAA,CAAA;AAC/D,MAAA,YAAY,EAAEP,KAAK,CAACQ,IAAI,KAAK,OAAO;AACpC,MAAA,YAAY,EAAER,KAAK,CAACQ,IAAI,KAAK,OAAO;AACpC,MAAA,YAAY,EAAER,KAAK,CAACQ,IAAI,KAAK,QAAQ;AACrC,MAAA,cAAc,EAAER,KAAK,CAACS,QAAQ,KAAK,MAAM;AACzC,MAAA,iBAAiB,EAAET,KAAK,CAACS,QAAQ,KAAK,SAAS;AAC/C,MAAA,cAAc,EAAET,KAAK,CAACS,QAAQ,KAAK,MAAM;AACzC,MAAA,gBAAgB,EAAET,KAAK,CAACS,QAAQ,KAAK,QAAQ;AAC7C,MAAA,mBAAmB,EAAET,KAAK,CAACS,QAAQ,KAAK,WAAW;AACnD,MAAA,kBAAkB,EAAET,KAAK,CAACS,QAAQ,KAAK;AAC3C,KAAC,CACJ;AAAA;AACL,CAAC;AAED,iBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,KAAK,EAALA,KAAK;AACLhB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/badgedirective/index.mjs

@@ -1,5 +1,5 @@
-import { createElement, addClass, hasClass, removeClass } from '@primeuix/utils/dom';
-import { UniqueComponentId } from '@primevue/core/utils';
+import { addClass, hasClass, removeClass, createElement } from '@primeuix/utils/dom';
+import { uuid } from '@primeuix/utils/uuid';
 import BaseDirective from '@primevue/core/basedirective';
 import BadgeDirectiveStyle from 'primevue/badgedirective/style';
 
@@ -9,14 +9,14 @@ var BaseBadgeDirective = BaseDirective.extend({
 
 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 BadgeDirective = BaseBadgeDirective.extend('badge', {
   mounted: function mounted(el, binding) {
     console.warn('Deprecated since v4. Use OverlayBadge component instead.');
-    var id = UniqueComponentId() + '_badge';
+    var id = uuid('pv_id') + '_badge';
     var badge = createElement('span', _defineProperty(_defineProperty({
       id: id,
       "class": !this.isUnstyled() && this.cx('root')

package/badgedirective/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/badgedirective/BaseBadgeDirective.js","../../src/badgedirective/BadgeDirective.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport BadgeDirectiveStyle from 'primevue/badgedirective/style';\n\nconst BaseBadgeDirective = BaseDirective.extend({\n    style: BadgeDirectiveStyle\n});\n\nexport default BaseBadgeDirective;\n","import { addClass, createElement, hasClass, removeClass } from '@primeuix/utils/dom';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport BaseBadgeDirective from './BaseBadgeDirective';\n\nconst BadgeDirective = BaseBadgeDirective.extend('badge', {\n    mounted(el, binding) {\n        console.warn('Deprecated since v4. Use OverlayBadge component instead.');\n        const id = UniqueComponentId() + '_badge';\n\n        const badge = createElement('span', {\n            id,\n            class: !this.isUnstyled() && this.cx('root'),\n            [this.$attrSelector]: '',\n            'p-bind': this.ptm('root', {\n                context: {\n                    ...binding.modifiers,\n                    nogutter: String(binding.value).length === 1,\n                    dot: binding.value == null\n                }\n            })\n        });\n\n        el.$_pbadgeId = badge.getAttribute('id');\n\n        for (let modifier in binding.modifiers) {\n            !this.isUnstyled() && addClass(badge, 'p-badge-' + modifier);\n        }\n\n        if (binding.value != null) {\n            if (typeof binding.value === 'object') el.$_badgeValue = binding.value.value;\n            else el.$_badgeValue = binding.value;\n            badge.appendChild(document.createTextNode(el.$_badgeValue));\n\n            if (String(el.$_badgeValue).length === 1 && !this.isUnstyled()) {\n                !this.isUnstyled() && addClass(badge, 'p-badge-circle');\n            }\n        } else {\n            !this.isUnstyled() && addClass(badge, 'p-badge-dot');\n        }\n\n        el.setAttribute('data-pd-badge', true);\n        !this.isUnstyled() && addClass(el, 'p-overlay-badge');\n        el.setAttribute('data-p-overlay-badge', 'true');\n        el.appendChild(badge);\n\n        this.$el = badge;\n    },\n    updated(el, binding) {\n        !this.isUnstyled() && addClass(el, 'p-overlay-badge');\n        el.setAttribute('data-p-overlay-badge', 'true');\n\n        if (binding.oldValue !== binding.value) {\n            let badge = document.getElementById(el.$_pbadgeId);\n\n            if (typeof binding.value === 'object') el.$_badgeValue = binding.value.value;\n            else el.$_badgeValue = binding.value;\n\n            if (!this.isUnstyled()) {\n                if (el.$_badgeValue) {\n                    if (hasClass(badge, 'p-badge-dot')) removeClass(badge, 'p-badge-dot');\n\n                    if (el.$_badgeValue.length === 1) addClass(badge, 'p-badge-circle');\n                    else removeClass(badge, 'p-badge-circle');\n                } else if (!el.$_badgeValue && !hasClass(badge, 'p-badge-dot')) {\n                    addClass(badge, 'p-badge-dot');\n                }\n            }\n\n            badge.innerHTML = '';\n            badge.appendChild(document.createTextNode(el.$_badgeValue));\n        }\n    }\n});\n\nexport default BadgeDirective;\n"],"names":["BaseBadgeDirective","BaseDirective","extend","style","BadgeDirectiveStyle","BadgeDirective","mounted","el","binding","console","warn","id","UniqueComponentId","badge","createElement","_defineProperty","isUnstyled","cx","$attrSelector","ptm","context","_objectSpread","modifiers","nogutter","String","value","length","dot","$_pbadgeId","getAttribute","modifier","addClass","_typeof","$_badgeValue","appendChild","document","createTextNode","setAttribute","$el","updated","oldValue","getElementById","hasClass","removeClass","innerHTML"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/badgedirective/BaseBadgeDirective.js","../../src/badgedirective/BadgeDirective.js"],"sourcesContent":["import BaseDirective from '@primevue/core/basedirective';\nimport BadgeDirectiveStyle from 'primevue/badgedirective/style';\n\nconst BaseBadgeDirective = BaseDirective.extend({\n    style: BadgeDirectiveStyle\n});\n\nexport default BaseBadgeDirective;\n","import { addClass, createElement, hasClass, removeClass } from '@primeuix/utils/dom';\nimport { uuid } from '@primeuix/utils/uuid';\nimport BaseBadgeDirective from './BaseBadgeDirective';\n\nconst BadgeDirective = BaseBadgeDirective.extend('badge', {\n    mounted(el, binding) {\n        console.warn('Deprecated since v4. Use OverlayBadge component instead.');\n        const id = uuid('pv_id') + '_badge';\n\n        const badge = createElement('span', {\n            id,\n            class: !this.isUnstyled() && this.cx('root'),\n            [this.$attrSelector]: '',\n            'p-bind': this.ptm('root', {\n                context: {\n                    ...binding.modifiers,\n                    nogutter: String(binding.value).length === 1,\n                    dot: binding.value == null\n                }\n            })\n        });\n\n        el.$_pbadgeId = badge.getAttribute('id');\n\n        for (let modifier in binding.modifiers) {\n            !this.isUnstyled() && addClass(badge, 'p-badge-' + modifier);\n        }\n\n        if (binding.value != null) {\n            if (typeof binding.value === 'object') el.$_badgeValue = binding.value.value;\n            else el.$_badgeValue = binding.value;\n            badge.appendChild(document.createTextNode(el.$_badgeValue));\n\n            if (String(el.$_badgeValue).length === 1 && !this.isUnstyled()) {\n                !this.isUnstyled() && addClass(badge, 'p-badge-circle');\n            }\n        } else {\n            !this.isUnstyled() && addClass(badge, 'p-badge-dot');\n        }\n\n        el.setAttribute('data-pd-badge', true);\n        !this.isUnstyled() && addClass(el, 'p-overlay-badge');\n        el.setAttribute('data-p-overlay-badge', 'true');\n        el.appendChild(badge);\n\n        this.$el = badge;\n    },\n    updated(el, binding) {\n        !this.isUnstyled() && addClass(el, 'p-overlay-badge');\n        el.setAttribute('data-p-overlay-badge', 'true');\n\n        if (binding.oldValue !== binding.value) {\n            let badge = document.getElementById(el.$_pbadgeId);\n\n            if (typeof binding.value === 'object') el.$_badgeValue = binding.value.value;\n            else el.$_badgeValue = binding.value;\n\n            if (!this.isUnstyled()) {\n                if (el.$_badgeValue) {\n                    if (hasClass(badge, 'p-badge-dot')) removeClass(badge, 'p-badge-dot');\n\n                    if (el.$_badgeValue.length === 1) addClass(badge, 'p-badge-circle');\n                    else removeClass(badge, 'p-badge-circle');\n                } else if (!el.$_badgeValue && !hasClass(badge, 'p-badge-dot')) {\n                    addClass(badge, 'p-badge-dot');\n                }\n            }\n\n            badge.innerHTML = '';\n            badge.appendChild(document.createTextNode(el.$_badgeValue));\n        }\n    }\n});\n\nexport default BadgeDirective;\n"],"names":["BaseBadgeDirective","BaseDirective","extend","style","BadgeDirectiveStyle","BadgeDirective","mounted","el","binding","console","warn","id","uuid","badge","createElement","_defineProperty","isUnstyled","cx","$attrSelector","ptm","context","_objectSpread","modifiers","nogutter","String","value","length","dot","$_pbadgeId","getAttribute","modifier","addClass","_typeof","$_badgeValue","appendChild","document","createTextNode","setAttribute","$el","updated","oldValue","getElementById","hasClass","removeClass","innerHTML"],"mappings":"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"}

package/blockui/BlockUI.vue

@@ -5,8 +5,9 @@
 </template>
 
 <script>
-import { addClass, blockBodyScroll, createElement, hasCSSAnimation, unblockBodyScroll } from '@primeuix/utils/dom';
+import { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';
 import BaseBlockUI from './BaseBlockUI.vue';
 
 export default {

package/blockui/index.mjs

@@ -1,8 +1,9 @@
-import { createElement, blockBodyScroll, addClass, hasCSSAnimation, unblockBodyScroll } from '@primeuix/utils/dom';
+import { addClass, hasCSSAnimation, createElement } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { unblockBodyScroll, blockBodyScroll } from 'primevue/utils';
 import BaseComponent from '@primevue/core/basecomponent';
 import BlockUIStyle from 'primevue/blockui/style';
-import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+import { createElementBlock, openBlock, mergeProps, renderSlot } from 'vue';
 
 var script$1 = {
   name: 'BaseBlockUI',

package/blockui/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/blockui/BaseBlockUI.vue","../../src/blockui/BlockUI.vue","../../src/blockui/BlockUI.vue?vue&type=template&id=59f22693&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BlockUIStyle from 'primevue/blockui/style';\n\nexport default {\n    name: 'BaseBlockUI',\n    extends: BaseComponent,\n    props: {\n        blocked: {\n            type: Boolean,\n            default: false\n        },\n        fullScreen: {\n            type: Boolean,\n            default: false\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: BlockUIStyle,\n    provide() {\n        return {\n            $pcBlockUI: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, blockBodyScroll, createElement, hasCSSAnimation, unblockBodyScroll } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n            if (hasCSSAnimation(this.mask) > 0) {\n                this.mask.addEventListener('animationend', () => {\n                    this.removeMask();\n                });\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, blockBodyScroll, createElement, hasCSSAnimation, unblockBodyScroll } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n            if (hasCSSAnimation(this.mask) > 0) {\n                this.mask.addEventListener('animationend', () => {\n                    this.removeMask();\n                });\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","blocked","type","Boolean","fullScreen","baseZIndex","Number","autoZIndex","style","BlockUIStyle","provide","$pcBlockUI","$parentInstance","BaseBlockUI","inheritAttrs","emits","mask","data","isBlocked","watch","newValue","block","unblock","mounted","methods","styleClass","createElement","position","top","left","width","height","isUnstyled","ptm","document","body","appendChild","blockBodyScroll","activeElement","blur","$refs","container","ZIndex","set","$primevue","config","zIndex","modal","$emit","_this","addClass","hasCSSAnimation","addEventListener","removeMask","clear","removeChild","unblockBodyScroll","_this$$refs$container","_openBlock","_createElementBlock","_mergeProps","ref","_ctx","cx","$data","ptmi","_renderSlot","$slots"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/blockui/BaseBlockUI.vue","../../src/blockui/BlockUI.vue","../../src/blockui/BlockUI.vue?vue&type=template&id=4049b7c0&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport BlockUIStyle from 'primevue/blockui/style';\n\nexport default {\n    name: 'BaseBlockUI',\n    extends: BaseComponent,\n    props: {\n        blocked: {\n            type: Boolean,\n            default: false\n        },\n        fullScreen: {\n            type: Boolean,\n            default: false\n        },\n        baseZIndex: {\n            type: Number,\n            default: 0\n        },\n        autoZIndex: {\n            type: Boolean,\n            default: true\n        }\n    },\n    style: BlockUIStyle,\n    provide() {\n        return {\n            $pcBlockUI: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n            if (hasCSSAnimation(this.mask) > 0) {\n                this.mask.addEventListener('animationend', () => {\n                    this.removeMask();\n                });\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n","<template>\n    <div ref=\"container\" :class=\"cx('root')\" :aria-busy=\"isBlocked\" v-bind=\"ptmi('root')\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nimport { addClass, createElement, hasCSSAnimation } from '@primeuix/utils/dom';\nimport { ZIndex } from '@primeuix/utils/zindex';\nimport { blockBodyScroll, unblockBodyScroll } from 'primevue/utils';\nimport BaseBlockUI from './BaseBlockUI.vue';\n\nexport default {\n    name: 'BlockUI',\n    extends: BaseBlockUI,\n    inheritAttrs: false,\n    emits: ['block', 'unblock'],\n    mask: null,\n    data() {\n        return {\n            isBlocked: false\n        };\n    },\n    watch: {\n        blocked(newValue) {\n            if (newValue === true) this.block();\n            else this.unblock();\n        }\n    },\n    mounted() {\n        if (this.blocked) {\n            this.block();\n        }\n    },\n    methods: {\n        block() {\n            let styleClass = 'p-blockui-mask p-overlay-mask p-overlay-mask-enter';\n\n            if (this.fullScreen) {\n                styleClass += ' p-blockui-mask-document';\n\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'fixed',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n\n                document.body.appendChild(this.mask);\n                blockBodyScroll();\n                document.activeElement.blur();\n            } else {\n                this.mask = createElement('div', {\n                    style: {\n                        position: 'absolute',\n                        top: '0',\n                        left: '0',\n                        width: '100%',\n                        height: '100%'\n                    },\n                    class: !this.isUnstyled && styleClass,\n                    'p-bind': this.ptm('mask')\n                });\n                this.$refs.container.appendChild(this.mask);\n            }\n\n            if (this.autoZIndex) {\n                ZIndex.set('modal', this.mask, this.baseZIndex + this.$primevue.config.zIndex.modal);\n            }\n\n            this.isBlocked = true;\n            this.$emit('block');\n        },\n        unblock() {\n            !this.isUnstyled && addClass(this.mask, 'p-overlay-mask-leave');\n\n            if (hasCSSAnimation(this.mask) > 0) {\n                this.mask.addEventListener('animationend', () => {\n                    this.removeMask();\n                });\n            } else {\n                this.removeMask();\n            }\n        },\n        removeMask() {\n            ZIndex.clear(this.mask);\n\n            if (this.fullScreen) {\n                document.body.removeChild(this.mask);\n                unblockBodyScroll();\n            } else {\n                this.$refs.container?.removeChild(this.mask);\n            }\n\n            this.isBlocked = false;\n            this.$emit('unblock');\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","blocked","type","Boolean","fullScreen","baseZIndex","Number","autoZIndex","style","BlockUIStyle","provide","$pcBlockUI","$parentInstance","BaseBlockUI","inheritAttrs","emits","mask","data","isBlocked","watch","newValue","block","unblock","mounted","methods","styleClass","createElement","position","top","left","width","height","isUnstyled","ptm","document","body","appendChild","blockBodyScroll","activeElement","blur","$refs","container","ZIndex","set","$primevue","config","zIndex","modal","$emit","_this","addClass","hasCSSAnimation","addEventListener","removeMask","clear","removeChild","unblockBodyScroll","_this$$refs$container","_openBlock","_createElementBlock","_mergeProps","ref","_ctx","cx","$data","ptmi","_renderSlot","$slots"],"mappings":"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"}

package/blockui/style/index.mjs

@@ -1,15 +1,12 @@
+import { style } from '@primeuix/styles/blockui';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-blockui {\n    position: relative;\n}\n\n.p-blockui-mask {\n    border-radius: ".concat(dt('blockui.border.radius'), ";\n}\n\n.p-blockui-mask.p-overlay-mask {\n    position: absolute;\n}\n\n.p-blockui-mask-document.p-overlay-mask {\n    position: fixed;\n}\n");
-};
 var classes = {
   root: 'p-blockui'
 };
 var BlockUIStyle = BaseStyle.extend({
   name: 'blockui',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/blockui/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/blockui/style/BlockUIStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-blockui {\n    position: relative;\n}\n\n.p-blockui-mask {\n    border-radius: ${dt('blockui.border.radius')};\n}\n\n.p-blockui-mask.p-overlay-mask {\n    position: absolute;\n}\n\n.p-blockui-mask-document.p-overlay-mask {\n    position: fixed;\n}\n`;\n\nconst classes = {\n    root: 'p-blockui'\n};\n\nexport default BaseStyle.extend({\n    name: 'blockui',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,sFAAA,CAAAC,MAAA,CAMED,EAAE,CAAC,uBAAuB,CAAC,EAAA,8IAAA,CAAA;AAAA,CAU/C;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfR,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/blockui/style/BlockUIStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/blockui';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-blockui'\n};\n\nexport default BaseStyle.extend({\n    name: 'blockui',\n    style,\n    classes\n});\n"],"names":["classes","root","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,mBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,KAAK,EAALA,KAAK;AACLL,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/breadcrumb/index.mjs

@@ -1,7 +1,7 @@
 import ChevronRightIcon from '@primevue/icons/chevronright';
 import BaseComponent from '@primevue/core/basecomponent';
 import BreadcrumbStyle from 'primevue/breadcrumb/style';
-import { mergeProps, openBlock, createElementBlock, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString, resolveComponent, createElementVNode, Fragment, renderList, renderSlot, createVNode } from 'vue';
+import { mergeProps, createElementBlock, createCommentVNode, openBlock, createBlock, resolveDynamicComponent, normalizeClass, toDisplayString, resolveComponent, createElementVNode, Fragment, renderList, createVNode, renderSlot } from 'vue';
 
 var script$2 = {
   name: 'BaseBreadcrumb',

package/breadcrumb/style/index.mjs

@@ -1,17 +1,14 @@
+import { style } from '@primeuix/styles/breadcrumb';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-breadcrumb {\n    background: ".concat(dt('breadcrumb.background'), ";\n    padding: ").concat(dt('breadcrumb.padding'), ";\n    overflow-x: auto;\n}\n\n.p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: ").concat(dt('breadcrumb.gap'), ";\n}\n\n.p-breadcrumb-separator {\n    display: flex;\n    align-items: center;\n    color: ").concat(dt('breadcrumb.separator.color'), ";\n}\n\n.p-breadcrumb-separator-icon:dir(rtl) {\n    transform: rotate(180deg);\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n\n.p-breadcrumb-item-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: ").concat(dt('breadcrumb.item.gap'), ";\n    transition: background ").concat(dt('breadcrumb.transition.duration'), ", color ").concat(dt('breadcrumb.transition.duration'), ", outline-color ").concat(dt('breadcrumb.transition.duration'), ", box-shadow ").concat(dt('breadcrumb.transition.duration'), ";\n    border-radius: ").concat(dt('breadcrumb.item.border.radius'), ";\n    outline-color: transparent;\n    color: ").concat(dt('breadcrumb.item.color'), ";\n}\n\n.p-breadcrumb-item-link:focus-visible {\n    box-shadow: ").concat(dt('breadcrumb.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('breadcrumb.item.focus.ring.width'), " ").concat(dt('breadcrumb.item.focus.ring.style'), " ").concat(dt('breadcrumb.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('breadcrumb.item.focus.ring.offset'), ";\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-label {\n    color: ").concat(dt('breadcrumb.item.hover.color'), ";\n}\n\n.p-breadcrumb-item-label {\n    transition: inherit;\n}\n\n.p-breadcrumb-item-icon {\n    color: ").concat(dt('breadcrumb.item.icon.color'), ";\n    transition: inherit;\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {\n    color: ").concat(dt('breadcrumb.item.icon.hover.color'), ";\n}\n");
-};
 var classes = {
   root: 'p-breadcrumb p-component',
   list: 'p-breadcrumb-list',
   homeItem: 'p-breadcrumb-home-item',
   separator: 'p-breadcrumb-separator',
   separatorIcon: 'p-breadcrumb-separator-icon',
-  item: function item(_ref2) {
-    var instance = _ref2.instance;
+  item: function item(_ref) {
+    var instance = _ref.instance;
     return ['p-breadcrumb-item', {
       'p-disabled': instance.disabled()
     }];
@@ -22,7 +19,7 @@ var classes = {
 };
 var BreadcrumbStyle = BaseStyle.extend({
   name: 'breadcrumb',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/breadcrumb/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/breadcrumb/style/BreadcrumbStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-breadcrumb {\n    background: ${dt('breadcrumb.background')};\n    padding: ${dt('breadcrumb.padding')};\n    overflow-x: auto;\n}\n\n.p-breadcrumb-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    align-items: center;\n    flex-wrap: nowrap;\n    gap: ${dt('breadcrumb.gap')};\n}\n\n.p-breadcrumb-separator {\n    display: flex;\n    align-items: center;\n    color: ${dt('breadcrumb.separator.color')};\n}\n\n.p-breadcrumb-separator-icon:dir(rtl) {\n    transform: rotate(180deg);\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n    display: none;\n}\n\n.p-breadcrumb-item-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: ${dt('breadcrumb.item.gap')};\n    transition: background ${dt('breadcrumb.transition.duration')}, color ${dt('breadcrumb.transition.duration')}, outline-color ${dt('breadcrumb.transition.duration')}, box-shadow ${dt('breadcrumb.transition.duration')};\n    border-radius: ${dt('breadcrumb.item.border.radius')};\n    outline-color: transparent;\n    color: ${dt('breadcrumb.item.color')};\n}\n\n.p-breadcrumb-item-link:focus-visible {\n    box-shadow: ${dt('breadcrumb.item.focus.ring.shadow')};\n    outline: ${dt('breadcrumb.item.focus.ring.width')} ${dt('breadcrumb.item.focus.ring.style')} ${dt('breadcrumb.item.focus.ring.color')};\n    outline-offset: ${dt('breadcrumb.item.focus.ring.offset')};\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-label {\n    color: ${dt('breadcrumb.item.hover.color')};\n}\n\n.p-breadcrumb-item-label {\n    transition: inherit;\n}\n\n.p-breadcrumb-item-icon {\n    color: ${dt('breadcrumb.item.icon.color')};\n    transition: inherit;\n}\n\n.p-breadcrumb-item-link:hover .p-breadcrumb-item-icon {\n    color: ${dt('breadcrumb.item.icon.hover.color')};\n}\n`;\n\nconst classes = {\n    root: 'p-breadcrumb p-component',\n    list: 'p-breadcrumb-list',\n    homeItem: 'p-breadcrumb-home-item',\n    separator: 'p-breadcrumb-separator',\n    separatorIcon: 'p-breadcrumb-separator-icon',\n    item: ({ instance }) => ['p-breadcrumb-item', { 'p-disabled': instance.disabled() }],\n    itemLink: 'p-breadcrumb-item-link',\n    itemIcon: 'p-breadcrumb-item-icon',\n    itemLabel: 'p-breadcrumb-item-label'\n};\n\nexport default BaseStyle.extend({\n    name: 'breadcrumb',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","list","homeItem","separator","separatorIcon","item","_ref2","instance","disabled","itemLink","itemIcon","itemLabel","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,qCAAA,CAAAC,MAAA,CAEDD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC9BD,EAAE,CAAC,oBAAoB,CAAC,EAAA,mMAAA,CAAA,CAAAC,MAAA,CAW5BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,8FAAAA,CAAAA,CAAAA,MAAA,CAMlBD,EAAE,CAAC,4BAA4B,CAAC,EAAA,mQAAA,CAAA,CAAAC,MAAA,CAelCD,EAAE,CAAC,qBAAqB,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACPD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAAmBD,EAAE,CAAC,gCAAgC,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,gCAAgC,CAAC,4BAAAC,MAAA,CACtMD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,iDAAAA,CAAAA,CAAAA,MAAA,CAE3CD,EAAE,CAAC,uBAAuB,CAAC,EAAA,mEAAA,CAAA,CAAAC,MAAA,CAItBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC1CD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,kCAAkC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CACnHD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,+EAAAA,CAAAA,CAAAA,MAAA,CAIhDD,EAAE,CAAC,6BAA6B,CAAC,EAAAC,2GAAAA,CAAAA,CAAAA,MAAA,CAQjCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,wGAAA,CAAA,CAAAC,MAAA,CAKhCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,QAAA,CAAA;AAAA,CAElD;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,0BAA0B;AAChCC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE,wBAAwB;AACnCC,EAAAA,aAAa,EAAE,6BAA6B;AAC5CC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAO,CAAC,mBAAmB,EAAE;AAAE,MAAA,YAAY,EAAEA,QAAQ,CAACC,QAAQ;AAAG,KAAC,CAAC;AAAA,GAAA;AACpFC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBnB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/breadcrumb/style/BreadcrumbStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/breadcrumb';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-breadcrumb p-component',\n    list: 'p-breadcrumb-list',\n    homeItem: 'p-breadcrumb-home-item',\n    separator: 'p-breadcrumb-separator',\n    separatorIcon: 'p-breadcrumb-separator-icon',\n    item: ({ instance }) => ['p-breadcrumb-item', { 'p-disabled': instance.disabled() }],\n    itemLink: 'p-breadcrumb-item-link',\n    itemIcon: 'p-breadcrumb-item-icon',\n    itemLabel: 'p-breadcrumb-item-label'\n};\n\nexport default BaseStyle.extend({\n    name: 'breadcrumb',\n    style,\n    classes\n});\n"],"names":["classes","root","list","homeItem","separator","separatorIcon","item","_ref","instance","disabled","itemLink","itemIcon","itemLabel","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,0BAA0B;AAChCC,EAAAA,IAAI,EAAE,mBAAmB;AACzBC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE,wBAAwB;AACnCC,EAAAA,aAAa,EAAE,6BAA6B;AAC5CC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAA,OAAO,CAAC,mBAAmB,EAAE;AAAE,MAAA,YAAY,EAAEA,QAAQ,CAACC,QAAQ;AAAG,KAAC,CAAC;AAAA,GAAA;AACpFC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,QAAQ,EAAE,wBAAwB;AAClCC,EAAAA,SAAS,EAAE;AACf,CAAC;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,KAAK,EAALA,KAAK;AACLhB,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/button/Button.vue

@@ -8,7 +8,7 @@
             <slot v-else name="icon" :class="[cx('icon')]" v-bind="ptm('icon')">
                 <span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
             </slot>
-            <span :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
+            <span v-if="!hasIcon || !!label" :class="cx('label')" v-bind="ptm('label')">{{ label || '&nbsp;' }}</span>
             <Badge v-if="badge" :value="badge" :class="badgeClass" :severity="badgeSeverity" :unstyled="unstyled" :pt="ptm('pcBadge')"></Badge>
         </slot>
     </component>

package/button/index.d.ts

@@ -207,6 +207,10 @@ export interface ButtonProps extends ButtonHTMLAttributes {
      * @defaultValue false
      */
     unstyled?: boolean;
+    /**
+     * Route Location the router-link should navigate to when clicked on.
+     */
+    to?: string;
 }
 
 /**
@@ -227,7 +231,13 @@ export interface ButtonSlots {
     /**
      * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
      */
-    default(): VNode[];
+    default(scope: {
+        /**
+         * Object containing the accessibility attributes.
+         * @remarks Only available when {@link ButtonProps.asChild} is set to true.
+         */
+        a11yAttrs?: Record<string, unknown>;
+    }): VNode[];
     /**
      * Custom icon template.
      * @param {Object} scope - icon slot's params.