@valaxyjs/devtools 0.22.13 → 0.22.15

package/dist/client/assets/{index-ES59byhe.js → index-lB-p08e3.js}

@@ -1,5 +1,5 @@
-import { g as getAppWindow, i as isNotEmpty, B as BaseStyle, r as resolveDirective, w as withDirectives, c as createElementBlock, o as openBlock, a as createBaseVNode, b as renderSlot, n as normalizeClass, d as createCommentVNode, m as mergeProps, t as toDisplayString, e as equals, f as resolveFieldData, h as resolveComponent, F as Fragment, j as renderList, k as createBlock, l as createSlots, p as withCtx, q as defineComponent, u as useModel, s as ref, v as watch, x as createVNode, y as unref, _ as _export_sfc, z as createTextVNode, A as contains, C as getScrollableParents, E as EventBus, D as isClient, T as Teleport, G as setAttribute, H as localeComparator, I as getFocusableElements, J as find, K as findSingle, L as getIndex, M as getAttribute, N as relativePosition, O as getOuterWidth, P as absolutePosition, Q as isTouchDevice, R as addStyle, S as normalizeStyle, U as resolveDynamicComponent, V as Transition, W as vShow, X as withKeys, Y as clearSelection, Z as getSelection, $ as toHandlers, a0 as useI18n, a1 as dayjs, a2 as clientPageData, a3 as activePath, a4 as toRaw, a5 as pageData, a6 as onMounted, a7 as rpc, a8 as getDefaultExportFromCjs, a9 as useScroll, aa as postList, ab as isStaticMode } from './index-ChxUjQc_.js';
-import { s as script$n, R as Ripple, a as script$o, u as uuid, b as script$p, c as axios, M, g } from './splitpanes.es-oE07QrQG.js';
+import { s as script$n, R as Ripple, c as cn, a as script$o, b as script$p, d as axios, P as Pe, g as ge } from './splitpanes.es-qAuBPxFz.js';
+import { g as getAppWindow, i as isNotEmpty, B as BaseStyle, r as resolveDirective, w as withDirectives, c as createElementBlock, o as openBlock, a as createBaseVNode, b as renderSlot, n as normalizeClass, d as createCommentVNode, m as mergeProps, t as toDisplayString, e as equals, f as resolveFieldData, h as resolveComponent, F as Fragment, j as renderList, k as createBlock, l as createSlots, p as withCtx, q as defineComponent, u as useModel, s as ref, v as watch, x as createVNode, y as unref, _ as _export_sfc, z as createTextVNode, A as contains, C as getScrollableParents, E as EventBus, D as isClient, T as Teleport, G as setAttribute, H as localeComparator, I as getFocusableElements, J as find, K as findSingle, L as getIndex, M as getAttribute, N as relativePosition, O as getOuterWidth, P as absolutePosition, Q as isTouchDevice, R as addStyle, S as normalizeStyle, U as resolveDynamicComponent, V as Transition, W as vShow, X as withKeys, Y as clearSelection, Z as getSelection, $ as toHandlers, a0 as useI18n, a1 as dayjs, a2 as clientPageData, a3 as activePath, a4 as toRaw, a5 as pageData, a6 as onMounted, a7 as rpc, a8 as getDefaultExportFromCjs, a9 as useScroll, aa as postList, ab as isStaticMode } from './index-CUyzvQjw.js';
 
 // src/zindex/index.ts
 function handler() {
@@ -125,6 +125,15 @@ var script$m = {
       handler: function handler(newValue) {
         this.d_value !== newValue && (this.d_value = newValue);
       }
+    },
+    $formValue: {
+      immediate: false,
+      handler: function handler(newValue) {
+        var _this$$pcForm3;
+        if ((_this$$pcForm3 = this.$pcForm) !== null && _this$$pcForm3 !== void 0 && _this$$pcForm3.getFieldState(this.$formName) && newValue !== this.d_value) {
+          this.d_value = newValue;
+        }
+      }
     }
   },
   formField: {},
@@ -140,6 +149,13 @@ var script$m = {
         originalEvent: event,
         value: value
       });
+    },
+    // @todo move to @primeuix/utils
+    findNonEmpty: function findNonEmpty() {
+      for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
+        values[_key] = arguments[_key];
+      }
+      return values.find(isNotEmpty);
     }
   },
   computed: {
@@ -147,20 +163,28 @@ var script$m = {
       return isNotEmpty(this.d_value);
     },
     $invalid: function $invalid() {
-      var _ref, _this$invalid, _this$$pcFormField, _this$$pcForm3;
-      return (_ref = (_this$invalid = this.invalid) !== null && _this$invalid !== void 0 ? _this$invalid : (_this$$pcFormField = this.$pcFormField) === null || _this$$pcFormField === void 0 || (_this$$pcFormField = _this$$pcFormField.$field) === null || _this$$pcFormField === void 0 ? void 0 : _this$$pcFormField.invalid) !== null && _ref !== void 0 ? _ref : (_this$$pcForm3 = this.$pcForm) === null || _this$$pcForm3 === void 0 || (_this$$pcForm3 = _this$$pcForm3.states) === null || _this$$pcForm3 === void 0 || (_this$$pcForm3 = _this$$pcForm3[this.$formName]) === null || _this$$pcForm3 === void 0 ? void 0 : _this$$pcForm3.invalid;
+      var _this$$pcFormField, _this$$pcForm4;
+      return !this.$formNovalidate && this.findNonEmpty(this.invalid, (_this$$pcFormField = this.$pcFormField) === null || _this$$pcFormField === void 0 || (_this$$pcFormField = _this$$pcFormField.$field) === null || _this$$pcFormField === void 0 ? void 0 : _this$$pcFormField.invalid, (_this$$pcForm4 = this.$pcForm) === null || _this$$pcForm4 === void 0 || (_this$$pcForm4 = _this$$pcForm4.getFieldState(this.$formName)) === null || _this$$pcForm4 === void 0 ? void 0 : _this$$pcForm4.invalid);
     },
     $formName: function $formName() {
       var _this$$formControl;
-      return this.name || ((_this$$formControl = this.$formControl) === null || _this$$formControl === void 0 ? void 0 : _this$$formControl.name);
+      return !this.$formNovalidate ? this.name || ((_this$$formControl = this.$formControl) === null || _this$$formControl === void 0 ? void 0 : _this$$formControl.name) : undefined;
     },
     $formControl: function $formControl() {
       var _this$$pcFormField2;
       return this.formControl || ((_this$$pcFormField2 = this.$pcFormField) === null || _this$$pcFormField2 === void 0 ? void 0 : _this$$pcFormField2.formControl);
     },
+    $formNovalidate: function $formNovalidate() {
+      var _this$$formControl2;
+      return (_this$$formControl2 = this.$formControl) === null || _this$$formControl2 === void 0 ? void 0 : _this$$formControl2.novalidate;
+    },
     $formDefaultValue: function $formDefaultValue() {
-      var _ref2, _this$d_value, _this$$pcFormField3, _this$$pcForm4;
-      return (_ref2 = (_this$d_value = this.d_value) !== null && _this$d_value !== void 0 ? _this$d_value : (_this$$pcFormField3 = this.$pcFormField) === null || _this$$pcFormField3 === void 0 ? void 0 : _this$$pcFormField3.initialValue) !== null && _ref2 !== void 0 ? _ref2 : (_this$$pcForm4 = this.$pcForm) === null || _this$$pcForm4 === void 0 || (_this$$pcForm4 = _this$$pcForm4.initialValues) === null || _this$$pcForm4 === void 0 ? void 0 : _this$$pcForm4[this.$formName];
+      var _this$$pcFormField3, _this$$pcForm5;
+      return this.findNonEmpty(this.d_value, (_this$$pcFormField3 = this.$pcFormField) === null || _this$$pcFormField3 === void 0 ? void 0 : _this$$pcFormField3.initialValue, (_this$$pcForm5 = this.$pcForm) === null || _this$$pcForm5 === void 0 || (_this$$pcForm5 = _this$$pcForm5.initialValues) === null || _this$$pcForm5 === void 0 ? void 0 : _this$$pcForm5[this.$formName]);
+    },
+    $formValue: function $formValue() {
+      var _this$$pcFormField4, _this$$pcForm6;
+      return this.findNonEmpty((_this$$pcFormField4 = this.$pcFormField) === null || _this$$pcFormField4 === void 0 || (_this$$pcFormField4 = _this$$pcFormField4.$field) === null || _this$$pcFormField4 === void 0 ? void 0 : _this$$pcFormField4.value, (_this$$pcForm6 = this.$pcForm) === null || _this$$pcForm6 === void 0 || (_this$$pcForm6 = _this$$pcForm6.getFieldState(this.$formName)) === null || _this$$pcForm6 === void 0 ? void 0 : _this$$pcForm6.value);
     },
     controlled: function controlled() {
       return this.$inProps.hasOwnProperty('modelValue') || !this.$inProps.hasOwnProperty('modelValue') && !this.$inProps.hasOwnProperty('defaultValue');
@@ -175,14 +199,12 @@ var script$m = {
 
 /* Injected with object hook! */
 
-var theme$7 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-togglebutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    position: relative;\n    color: ".concat(dt('togglebutton.color'), ";\n    background: ").concat(dt('togglebutton.background'), ";\n    border: 1px solid ").concat(dt('togglebutton.border.color'), ";\n    padding: ").concat(dt('togglebutton.padding'), ";\n    font-size: 1rem;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    transition: background ").concat(dt('togglebutton.transition.duration'), ", color ").concat(dt('togglebutton.transition.duration'), ", border-color ").concat(dt('togglebutton.transition.duration'), ",\n        outline-color ").concat(dt('togglebutton.transition.duration'), ", box-shadow ").concat(dt('togglebutton.transition.duration'), ";\n    border-radius: ").concat(dt('togglebutton.border.radius'), ";\n    outline-color: transparent;\n    font-weight: ").concat(dt('togglebutton.font.weight'), ";\n}\n\n.p-togglebutton-content {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: ").concat(dt('togglebutton.gap'), ";\n}\n\n.p-togglebutton-label,\n.p-togglebutton-icon {\n    position: relative;\n    transition: none;\n}\n\n.p-togglebutton::before {\n    content: \"\";\n    background: transparent;\n    transition: background ").concat(dt('togglebutton.transition.duration'), ", color ").concat(dt('togglebutton.transition.duration'), ", border-color ").concat(dt('togglebutton.transition.duration'), ",\n            outline-color ").concat(dt('togglebutton.transition.duration'), ", box-shadow ").concat(dt('togglebutton.transition.duration'), ";\n    position: absolute;\n    inset-inline-start: ").concat(dt('togglebutton.content.left'), ";\n    inset-block-start: ").concat(dt('togglebutton.content.top'), ";\n    width: calc(100% - calc(2 * ").concat(dt('togglebutton.content.left'), "));\n    height: calc(100% - calc(2 * ").concat(dt('togglebutton.content.top'), "));\n    border-radius: ").concat(dt('togglebutton.border.radius'), ";\n}\n\n.p-togglebutton.p-togglebutton-checked::before {\n    background: ").concat(dt('togglebutton.content.checked.background'), ";\n    box-shadow: ").concat(dt('togglebutton.content.checked.shadow'), ";\n}\n\n.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {\n    background: ").concat(dt('togglebutton.hover.background'), ";\n    color: ").concat(dt('togglebutton.hover.color'), ";\n}\n\n.p-togglebutton.p-togglebutton-checked {\n    background: ").concat(dt('togglebutton.checked.background'), ";\n    border-color: ").concat(dt('togglebutton.checked.border.color'), ";\n    color: ").concat(dt('togglebutton.checked.color'), ";\n}\n\n.p-togglebutton:focus-visible {\n    box-shadow: ").concat(dt('togglebutton.focus.ring.shadow'), ";\n    outline: ").concat(dt('togglebutton.focus.ring.width'), " ").concat(dt('togglebutton.focus.ring.style'), " ").concat(dt('togglebutton.focus.ring.color'), ";\n    outline-offset: ").concat(dt('togglebutton.focus.ring.offset'), ";\n}\n\n.p-togglebutton.p-invalid {\n    border-color: ").concat(dt('togglebutton.invalid.border.color'), ";\n}\n\n.p-togglebutton:disabled {\n    opacity: 1;\n    cursor: default;\n    background: ").concat(dt('togglebutton.disabled.background'), ";\n    border-color: ").concat(dt('togglebutton.disabled.border.color'), ";\n    color: ").concat(dt('togglebutton.disabled.color'), ";\n}\n\n.p-togglebutton-icon {\n    color: ").concat(dt('togglebutton.icon.color'), ";\n}\n\n.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {\n    color: ").concat(dt('togglebutton.icon.hover.color'), ";\n}\n\n.p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {\n    color: ").concat(dt('togglebutton.icon.checked.color'), ";\n}\n\n.p-togglebutton:disabled .p-togglebutton-icon {\n    color: ").concat(dt('togglebutton.icon.disabled.color'), ";\n}\n\n.p-togglebutton-sm {\n    padding: ").concat(dt('togglebutton.sm.padding'), ";\n    font-size: ").concat(dt('togglebutton.sm.font.size'), ";\n}\n\n.p-togglebutton-lg {\n    padding: ").concat(dt('togglebutton.lg.padding'), ";\n    font-size: ").concat(dt('togglebutton.lg.font.size'), ";\n}\n");
-};
+var style$7=({dt:o})=>`\n.p-togglebutton {\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    color: ${o("togglebutton.color")};\n    background: ${o("togglebutton.background")};\n    border: 1px solid ${o("togglebutton.border.color")};\n    padding: ${o("togglebutton.padding")};\n    font-size: 1rem;\n    font-family: inherit;\n    font-feature-settings: inherit;\n    transition: background ${o("togglebutton.transition.duration")}, color ${o("togglebutton.transition.duration")}, border-color ${o("togglebutton.transition.duration")},\n        outline-color ${o("togglebutton.transition.duration")}, box-shadow ${o("togglebutton.transition.duration")};\n    border-radius: ${o("togglebutton.border.radius")};\n    outline-color: transparent;\n    font-weight: ${o("togglebutton.font.weight")};\n}\n\n.p-togglebutton-content {\n    display: inline-flex;\n    flex: 1 1 auto;\n    align-items: center;\n    justify-content: center;\n    gap: ${o("togglebutton.gap")};\n    padding: ${o("togglebutton.content.padding")};\n    background: transparent;\n    border-radius: ${o("togglebutton.content.border.radius")};\n    transition: background ${o("togglebutton.transition.duration")}, color ${o("togglebutton.transition.duration")}, border-color ${o("togglebutton.transition.duration")},\n            outline-color ${o("togglebutton.transition.duration")}, box-shadow ${o("togglebutton.transition.duration")};\n}\n\n.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover {\n    background: ${o("togglebutton.hover.background")};\n    color: ${o("togglebutton.hover.color")};\n}\n\n.p-togglebutton.p-togglebutton-checked {\n    background: ${o("togglebutton.checked.background")};\n    border-color: ${o("togglebutton.checked.border.color")};\n    color: ${o("togglebutton.checked.color")};\n}\n\n.p-togglebutton-checked .p-togglebutton-content {\n    background: ${o("togglebutton.content.checked.background")};\n    box-shadow: ${o("togglebutton.content.checked.shadow")};\n}\n\n.p-togglebutton:focus-visible {\n    box-shadow: ${o("togglebutton.focus.ring.shadow")};\n    outline: ${o("togglebutton.focus.ring.width")} ${o("togglebutton.focus.ring.style")} ${o("togglebutton.focus.ring.color")};\n    outline-offset: ${o("togglebutton.focus.ring.offset")};\n}\n\n.p-togglebutton.p-invalid {\n    border-color: ${o("togglebutton.invalid.border.color")};\n}\n\n.p-togglebutton:disabled {\n    opacity: 1;\n    cursor: default;\n    background: ${o("togglebutton.disabled.background")};\n    border-color: ${o("togglebutton.disabled.border.color")};\n    color: ${o("togglebutton.disabled.color")};\n}\n\n.p-togglebutton-label,\n.p-togglebutton-icon {\n    position: relative;\n    transition: none;\n}\n\n.p-togglebutton-icon {\n    color: ${o("togglebutton.icon.color")};\n}\n\n.p-togglebutton:not(:disabled):not(.p-togglebutton-checked):hover .p-togglebutton-icon {\n    color: ${o("togglebutton.icon.hover.color")};\n}\n\n.p-togglebutton.p-togglebutton-checked .p-togglebutton-icon {\n    color: ${o("togglebutton.icon.checked.color")};\n}\n\n.p-togglebutton:disabled .p-togglebutton-icon {\n    color: ${o("togglebutton.icon.disabled.color")};\n}\n\n.p-togglebutton-sm {\n    padding: ${o("togglebutton.sm.padding")};\n    font-size: ${o("togglebutton.sm.font.size")};\n}\n\n.p-togglebutton-sm .p-togglebutton-content {\n    padding: ${o("togglebutton.content.sm.padding")};\n}\n\n.p-togglebutton-lg {\n    padding: ${o("togglebutton.lg.padding")};\n    font-size: ${o("togglebutton.lg.font.size")};\n}\n\n.p-togglebutton-lg .p-togglebutton-content {\n    padding: ${o("togglebutton.content.lg.padding")};\n}\n`;/* Injected with object hook! */
+
 var classes$7 = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-togglebutton p-component', {
       'p-togglebutton-checked': instance.active,
       'p-invalid': instance.$invalid,
@@ -196,7 +218,7 @@ var classes$7 = {
 };
 var ToggleButtonStyle = BaseStyle.extend({
   name: 'togglebutton',
-  theme: theme$7,
+  style: style$7,
   classes: classes$7
 });
 
@@ -251,6 +273,10 @@ var script$1$7 = {
   }
 };
 
+function _typeof$6(o) { "@babel/helpers - typeof"; return _typeof$6 = "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$6(o); }
+function _defineProperty$5(e, r, t) { return (r = _toPropertyKey$5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$5(t) { var i = _toPrimitive$5(t, "string"); return "symbol" == _typeof$6(i) ? i : i + ""; }
+function _toPrimitive$5(t, r) { if ("object" != _typeof$6(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$6(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script$l = {
   name: 'ToggleButton',
   "extends": script$1$7,
@@ -286,6 +312,12 @@ var script$l = {
     },
     label: function label() {
       return this.hasLabel ? this.d_value ? this.onLabel : this.offLabel : "\xA0";
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty$5({
+        checked: this.active,
+        invalid: this.$invalid
+      }, this.size, this.size));
     }
   },
   directives: {
@@ -293,7 +325,8 @@ var script$l = {
   }
 };
 
-var _hoisted_1$d = ["tabindex", "disabled", "aria-pressed", "aria-labelledby", "data-p-checked", "data-p-disabled"];
+var _hoisted_1$d = ["tabindex", "disabled", "aria-pressed", "aria-label", "aria-labelledby", "data-p-checked", "data-p-disabled", "data-p"];
+var _hoisted_2$6 = ["data-p"];
 function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -309,12 +342,16 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
       return $options.onBlur && $options.onBlur.apply($options, arguments);
     })
   }, $options.getPTOptions('root'), {
+    "aria-label": _ctx.ariaLabel,
     "aria-labelledby": _ctx.ariaLabelledby,
     "data-p-checked": $options.active,
-    "data-p-disabled": _ctx.disabled
+    "data-p-disabled": _ctx.disabled,
+    "data-p": $options.dataP
   }), [createBaseVNode("span", mergeProps({
     "class": _ctx.cx('content')
-  }, $options.getPTOptions('content')), [renderSlot(_ctx.$slots, "default", {}, function () {
+  }, $options.getPTOptions('content'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "default", {}, function () {
     return [renderSlot(_ctx.$slots, "icon", {
       value: _ctx.d_value,
       "class": normalizeClass(_ctx.cx('icon'))
@@ -326,7 +363,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }), createBaseVNode("span", mergeProps({
       "class": _ctx.cx('label')
     }, $options.getPTOptions('label')), toDisplayString($options.label), 17)];
-  })], 16)], 16, _hoisted_1$d)), [[_directive_ripple]]);
+  })], 16, _hoisted_2$6)], 16, _hoisted_1$d)), [[_directive_ripple]]);
 }
 
 script$l.render = render$j;
@@ -334,13 +371,11 @@ script$l.render = render$j;
 
 /* Injected with object hook! */
 
-var theme$6 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ".concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-inline-start-width: 1px;\n    border-start-start-radius: ").concat(dt('selectbutton.border.radius'), ";\n    border-end-start-radius: ").concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-start-end-radius: ").concat(dt('selectbutton.border.radius'), ";\n    border-end-end-radius: ").concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ").concat(dt('selectbutton.invalid.border.color'), ";\n    outline-offset: 0;\n}\n");
-};
+var style$6=({dt:t})=>`\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ${t("selectbutton.border.radius")};\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-inline-start-width: 1px;\n    border-start-start-radius: ${t("selectbutton.border.radius")};\n    border-end-start-radius: ${t("selectbutton.border.radius")};\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-start-end-radius: ${t("selectbutton.border.radius")};\n    border-end-end-radius: ${t("selectbutton.border.radius")};\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ${t("selectbutton.invalid.border.color")};\n    outline-offset: 0;\n}\n`;/* Injected with object hook! */
+
 var classes$6 = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance;
+  root: function root(_ref) {
+    var instance = _ref.instance;
     return ['p-selectbutton p-component', {
       'p-invalid': instance.$invalid // @todo: check
     }];
@@ -348,7 +383,7 @@ var classes$6 = {
 };
 var SelectButtonStyle = BaseStyle.extend({
   name: 'selectbutton',
-  theme: theme$6,
+  style: style$6,
   classes: classes$6
 });
 
@@ -412,22 +447,34 @@ var script$k = {
     isOptionDisabled: function isOptionDisabled(option) {
       return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;
     },
+    isOptionReadonly: function isOptionReadonly(option) {
+      if (this.allowEmpty) return false;
+      var selected = this.isSelected(option);
+      if (this.multiple) {
+        return selected && this.d_value.length === 1;
+      } else {
+        return selected;
+      }
+    },
     onOptionSelect: function onOptionSelect(event, option, index) {
       var _this = this;
-      if (this.disabled || this.isOptionDisabled(option)) {
+      if (this.disabled || this.isOptionDisabled(option) || this.isOptionReadonly(option)) {
         return;
       }
       var selected = this.isSelected(option);
-      if (selected && !this.allowEmpty) {
-        return;
-      }
       var optionValue = this.getOptionValue(option);
       var newValue;
       if (this.multiple) {
-        if (selected) newValue = this.d_value.filter(function (val) {
-          return !equals(val, optionValue, _this.equalityKey);
-        });else newValue = this.d_value ? [].concat(_toConsumableArray$3(this.d_value), [optionValue]) : [optionValue];
+        if (selected) {
+          newValue = this.d_value.filter(function (val) {
+            return !equals(val, optionValue, _this.equalityKey);
+          });
+          if (!this.allowEmpty && newValue.length === 0) return;
+        } else {
+          newValue = this.d_value ? [].concat(_toConsumableArray$3(this.d_value), [optionValue]) : [optionValue];
+        }
       } else {
+        if (selected && !this.allowEmpty) return;
         newValue = selected ? null : optionValue;
       }
       this.writeValue(newValue, event);
@@ -466,6 +513,11 @@ var script$k = {
   computed: {
     equalityKey: function equalityKey() {
       return this.optionValue ? null : this.dataKey;
+    },
+    dataP: function dataP() {
+      return cn({
+        invalid: this.$invalid
+      });
     }
   },
   directives: {
@@ -476,14 +528,16 @@ var script$k = {
   }
 };
 
-var _hoisted_1$c = ["aria-labelledby"];
+var _hoisted_1$c = ["aria-labelledby", "data-p"];
 function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ToggleButton = resolveComponent("ToggleButton");
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
     role: "group",
     "aria-labelledby": _ctx.ariaLabelledby
-  }, _ctx.ptmi('root')), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, function (option, index) {
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, function (option, index) {
     return openBlock(), createBlock(_component_ToggleButton, {
       key: $options.getOptionRenderKey(option),
       modelValue: $options.isSelected(option),
@@ -492,7 +546,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       disabled: _ctx.disabled || $options.isOptionDisabled(option),
       unstyled: _ctx.unstyled,
       size: _ctx.size,
-      readonly: !_ctx.allowEmpty && $options.isSelected(option),
+      readonly: $options.isOptionReadonly(option),
       onChange: function onChange($event) {
         return $options.onOptionSelect($event, option, index);
       },
@@ -1296,14 +1350,12 @@ var script$h = {
 
 /* Injected with object hook! */
 
-var theme$5 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ".concat(dt('checkbox.width'), ";\n    height: ").concat(dt('checkbox.height'), ";\n}\n\n.p-checkbox-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border: 1px solid transparent;\n    border-radius: ").concat(dt('checkbox.border.radius'), ";\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ").concat(dt('checkbox.border.radius'), ";\n    border: 1px solid ").concat(dt('checkbox.border.color'), ";\n    background: ").concat(dt('checkbox.background'), ";\n    width: ").concat(dt('checkbox.width'), ";\n    height: ").concat(dt('checkbox.height'), ";\n    transition: background ").concat(dt('checkbox.transition.duration'), ", color ").concat(dt('checkbox.transition.duration'), ", border-color ").concat(dt('checkbox.transition.duration'), ", box-shadow ").concat(dt('checkbox.transition.duration'), ", outline-color ").concat(dt('checkbox.transition.duration'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('checkbox.shadow'), ";\n}\n\n.p-checkbox-icon {\n    transition-duration: ").concat(dt('checkbox.transition.duration'), ";\n    color: ").concat(dt('checkbox.icon.color'), ";\n    font-size: ").concat(dt('checkbox.icon.size'), ";\n    width: ").concat(dt('checkbox.icon.size'), ";\n    height: ").concat(dt('checkbox.icon.size'), ";\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.hover.border.color'), ";\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.checked.border.color'), ";\n    background: ").concat(dt('checkbox.checked.background'), ";\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.checked.color'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.hover.background'), ";\n    border-color: ").concat(dt('checkbox.checked.hover.border.color'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.checked.hover.color'), ";\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.focus.border.color'), ";\n    box-shadow: ").concat(dt('checkbox.focus.ring.shadow'), ";\n    outline: ").concat(dt('checkbox.focus.ring.width'), " ").concat(dt('checkbox.focus.ring.style'), " ").concat(dt('checkbox.focus.ring.color'), ";\n    outline-offset: ").concat(dt('checkbox.focus.ring.offset'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.checked.focus.border.color'), ";\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.invalid.border.color'), ";\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ").concat(dt('checkbox.filled.background'), ";\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.background'), ";\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.hover.background'), ";\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ").concat(dt('checkbox.disabled.background'), ";\n    border-color: ").concat(dt('checkbox.checked.disabled.border.color'), ";\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.disabled.color'), ";\n}\n\n.p-checkbox-sm,\n.p-checkbox-sm .p-checkbox-box {\n    width: ").concat(dt('checkbox.sm.width'), ";\n    height: ").concat(dt('checkbox.sm.height'), ";\n}\n\n.p-checkbox-sm .p-checkbox-icon {\n    font-size: ").concat(dt('checkbox.icon.sm.size'), ";\n    width: ").concat(dt('checkbox.icon.sm.size'), ";\n    height: ").concat(dt('checkbox.icon.sm.size'), ";\n}\n\n.p-checkbox-lg,\n.p-checkbox-lg .p-checkbox-box {\n    width: ").concat(dt('checkbox.lg.width'), ";\n    height: ").concat(dt('checkbox.lg.height'), ";\n}\n\n.p-checkbox-lg .p-checkbox-icon {\n    font-size: ").concat(dt('checkbox.icon.lg.size'), ";\n    width: ").concat(dt('checkbox.icon.lg.size'), ";\n    height: ").concat(dt('checkbox.icon.lg.size'), ";\n}\n");
-};
+var style$5=({dt:c})=>`\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ${c("checkbox.width")};\n    height: ${c("checkbox.height")};\n}\n\n.p-checkbox-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border: 1px solid transparent;\n    border-radius: ${c("checkbox.border.radius")};\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ${c("checkbox.border.radius")};\n    border: 1px solid ${c("checkbox.border.color")};\n    background: ${c("checkbox.background")};\n    width: ${c("checkbox.width")};\n    height: ${c("checkbox.height")};\n    transition: background ${c("checkbox.transition.duration")}, color ${c("checkbox.transition.duration")}, border-color ${c("checkbox.transition.duration")}, box-shadow ${c("checkbox.transition.duration")}, outline-color ${c("checkbox.transition.duration")};\n    outline-color: transparent;\n    box-shadow: ${c("checkbox.shadow")};\n}\n\n.p-checkbox-icon {\n    transition-duration: ${c("checkbox.transition.duration")};\n    color: ${c("checkbox.icon.color")};\n    font-size: ${c("checkbox.icon.size")};\n    width: ${c("checkbox.icon.size")};\n    height: ${c("checkbox.icon.size")};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ${c("checkbox.hover.border.color")};\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ${c("checkbox.checked.border.color")};\n    background: ${c("checkbox.checked.background")};\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ${c("checkbox.icon.checked.color")};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${c("checkbox.checked.hover.background")};\n    border-color: ${c("checkbox.checked.hover.border.color")};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ${c("checkbox.icon.checked.hover.color")};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${c("checkbox.focus.border.color")};\n    box-shadow: ${c("checkbox.focus.ring.shadow")};\n    outline: ${c("checkbox.focus.ring.width")} ${c("checkbox.focus.ring.style")} ${c("checkbox.focus.ring.color")};\n    outline-offset: ${c("checkbox.focus.ring.offset")};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${c("checkbox.checked.focus.border.color")};\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ${c("checkbox.invalid.border.color")};\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ${c("checkbox.filled.background")};\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ${c("checkbox.checked.background")};\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${c("checkbox.checked.hover.background")};\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ${c("checkbox.disabled.background")};\n    border-color: ${c("checkbox.checked.disabled.border.color")};\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ${c("checkbox.icon.disabled.color")};\n}\n\n.p-checkbox-sm,\n.p-checkbox-sm .p-checkbox-box {\n    width: ${c("checkbox.sm.width")};\n    height: ${c("checkbox.sm.height")};\n}\n\n.p-checkbox-sm .p-checkbox-icon {\n    font-size: ${c("checkbox.icon.sm.size")};\n    width: ${c("checkbox.icon.sm.size")};\n    height: ${c("checkbox.icon.sm.size")};\n}\n\n.p-checkbox-lg,\n.p-checkbox-lg .p-checkbox-box {\n    width: ${c("checkbox.lg.width")};\n    height: ${c("checkbox.lg.height")};\n}\n\n.p-checkbox-lg .p-checkbox-icon {\n    font-size: ${c("checkbox.icon.lg.size")};\n    width: ${c("checkbox.icon.lg.size")};\n    height: ${c("checkbox.icon.lg.size")};\n}\n`;/* Injected with object hook! */
+
 var classes$5 = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-checkbox p-component', {
       'p-checkbox-checked': instance.checked,
       'p-disabled': props.disabled,
@@ -1319,7 +1371,7 @@ var classes$5 = {
 };
 var CheckboxStyle = BaseStyle.extend({
   name: 'checkbox',
-  theme: theme$5,
+  style: style$5,
   classes: classes$5
 });
 
@@ -1386,6 +1438,10 @@ var script$1$5 = {
   }
 };
 
+function _typeof$5(o) { "@babel/helpers - typeof"; return _typeof$5 = "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$5(o); }
+function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$5(i) ? i : i + ""; }
+function _toPrimitive$4(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray$2(r) { return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2(); }
 function _nonIterableSpread$2() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
@@ -1459,6 +1515,14 @@ var script$g = {
     checked: function checked() {
       var value = this.$pcCheckboxGroup ? this.$pcCheckboxGroup.d_value : this.d_value;
       return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty$4({
+        invalid: this.$invalid,
+        checked: this.checked,
+        disabled: this.disabled,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   },
   components: {
@@ -1467,8 +1531,9 @@ var script$g = {
   }
 };
 
-var _hoisted_1$9 = ["data-p-checked", "data-p-indeterminate", "data-p-disabled"];
+var _hoisted_1$9 = ["data-p-checked", "data-p-indeterminate", "data-p-disabled", "data-p"];
 var _hoisted_2$4 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label", "aria-invalid", "aria-checked"];
+var _hoisted_3$4 = ["data-p"];
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckIcon = resolveComponent("CheckIcon");
   var _component_MinusIcon = resolveComponent("MinusIcon");
@@ -1477,7 +1542,8 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   }, $options.getPTOptions('root'), {
     "data-p-checked": $options.checked,
     "data-p-indeterminate": $data.d_indeterminate || undefined,
-    "data-p-disabled": _ctx.disabled
+    "data-p-disabled": _ctx.disabled,
+    "data-p": $options.dataP
   }), [createBaseVNode("input", mergeProps({
     id: _ctx.inputId,
     type: "checkbox",
@@ -1505,7 +1571,9 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, $options.getPTOptions('input')), null, 16, _hoisted_2$4), createBaseVNode("div", mergeProps({
     "class": _ctx.cx('box')
-  }, $options.getPTOptions('box')), [renderSlot(_ctx.$slots, "icon", {
+  }, $options.getPTOptions('box'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "icon", {
     checked: $options.checked,
     indeterminate: $data.d_indeterminate,
     "class": normalizeClass(_ctx.cx('icon'))
@@ -1513,11 +1581,15 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
     return [$options.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
       key: 0,
       "class": _ctx.cx('icon')
-    }, $options.getPTOptions('icon')), null, 16, ["class"])) : $data.d_indeterminate ? (openBlock(), createBlock(_component_MinusIcon, mergeProps({
+    }, $options.getPTOptions('icon'), {
+      "data-p": $options.dataP
+    }), null, 16, ["class", "data-p"])) : $data.d_indeterminate ? (openBlock(), createBlock(_component_MinusIcon, mergeProps({
       key: 1,
       "class": _ctx.cx('icon')
-    }, $options.getPTOptions('icon')), null, 16, ["class"])) : createCommentVNode("", true)];
-  })], 16)], 16, _hoisted_1$9);
+    }, $options.getPTOptions('icon'), {
+      "data-p": $options.dataP
+    }), null, 16, ["class", "data-p"])) : createCommentVNode("", true)];
+  })], 16, _hoisted_3$4)], 16, _hoisted_1$9);
 }
 
 script$g.render = render$f;
@@ -1566,11 +1638,6 @@ var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
   }]);
 }();
 
-function UniqueComponentId () {
-  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'pv_id_';
-  return uuid(prefix);
-}
-
 
 /* Injected with object hook! */
 
@@ -1689,14 +1756,12 @@ script$b.render = render$a;
 
 /* Injected with object hook! */
 
-var theme$4 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-inputtext {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ".concat(dt('inputtext.color'), ";\n    background: ").concat(dt('inputtext.background'), ";\n    padding-block: ").concat(dt('inputtext.padding.y'), ";\n    padding-inline: ").concat(dt('inputtext.padding.x'), ";\n    border: 1px solid ").concat(dt('inputtext.border.color'), ";\n    transition: background ").concat(dt('inputtext.transition.duration'), ", color ").concat(dt('inputtext.transition.duration'), ", border-color ").concat(dt('inputtext.transition.duration'), ", outline-color ").concat(dt('inputtext.transition.duration'), ", box-shadow ").concat(dt('inputtext.transition.duration'), ";\n    appearance: none;\n    border-radius: ").concat(dt('inputtext.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('inputtext.shadow'), ";\n}\n\n.p-inputtext:enabled:hover {\n    border-color: ").concat(dt('inputtext.hover.border.color'), ";\n}\n\n.p-inputtext:enabled:focus {\n    border-color: ").concat(dt('inputtext.focus.border.color'), ";\n    box-shadow: ").concat(dt('inputtext.focus.ring.shadow'), ";\n    outline: ").concat(dt('inputtext.focus.ring.width'), " ").concat(dt('inputtext.focus.ring.style'), " ").concat(dt('inputtext.focus.ring.color'), ";\n    outline-offset: ").concat(dt('inputtext.focus.ring.offset'), ";\n}\n\n.p-inputtext.p-invalid {\n    border-color: ").concat(dt('inputtext.invalid.border.color'), ";\n}\n\n.p-inputtext.p-variant-filled {\n    background: ").concat(dt('inputtext.filled.background'), ";\n}\n\n.p-inputtext.p-variant-filled:enabled:hover {\n    background: ").concat(dt('inputtext.filled.hover.background'), ";\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n    background: ").concat(dt('inputtext.filled.focus.background'), ";\n}\n\n.p-inputtext:disabled {\n    opacity: 1;\n    background: ").concat(dt('inputtext.disabled.background'), ";\n    color: ").concat(dt('inputtext.disabled.color'), ";\n}\n\n.p-inputtext::placeholder {\n    color: ").concat(dt('inputtext.placeholder.color'), ";\n}\n\n.p-inputtext.p-invalid::placeholder {\n    color: ").concat(dt('inputtext.invalid.placeholder.color'), ";\n}\n\n.p-inputtext-sm {\n    font-size: ").concat(dt('inputtext.sm.font.size'), ";\n    padding-block: ").concat(dt('inputtext.sm.padding.y'), ";\n    padding-inline: ").concat(dt('inputtext.sm.padding.x'), ";\n}\n\n.p-inputtext-lg {\n    font-size: ").concat(dt('inputtext.lg.font.size'), ";\n    padding-block: ").concat(dt('inputtext.lg.padding.y'), ";\n    padding-inline: ").concat(dt('inputtext.lg.padding.x'), ";\n}\n\n.p-inputtext-fluid {\n    width: 100%;\n}\n");
-};
+var style$4=({dt:n})=>`\n.p-inputtext {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${n("inputtext.color")};\n    background: ${n("inputtext.background")};\n    padding-block: ${n("inputtext.padding.y")};\n    padding-inline: ${n("inputtext.padding.x")};\n    border: 1px solid ${n("inputtext.border.color")};\n    transition: background ${n("inputtext.transition.duration")}, color ${n("inputtext.transition.duration")}, border-color ${n("inputtext.transition.duration")}, outline-color ${n("inputtext.transition.duration")}, box-shadow ${n("inputtext.transition.duration")};\n    appearance: none;\n    border-radius: ${n("inputtext.border.radius")};\n    outline-color: transparent;\n    box-shadow: ${n("inputtext.shadow")};\n}\n\n.p-inputtext:enabled:hover {\n    border-color: ${n("inputtext.hover.border.color")};\n}\n\n.p-inputtext:enabled:focus {\n    border-color: ${n("inputtext.focus.border.color")};\n    box-shadow: ${n("inputtext.focus.ring.shadow")};\n    outline: ${n("inputtext.focus.ring.width")} ${n("inputtext.focus.ring.style")} ${n("inputtext.focus.ring.color")};\n    outline-offset: ${n("inputtext.focus.ring.offset")};\n}\n\n.p-inputtext.p-invalid {\n    border-color: ${n("inputtext.invalid.border.color")};\n}\n\n.p-inputtext.p-variant-filled {\n    background: ${n("inputtext.filled.background")};\n}\n\n.p-inputtext.p-variant-filled:enabled:hover {\n    background: ${n("inputtext.filled.hover.background")};\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n    background: ${n("inputtext.filled.focus.background")};\n}\n\n.p-inputtext:disabled {\n    opacity: 1;\n    background: ${n("inputtext.disabled.background")};\n    color: ${n("inputtext.disabled.color")};\n}\n\n.p-inputtext::placeholder {\n    color: ${n("inputtext.placeholder.color")};\n}\n\n.p-inputtext.p-invalid::placeholder {\n    color: ${n("inputtext.invalid.placeholder.color")};\n}\n\n.p-inputtext-sm {\n    font-size: ${n("inputtext.sm.font.size")};\n    padding-block: ${n("inputtext.sm.padding.y")};\n    padding-inline: ${n("inputtext.sm.padding.x")};\n}\n\n.p-inputtext-lg {\n    font-size: ${n("inputtext.lg.font.size")};\n    padding-block: ${n("inputtext.lg.padding.y")};\n    padding-inline: ${n("inputtext.lg.padding.x")};\n}\n\n.p-inputtext-fluid {\n    width: 100%;\n}\n`;/* Injected with object hook! */
+
 var classes$4 = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-inputtext p-component', {
       'p-filled': instance.$filled,
       'p-inputtext-sm p-inputfield-sm': props.size === 'small',
@@ -1709,7 +1774,7 @@ var classes$4 = {
 };
 var InputTextStyle = BaseStyle.extend({
   name: 'inputtext',
-  theme: theme$4,
+  style: style$4,
   classes: classes$4
 });
 
@@ -1728,6 +1793,10 @@ var script$1$4 = {
   }
 };
 
+function _typeof$4(o) { "@babel/helpers - typeof"; return _typeof$4 = "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$4(o); }
+function _defineProperty$3(e, r, t) { return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symbol" == _typeof$4(i) ? i : i + ""; }
+function _toPrimitive$3(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script$a = {
   name: 'InputText',
   "extends": script$1$4,
@@ -1745,18 +1814,27 @@ var script$a = {
           disabled: this.disabled
         }
       }), this.formField);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty$3({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   }
 };
 
-var _hoisted_1$8 = ["value", "disabled", "aria-invalid"];
+var _hoisted_1$8 = ["value", "name", "disabled", "aria-invalid", "data-p"];
 function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("input", mergeProps({
     type: "text",
     "class": _ctx.cx('root'),
     value: _ctx.d_value,
+    name: _ctx.name,
     disabled: _ctx.disabled,
     "aria-invalid": _ctx.$invalid || undefined,
+    "data-p": $options.dataP,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
@@ -1814,22 +1892,20 @@ script$9.render = render$8;
 
 /* Injected with object hook! */
 
-var theme$3 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-datepicker {\n    display: inline-flex;\n    max-width: 100%;\n}\n\n.p-datepicker-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n.p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n}\n\n.p-datepicker-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('datepicker.dropdown.width'), ";\n    border-start-end-radius: ").concat(dt('datepicker.dropdown.border.radius'), ";\n    border-end-end-radius: ").concat(dt('datepicker.dropdown.border.radius'), ";\n    background: ").concat(dt('datepicker.dropdown.background'), ";\n    border: 1px solid ").concat(dt('datepicker.dropdown.border.color'), ";\n    border-inline-start: 0 none;\n    color: ").concat(dt('datepicker.dropdown.color'), ";\n    transition: background ").concat(dt('datepicker.transition.duration'), ", color ").concat(dt('datepicker.transition.duration'), ", border-color ").concat(dt('datepicker.transition.duration'), ", outline-color ").concat(dt('datepicker.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-datepicker-dropdown:not(:disabled):hover {\n    background: ").concat(dt('datepicker.dropdown.hover.background'), ";\n    border-color: ").concat(dt('datepicker.dropdown.hover.border.color'), ";\n    color: ").concat(dt('datepicker.dropdown.hover.color'), ";\n}\n\n.p-datepicker-dropdown:not(:disabled):active {\n    background: ").concat(dt('datepicker.dropdown.active.background'), ";\n    border-color: ").concat(dt('datepicker.dropdown.active.border.color'), ";\n    color: ").concat(dt('datepicker.dropdown.active.color'), ";\n}\n\n.p-datepicker-dropdown:focus-visible {\n    box-shadow: ").concat(dt('datepicker.dropdown.focus.ring.shadow'), ";\n    outline: ").concat(dt('datepicker.dropdown.focus.ring.width'), " ").concat(dt('datepicker.dropdown.focus.ring.style'), " ").concat(dt('datepicker.dropdown.focus.ring.color'), ";\n    outline-offset: ").concat(dt('datepicker.dropdown.focus.ring.offset'), ";\n}\n\n.p-datepicker:has(.p-datepicker-input-icon-container) {\n    position: relative;\n}\n\n.p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {\n    padding-inline-end: calc((").concat(dt('form.field.padding.x'), " * 2) + ").concat(dt('icon.size'), ");\n}\n\n.p-datepicker-input-icon-container {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    inset-inline-end: ").concat(dt('form.field.padding.x'), ";\n    margin-block-start: calc(-1 * (").concat(dt('icon.size'), " / 2));\n    color: ").concat(dt('datepicker.input.icon.color'), ";\n    line-height: 1;\n}\n\n.p-datepicker-fluid {\n    display: flex;\n}\n\n.p-datepicker-fluid .p-datepicker-input {\n    width: 1%;\n}\n\n.p-datepicker .p-datepicker-panel {\n    min-width: 100%;\n}\n\n.p-datepicker-panel {\n    width: auto;\n    padding: ").concat(dt('datepicker.panel.padding'), ";\n    background: ").concat(dt('datepicker.panel.background'), ";\n    color: ").concat(dt('datepicker.panel.color'), ";\n    border: 1px solid ").concat(dt('datepicker.panel.border.color'), ";\n    border-radius: ").concat(dt('datepicker.panel.border.radius'), ";\n    box-shadow: ").concat(dt('datepicker.panel.shadow'), ";\n}\n\n.p-datepicker-panel-inline {\n    display: inline-block;\n    overflow-x: auto;\n    box-shadow: none;\n}\n\n.p-datepicker-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ").concat(dt('datepicker.header.padding'), ";\n    background: ").concat(dt('datepicker.header.background'), ";\n    color: ").concat(dt('datepicker.header.color'), ";\n    border-block-end: 1px solid ").concat(dt('datepicker.header.border.color'), ";\n}\n\n.p-datepicker-next-button:dir(rtl) {\n    order: -1;\n}\n\n.p-datepicker-prev-button:dir(rtl) {\n    order: 1;\n}\n\n.p-datepicker-title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: ").concat(dt('datepicker.title.gap'), ";\n    font-weight: ").concat(dt('datepicker.title.font.weight'), ";\n}\n\n.p-datepicker-select-year,\n.p-datepicker-select-month {\n    border: none;\n    background: transparent;\n    margin: 0;\n    cursor: pointer;\n    font-weight: inherit;\n    transition: background ").concat(dt('datepicker.transition.duration'), ", color ").concat(dt('datepicker.transition.duration'), ", border-color ").concat(dt('datepicker.transition.duration'), ", outline-color ").concat(dt('datepicker.transition.duration'), ", box-shadow ").concat(dt('datepicker.transition.duration'), ";\n}\n\n.p-datepicker-select-month {\n    padding: ").concat(dt('datepicker.select.month.padding'), ";\n    color: ").concat(dt('datepicker.select.month.color'), ";\n    border-radius: ").concat(dt('datepicker.select.month.border.radius'), ";\n}\n\n.p-datepicker-select-year {\n    padding: ").concat(dt('datepicker.select.year.padding'), ";\n    color: ").concat(dt('datepicker.select.year.color'), ";\n    border-radius: ").concat(dt('datepicker.select.year.border.radius'), ";\n}\n\n.p-datepicker-select-month:enabled:hover {\n    background: ").concat(dt('datepicker.select.month.hover.background'), ";\n    color: ").concat(dt('datepicker.select.month.hover.color'), ";\n}\n\n.p-datepicker-select-year:enabled:hover {\n    background: ").concat(dt('datepicker.select.year.hover.background'), ";\n    color: ").concat(dt('datepicker.select.year.hover.color'), ";\n}\n\n.p-datepicker-select-month:focus-visible,\n.p-datepicker-select-year:focus-visible {\n    box-shadow: ").concat(dt('datepicker.date.focus.ring.shadow'), ";\n    outline: ").concat(dt('datepicker.date.focus.ring.width'), " ").concat(dt('datepicker.date.focus.ring.style'), " ").concat(dt('datepicker.date.focus.ring.color'), ";\n    outline-offset: ").concat(dt('datepicker.date.focus.ring.offset'), ";\n}\n\n.p-datepicker-calendar-container {\n    display: flex;\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar {\n    flex: 1 1 auto;\n    border-inline-start: 1px solid ").concat(dt('datepicker.group.border.color'), ";\n    padding-inline-end: ").concat(dt('datepicker.group.gap'), ";\n    padding-inline-start: ").concat(dt('datepicker.group.gap'), ";\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar:first-child {\n    padding-inline-start: 0;\n    border-inline-start: 0 none;\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar:last-child {\n    padding-inline-end: 0;\n}\n\n.p-datepicker-day-view {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 1rem;\n    margin: ").concat(dt('datepicker.day.view.margin'), ";\n}\n\n.p-datepicker-weekday-cell {\n    padding: ").concat(dt('datepicker.week.day.padding'), ";\n}\n\n.p-datepicker-weekday {\n    font-weight: ").concat(dt('datepicker.week.day.font.weight'), ";\n    color: ").concat(dt('datepicker.week.day.color'), ";\n}\n\n.p-datepicker-day-cell {\n    padding: ").concat(dt('datepicker.date.padding'), ";\n}\n\n.p-datepicker-day {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: ").concat(dt('datepicker.date.width'), ";\n    height: ").concat(dt('datepicker.date.height'), ";\n    border-radius: ").concat(dt('datepicker.date.border.radius'), ";\n    transition: background ").concat(dt('datepicker.transition.duration'), ", color ").concat(dt('datepicker.transition.duration'), ", border-color ").concat(dt('datepicker.transition.duration'), ", box-shadow ").concat(dt('datepicker.transition.duration'), ", outline-color ").concat(dt('datepicker.transition.duration'), ";\n    border: 1px solid transparent;\n    outline-color: transparent;\n    color: ").concat(dt('datepicker.date.color'), ";\n}\n\n.p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {\n    background: ").concat(dt('datepicker.date.hover.background'), ";\n    color: ").concat(dt('datepicker.date.hover.color'), ";\n}\n\n.p-datepicker-day:focus-visible {\n    box-shadow: ").concat(dt('datepicker.date.focus.ring.shadow'), ";\n    outline: ").concat(dt('datepicker.date.focus.ring.width'), " ").concat(dt('datepicker.date.focus.ring.style'), " ").concat(dt('datepicker.date.focus.ring.color'), ";\n    outline-offset: ").concat(dt('datepicker.date.focus.ring.offset'), ";\n}\n\n.p-datepicker-day-selected {\n    background: ").concat(dt('datepicker.date.selected.background'), ";\n    color: ").concat(dt('datepicker.date.selected.color'), ";\n}\n\n.p-datepicker-day-selected-range {\n    background: ").concat(dt('datepicker.date.range.selected.background'), ";\n    color: ").concat(dt('datepicker.date.range.selected.color'), ";\n}\n\n.p-datepicker-today > .p-datepicker-day {\n    background: ").concat(dt('datepicker.today.background'), ";\n    color: ").concat(dt('datepicker.today.color'), ";\n}\n\n.p-datepicker-today > .p-datepicker-day-selected {\n    background: ").concat(dt('datepicker.date.selected.background'), ";\n    color: ").concat(dt('datepicker.date.selected.color'), ";\n}\n\n.p-datepicker-today > .p-datepicker-day-selected-range {\n    background: ").concat(dt('datepicker.date.range.selected.background'), ";\n    color: ").concat(dt('datepicker.date.range.selected.color'), ";\n}\n\n.p-datepicker-weeknumber {\n    text-align: center;\n}\n\n.p-datepicker-month-view {\n    margin: ").concat(dt('datepicker.month.view.margin'), ";\n}\n\n.p-datepicker-month {\n    width: 33.3%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n    padding: ").concat(dt('datepicker.month.padding'), ";\n    transition: background ").concat(dt('datepicker.transition.duration'), ", color ").concat(dt('datepicker.transition.duration'), ", border-color ").concat(dt('datepicker.transition.duration'), ", box-shadow ").concat(dt('datepicker.transition.duration'), ", outline-color ").concat(dt('datepicker.transition.duration'), ";\n    border-radius: ").concat(dt('datepicker.month.border.radius'), ";\n    outline-color: transparent;\n    color: ").concat(dt('datepicker.date.color'), ";\n}\n\n.p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {\n    color: ").concat(dt('datepicker.date.hover.color'), ";\n    background: ").concat(dt('datepicker.date.hover.background'), ";\n}\n\n.p-datepicker-month-selected {\n    color: ").concat(dt('datepicker.date.selected.color'), ";\n    background: ").concat(dt('datepicker.date.selected.background'), ";\n}\n\n.p-datepicker-month:not(.p-disabled):focus-visible {\n    box-shadow: ").concat(dt('datepicker.date.focus.ring.shadow'), ";\n    outline: ").concat(dt('datepicker.date.focus.ring.width'), " ").concat(dt('datepicker.date.focus.ring.style'), " ").concat(dt('datepicker.date.focus.ring.color'), ";\n    outline-offset: ").concat(dt('datepicker.date.focus.ring.offset'), ";\n}\n\n.p-datepicker-year-view {\n    margin: ").concat(dt('datepicker.year.view.margin'), ";\n}\n\n.p-datepicker-year {\n    width: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n    padding: ").concat(dt('datepicker.year.padding'), ";\n    transition: background ").concat(dt('datepicker.transition.duration'), ", color ").concat(dt('datepicker.transition.duration'), ", border-color ").concat(dt('datepicker.transition.duration'), ", box-shadow ").concat(dt('datepicker.transition.duration'), ", outline-color ").concat(dt('datepicker.transition.duration'), ";\n    border-radius: ").concat(dt('datepicker.year.border.radius'), ";\n    outline-color: transparent;\n    color: ").concat(dt('datepicker.date.color'), ";\n}\n\n.p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {\n    color: ").concat(dt('datepicker.date.hover.color'), ";\n    background: ").concat(dt('datepicker.date.hover.background'), ";\n}\n\n.p-datepicker-year-selected {\n    color: ").concat(dt('datepicker.date.selected.color'), ";\n    background: ").concat(dt('datepicker.date.selected.background'), ";\n}\n\n.p-datepicker-year:not(.p-disabled):focus-visible {\n    box-shadow: ").concat(dt('datepicker.date.focus.ring.shadow'), ";\n    outline: ").concat(dt('datepicker.date.focus.ring.width'), " ").concat(dt('datepicker.date.focus.ring.style'), " ").concat(dt('datepicker.date.focus.ring.color'), ";\n    outline-offset: ").concat(dt('datepicker.date.focus.ring.offset'), ";\n}\n\n.p-datepicker-buttonbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: ").concat(dt('datepicker.buttonbar.padding'), ";\n    border-block-start: 1px solid ").concat(dt('datepicker.buttonbar.border.color'), ";\n}\n\n.p-datepicker-buttonbar .p-button {\n    width: auto;\n}\n\n.p-datepicker-time-picker {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-block-start: 1px solid ").concat(dt('datepicker.time.picker.border.color'), ";\n    padding: 0;\n    gap: ").concat(dt('datepicker.time.picker.gap'), ";\n}\n\n.p-datepicker-calendar-container + .p-datepicker-time-picker {\n    padding: ").concat(dt('datepicker.time.picker.padding'), ";\n}\n\n.p-datepicker-time-picker > div {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    gap: ").concat(dt('datepicker.time.picker.button.gap'), ";\n}\n\n.p-datepicker-time-picker span {\n    font-size: 1rem;\n}\n\n.p-datepicker-timeonly .p-datepicker-time-picker {\n    border-block-start: 0 none;\n}\n\n.p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {\n    width: ").concat(dt('datepicker.dropdown.sm.width'), ";\n}\n\n.p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,\n.p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-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-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {\n    width: ").concat(dt('datepicker.dropdown.lg.width'), ";\n}\n\n.p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,\n.p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-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 style$3=({dt:e})=>`\n.p-datepicker {\n    display: inline-flex;\n    max-width: 100%;\n}\n\n.p-datepicker-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n.p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n}\n\n.p-datepicker-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: ${e("datepicker.dropdown.width")};\n    border-start-end-radius: ${e("datepicker.dropdown.border.radius")};\n    border-end-end-radius: ${e("datepicker.dropdown.border.radius")};\n    background: ${e("datepicker.dropdown.background")};\n    border: 1px solid ${e("datepicker.dropdown.border.color")};\n    border-inline-start: 0 none;\n    color: ${e("datepicker.dropdown.color")};\n    transition: background ${e("datepicker.transition.duration")}, color ${e("datepicker.transition.duration")}, border-color ${e("datepicker.transition.duration")}, outline-color ${e("datepicker.transition.duration")};\n    outline-color: transparent;\n}\n\n.p-datepicker-dropdown:not(:disabled):hover {\n    background: ${e("datepicker.dropdown.hover.background")};\n    border-color: ${e("datepicker.dropdown.hover.border.color")};\n    color: ${e("datepicker.dropdown.hover.color")};\n}\n\n.p-datepicker-dropdown:not(:disabled):active {\n    background: ${e("datepicker.dropdown.active.background")};\n    border-color: ${e("datepicker.dropdown.active.border.color")};\n    color: ${e("datepicker.dropdown.active.color")};\n}\n\n.p-datepicker-dropdown:focus-visible {\n    box-shadow: ${e("datepicker.dropdown.focus.ring.shadow")};\n    outline: ${e("datepicker.dropdown.focus.ring.width")} ${e("datepicker.dropdown.focus.ring.style")} ${e("datepicker.dropdown.focus.ring.color")};\n    outline-offset: ${e("datepicker.dropdown.focus.ring.offset")};\n}\n\n.p-datepicker:has(.p-datepicker-input-icon-container) {\n    position: relative;\n}\n\n.p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {\n    padding-inline-end: calc((${e("form.field.padding.x")} * 2) + ${e("icon.size")});\n}\n\n.p-datepicker-input-icon-container {\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    inset-inline-end: ${e("form.field.padding.x")};\n    margin-block-start: calc(-1 * (${e("icon.size")} / 2));\n    color: ${e("datepicker.input.icon.color")};\n    line-height: 1;\n}\n\n.p-datepicker-fluid {\n    display: flex;\n}\n\n.p-datepicker-fluid .p-datepicker-input {\n    width: 1%;\n}\n\n.p-datepicker .p-datepicker-panel {\n    min-width: 100%;\n}\n\n.p-datepicker-panel {\n    width: auto;\n    padding: ${e("datepicker.panel.padding")};\n    background: ${e("datepicker.panel.background")};\n    color: ${e("datepicker.panel.color")};\n    border: 1px solid ${e("datepicker.panel.border.color")};\n    border-radius: ${e("datepicker.panel.border.radius")};\n    box-shadow: ${e("datepicker.panel.shadow")};\n}\n\n.p-datepicker-panel-inline {\n    display: inline-block;\n    overflow-x: auto;\n    box-shadow: none;\n}\n\n.p-datepicker-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: ${e("datepicker.header.padding")};\n    background: ${e("datepicker.header.background")};\n    color: ${e("datepicker.header.color")};\n    border-block-end: 1px solid ${e("datepicker.header.border.color")};\n}\n\n.p-datepicker-next-button:dir(rtl) {\n    order: -1;\n}\n\n.p-datepicker-prev-button:dir(rtl) {\n    order: 1;\n}\n\n.p-datepicker-title {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: ${e("datepicker.title.gap")};\n    font-weight: ${e("datepicker.title.font.weight")};\n}\n\n.p-datepicker-select-year,\n.p-datepicker-select-month {\n    border: none;\n    background: transparent;\n    margin: 0;\n    cursor: pointer;\n    font-weight: inherit;\n    transition: background ${e("datepicker.transition.duration")}, color ${e("datepicker.transition.duration")}, border-color ${e("datepicker.transition.duration")}, outline-color ${e("datepicker.transition.duration")}, box-shadow ${e("datepicker.transition.duration")};\n}\n\n.p-datepicker-select-month {\n    padding: ${e("datepicker.select.month.padding")};\n    color: ${e("datepicker.select.month.color")};\n    border-radius: ${e("datepicker.select.month.border.radius")};\n}\n\n.p-datepicker-select-year {\n    padding: ${e("datepicker.select.year.padding")};\n    color: ${e("datepicker.select.year.color")};\n    border-radius: ${e("datepicker.select.year.border.radius")};\n}\n\n.p-datepicker-select-month:enabled:hover {\n    background: ${e("datepicker.select.month.hover.background")};\n    color: ${e("datepicker.select.month.hover.color")};\n}\n\n.p-datepicker-select-year:enabled:hover {\n    background: ${e("datepicker.select.year.hover.background")};\n    color: ${e("datepicker.select.year.hover.color")};\n}\n\n.p-datepicker-select-month:focus-visible,\n.p-datepicker-select-year:focus-visible {\n    box-shadow: ${e("datepicker.date.focus.ring.shadow")};\n    outline: ${e("datepicker.date.focus.ring.width")} ${e("datepicker.date.focus.ring.style")} ${e("datepicker.date.focus.ring.color")};\n    outline-offset: ${e("datepicker.date.focus.ring.offset")};\n}\n\n.p-datepicker-calendar-container {\n    display: flex;\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar {\n    flex: 1 1 auto;\n    border-inline-start: 1px solid ${e("datepicker.group.border.color")};\n    padding-inline-end: ${e("datepicker.group.gap")};\n    padding-inline-start: ${e("datepicker.group.gap")};\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar:first-child {\n    padding-inline-start: 0;\n    border-inline-start: 0 none;\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar:last-child {\n    padding-inline-end: 0;\n}\n\n.p-datepicker-day-view {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 1rem;\n    margin: ${e("datepicker.day.view.margin")};\n}\n\n.p-datepicker-weekday-cell {\n    padding: ${e("datepicker.week.day.padding")};\n}\n\n.p-datepicker-weekday {\n    font-weight: ${e("datepicker.week.day.font.weight")};\n    color: ${e("datepicker.week.day.color")};\n}\n\n.p-datepicker-day-cell {\n    padding: ${e("datepicker.date.padding")};\n}\n\n.p-datepicker-day {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: ${e("datepicker.date.width")};\n    height: ${e("datepicker.date.height")};\n    border-radius: ${e("datepicker.date.border.radius")};\n    transition: background ${e("datepicker.transition.duration")}, color ${e("datepicker.transition.duration")}, border-color ${e("datepicker.transition.duration")}, box-shadow ${e("datepicker.transition.duration")}, outline-color ${e("datepicker.transition.duration")};\n    border: 1px solid transparent;\n    outline-color: transparent;\n    color: ${e("datepicker.date.color")};\n}\n\n.p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {\n    background: ${e("datepicker.date.hover.background")};\n    color: ${e("datepicker.date.hover.color")};\n}\n\n.p-datepicker-day:focus-visible {\n    box-shadow: ${e("datepicker.date.focus.ring.shadow")};\n    outline: ${e("datepicker.date.focus.ring.width")} ${e("datepicker.date.focus.ring.style")} ${e("datepicker.date.focus.ring.color")};\n    outline-offset: ${e("datepicker.date.focus.ring.offset")};\n}\n\n.p-datepicker-day-selected {\n    background: ${e("datepicker.date.selected.background")};\n    color: ${e("datepicker.date.selected.color")};\n}\n\n.p-datepicker-day-selected-range {\n    background: ${e("datepicker.date.range.selected.background")};\n    color: ${e("datepicker.date.range.selected.color")};\n}\n\n.p-datepicker-today > .p-datepicker-day {\n    background: ${e("datepicker.today.background")};\n    color: ${e("datepicker.today.color")};\n}\n\n.p-datepicker-today > .p-datepicker-day-selected {\n    background: ${e("datepicker.date.selected.background")};\n    color: ${e("datepicker.date.selected.color")};\n}\n\n.p-datepicker-today > .p-datepicker-day-selected-range {\n    background: ${e("datepicker.date.range.selected.background")};\n    color: ${e("datepicker.date.range.selected.color")};\n}\n\n.p-datepicker-weeknumber {\n    text-align: center;\n}\n\n.p-datepicker-month-view {\n    margin: ${e("datepicker.month.view.margin")};\n}\n\n.p-datepicker-month {\n    width: 33.3%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n    padding: ${e("datepicker.month.padding")};\n    transition: background ${e("datepicker.transition.duration")}, color ${e("datepicker.transition.duration")}, border-color ${e("datepicker.transition.duration")}, box-shadow ${e("datepicker.transition.duration")}, outline-color ${e("datepicker.transition.duration")};\n    border-radius: ${e("datepicker.month.border.radius")};\n    outline-color: transparent;\n    color: ${e("datepicker.date.color")};\n}\n\n.p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {\n    color: ${e("datepicker.date.hover.color")};\n    background: ${e("datepicker.date.hover.background")};\n}\n\n.p-datepicker-month-selected {\n    color: ${e("datepicker.date.selected.color")};\n    background: ${e("datepicker.date.selected.background")};\n}\n\n.p-datepicker-month:not(.p-disabled):focus-visible {\n    box-shadow: ${e("datepicker.date.focus.ring.shadow")};\n    outline: ${e("datepicker.date.focus.ring.width")} ${e("datepicker.date.focus.ring.style")} ${e("datepicker.date.focus.ring.color")};\n    outline-offset: ${e("datepicker.date.focus.ring.offset")};\n}\n\n.p-datepicker-year-view {\n    margin: ${e("datepicker.year.view.margin")};\n}\n\n.p-datepicker-year {\n    width: 50%;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n    padding: ${e("datepicker.year.padding")};\n    transition: background ${e("datepicker.transition.duration")}, color ${e("datepicker.transition.duration")}, border-color ${e("datepicker.transition.duration")}, box-shadow ${e("datepicker.transition.duration")}, outline-color ${e("datepicker.transition.duration")};\n    border-radius: ${e("datepicker.year.border.radius")};\n    outline-color: transparent;\n    color: ${e("datepicker.date.color")};\n}\n\n.p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {\n    color: ${e("datepicker.date.hover.color")};\n    background: ${e("datepicker.date.hover.background")};\n}\n\n.p-datepicker-year-selected {\n    color: ${e("datepicker.date.selected.color")};\n    background: ${e("datepicker.date.selected.background")};\n}\n\n.p-datepicker-year:not(.p-disabled):focus-visible {\n    box-shadow: ${e("datepicker.date.focus.ring.shadow")};\n    outline: ${e("datepicker.date.focus.ring.width")} ${e("datepicker.date.focus.ring.style")} ${e("datepicker.date.focus.ring.color")};\n    outline-offset: ${e("datepicker.date.focus.ring.offset")};\n}\n\n.p-datepicker-buttonbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: ${e("datepicker.buttonbar.padding")};\n    border-block-start: 1px solid ${e("datepicker.buttonbar.border.color")};\n}\n\n.p-datepicker-buttonbar .p-button {\n    width: auto;\n}\n\n.p-datepicker-time-picker {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-block-start: 1px solid ${e("datepicker.time.picker.border.color")};\n    padding: 0;\n    gap: ${e("datepicker.time.picker.gap")};\n}\n\n.p-datepicker-calendar-container + .p-datepicker-time-picker {\n    padding: ${e("datepicker.time.picker.padding")};\n}\n\n.p-datepicker-time-picker > div {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    gap: ${e("datepicker.time.picker.button.gap")};\n}\n\n.p-datepicker-time-picker span {\n    font-size: 1rem;\n}\n\n.p-datepicker-timeonly .p-datepicker-time-picker {\n    border-block-start: 0 none;\n}\n\n.p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {\n    width: ${e("datepicker.dropdown.sm.width")};\n}\n\n.p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,\n.p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-icon {\n    font-size: ${e("form.field.sm.font.size")};\n    width: ${e("form.field.sm.font.size")};\n    height: ${e("form.field.sm.font.size")};\n}\n\n.p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {\n    width: ${e("datepicker.dropdown.lg.width")};\n}\n\n.p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,\n.p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon {\n    font-size: ${e("form.field.lg.font.size")};\n    width: ${e("form.field.lg.font.size")};\n    height: ${e("form.field.lg.font.size")};\n}\n`;/* Injected with object hook! */
+
 var inlineStyles$1 = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return {
       position: props.appendTo === 'self' ? 'relative' : undefined
     };
   }
 };
 var classes$3 = {
-  root: function root(_ref3) {
-    var instance = _ref3.instance,
-      state = _ref3.state;
+  root: function root(_ref2) {
+    var instance = _ref2.instance,
+      state = _ref2.state;
     return ['p-datepicker p-component p-inputwrapper', {
       'p-invalid': instance.$invalid,
       'p-inputwrapper-filled': instance.$filled,
@@ -1842,8 +1918,8 @@ var classes$3 = {
   dropdown: 'p-datepicker-dropdown',
   inputIconContainer: 'p-datepicker-input-icon-container',
   inputIcon: 'p-datepicker-input-icon',
-  panel: function panel(_ref4) {
-    var props = _ref4.props;
+  panel: function panel(_ref3) {
+    var props = _ref3.props;
     return ['p-datepicker-panel p-component', {
       'p-datepicker-panel-inline': props.inline,
       'p-disabled': props.disabled,
@@ -1865,20 +1941,21 @@ var classes$3 = {
   weekLabelContainer: 'p-datepicker-weeklabel-container p-disabled',
   weekDayCell: 'p-datepicker-weekday-cell',
   weekDay: 'p-datepicker-weekday',
-  dayCell: function dayCell(_ref5) {
-    var date = _ref5.date;
+  dayCell: function dayCell(_ref4) {
+    var date = _ref4.date;
     return ['p-datepicker-day-cell', {
       'p-datepicker-other-month': date.otherMonth,
       'p-datepicker-today': date.today
     }];
   },
-  day: function day(_ref6) {
-    var instance = _ref6.instance,
-      props = _ref6.props,
-      date = _ref6.date;
+  day: function day(_ref5) {
+    var instance = _ref5.instance,
+      props = _ref5.props,
+      state = _ref5.state,
+      date = _ref5.date;
     var selectedDayClass = '';
     if (instance.isRangeSelection() && instance.isSelected(date) && date.selectable) {
-      selectedDayClass = instance.isDateEquals(props.modelValue[0], date) || instance.isDateEquals(props.modelValue[1], date) ? 'p-datepicker-day-selected' : 'p-datepicker-day-selected-range';
+      selectedDayClass = instance.isDateEquals(state.d_value[0], date) || instance.isDateEquals(state.d_value[1], date) ? 'p-datepicker-day-selected' : 'p-datepicker-day-selected-range';
     }
     return ['p-datepicker-day', {
       'p-datepicker-day-selected': !instance.isRangeSelection() && instance.isSelected(date) && date.selectable,
@@ -1886,21 +1963,21 @@ var classes$3 = {
     }, selectedDayClass];
   },
   monthView: 'p-datepicker-month-view',
-  month: function month(_ref7) {
-    var instance = _ref7.instance,
-      props = _ref7.props,
-      _month = _ref7.month,
-      index = _ref7.index;
+  month: function month(_ref6) {
+    var instance = _ref6.instance,
+      props = _ref6.props,
+      _month = _ref6.month,
+      index = _ref6.index;
     return ['p-datepicker-month', {
       'p-datepicker-month-selected': instance.isMonthSelected(index),
       'p-disabled': props.disabled || !_month.selectable
     }];
   },
   yearView: 'p-datepicker-year-view',
-  year: function year(_ref8) {
-    var instance = _ref8.instance,
-      props = _ref8.props,
-      _year = _ref8.year;
+  year: function year(_ref7) {
+    var instance = _ref7.instance,
+      props = _ref7.props,
+      _year = _ref7.year;
     return ['p-datepicker-year', {
       'p-datepicker-year-selected': instance.isYearSelected(_year.value),
       'p-disabled': props.disabled || !_year.selectable
@@ -1920,7 +1997,7 @@ var classes$3 = {
 };
 var DatePickerStyle = BaseStyle.extend({
   name: 'datepicker',
-  theme: theme$3,
+  style: style$3,
   classes: classes$3,
   inlineStyles: inlineStyles$1
 });
@@ -2093,10 +2170,6 @@ var script$1$3 = {
       type: String,
       "default": null
     },
-    id: {
-      type: String,
-      "default": null
-    },
     inputId: {
       type: String,
       "default": null
@@ -2175,7 +2248,7 @@ var script$1$3 = {
   }
 };
 
-function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "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$2(o); }
+function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "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$3(o); }
 function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1(); }
 function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray$1(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -2199,6 +2272,7 @@ var script$8 = {
   outsideClickListener: null,
   resizeListener: null,
   matchMediaListener: null,
+  matchMediaOrientationListener: null,
   overlay: null,
   input: null,
   previousButton: null,
@@ -2208,7 +2282,6 @@ var script$8 = {
   typeUpdate: false,
   data: function data() {
     return {
-      d_id: this.id,
       currentMonth: null,
       currentYear: null,
       currentHour: null,
@@ -2219,13 +2292,11 @@ var script$8 = {
       overlayVisible: false,
       currentView: this.view,
       query: null,
-      queryMatches: false
+      queryMatches: false,
+      queryOrientation: null
     };
   },
   watch: {
-    id: function id(newValue) {
-      this.d_id = newValue || UniqueComponentId();
-    },
     modelValue: function modelValue(newValue) {
       this.updateCurrentMetaData();
       if (!this.typeUpdate && !this.inline && this.input) {
@@ -2274,9 +2345,9 @@ var script$8 = {
     this.updateCurrentMetaData();
   },
   mounted: function mounted() {
-    this.d_id = this.d_id || UniqueComponentId();
     this.createResponsiveStyle();
     this.bindMatchMediaListener();
+    this.bindMatchMediaOrientationListener();
     if (this.inline) {
       if (!this.disabled) {
         this.preventFocus = true;
@@ -2306,6 +2377,7 @@ var script$8 = {
     this.unbindOutsideClickListener();
     this.unbindResizeListener();
     this.unbindMatchMediaListener();
+    this.unbindMatchMediaOrientationListener();
     if (this.scrollHandler) {
       this.scrollHandler.destroy();
       this.scrollHandler = null;
@@ -2702,6 +2774,24 @@ var script$8 = {
         this.matchMediaListener = null;
       }
     },
+    bindMatchMediaOrientationListener: function bindMatchMediaOrientationListener() {
+      var _this7 = this;
+      if (!this.matchMediaOrientationListener) {
+        var query = matchMedia("(orientation: portrait)");
+        this.queryOrientation = query;
+        this.matchMediaOrientationListener = function () {
+          _this7.alignOverlay();
+        };
+        this.queryOrientation.addEventListener('change', this.matchMediaOrientationListener);
+      }
+    },
+    unbindMatchMediaOrientationListener: function unbindMatchMediaOrientationListener() {
+      if (this.matchMediaOrientationListener) {
+        this.queryOrientation.removeEventListener('change', this.matchMediaOrientationListener);
+        this.queryOrientation = null;
+        this.matchMediaOrientationListener = null;
+      }
+    },
     isOutsideClicked: function isOutsideClicked(event) {
       return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || this.$el.contains(event.target) || this.overlay && this.overlay.contains(event.target));
     },
@@ -2775,7 +2865,7 @@ var script$8 = {
       });
     },
     onDateSelect: function onDateSelect(event, dateMeta) {
-      var _this7 = this;
+      var _this8 = this;
       if (this.disabled || !dateMeta.selectable) {
         return;
       }
@@ -2787,7 +2877,7 @@ var script$8 = {
       }
       if (this.isMultipleSelection() && this.isSelected(dateMeta)) {
         var newValue = this.d_value.filter(function (date) {
-          return !_this7.isDateEquals(date, dateMeta);
+          return !_this8.isDateEquals(date, dateMeta);
         });
         this.updateModel(newValue);
       } else {
@@ -2806,12 +2896,12 @@ var script$8 = {
           this.input.focus();
         }
         setTimeout(function () {
-          _this7.overlayVisible = false;
+          _this8.overlayVisible = false;
         }, 150);
       }
     },
     selectDate: function selectDate(dateMeta) {
-      var _this8 = this;
+      var _this9 = this;
       var date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
       if (this.showTime) {
         this.hourFormat === '12' && this.currentHour !== 12 && this.pm ? date.setHours(this.currentHour + 12) : date.setHours(this.currentHour);
@@ -2855,7 +2945,7 @@ var script$8 = {
       }
       if (this.isRangeSelection() && this.hideOnRangeSelection && modelVal[1] !== null) {
         setTimeout(function () {
-          _this8.overlayVisible = false;
+          _this9.overlayVisible = false;
         }, 150);
       }
       this.$emit('date-select', date);
@@ -2877,7 +2967,7 @@ var script$8 = {
     },
     formatValue: function formatValue(value) {
       if (typeof value === 'string') {
-        return this.dateFormat ? this.formatDate(new Date(value), this.dateFormat) : value;
+        return this.dateFormat ? isNaN(new Date(value)) ? value : this.formatDate(new Date(value), this.dateFormat) : value;
       }
       var formattedValue = '';
       if (value) {
@@ -3061,11 +3151,11 @@ var script$8 = {
       this.clearTimePickerTimer();
     },
     repeat: function repeat(event, interval, type, direction) {
-      var _this9 = this;
+      var _this10 = this;
       var i = interval || 500;
       this.clearTimePickerTimer();
       this.timePickerTimer = setTimeout(function () {
-        _this9.repeat(event, 100, type, direction);
+        _this10.repeat(event, 100, type, direction);
       }, i);
       switch (type) {
         case 0:
@@ -3195,7 +3285,7 @@ var script$8 = {
       event.preventDefault();
     },
     updateModelTime: function updateModelTime() {
-      var _this10 = this;
+      var _this11 = this;
       this.timePickerChange = true;
       var value = this.isComparable() ? this.d_value : this.viewDate;
       if (this.isRangeSelection()) {
@@ -3221,7 +3311,7 @@ var script$8 = {
       this.updateModel(value);
       this.$emit('date-select', value);
       setTimeout(function () {
-        return _this10.timePickerChange = false;
+        return _this11.timePickerChange = false;
       }, 0);
     },
     toggleAMPM: function toggleAMPM(event) {
@@ -3283,7 +3373,7 @@ var script$8 = {
       }
     },
     isValidSelection: function isValidSelection(value) {
-      var _this11 = this;
+      var _this12 = this;
       if (value == null) {
         return true;
       }
@@ -3293,7 +3383,7 @@ var script$8 = {
           isValid = false;
         }
       } else if (value.every(function (v) {
-        return _this11.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
+        return _this12.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
       })) {
         if (this.isRangeSelection()) {
           isValid = value.length > 1 && value[1] >= value[0];
@@ -3388,7 +3478,7 @@ var script$8 = {
       if (format == null || value == null) {
         throw 'Invalid arguments';
       }
-      value = _typeof$2(value) === 'object' ? value.toString() : value + '';
+      value = _typeof$3(value) === 'object' ? value.toString() : value + '';
       if (value === '') {
         return null;
       }
@@ -4028,16 +4118,25 @@ var script$8 = {
               if (this.timeOnly) {
                 focusableElements[0].focus();
               } else {
-                var spanIndex = null;
-                for (var i = 0; i < focusableElements.length; i++) {
-                  if (focusableElements[i].tagName === 'SPAN') {
-                    spanIndex = i;
-                    break;
-                  }
+                var elementIndex = focusableElements.findIndex(function (el) {
+                  return el.tagName === 'SPAN';
+                });
+                if (elementIndex === -1) {
+                  elementIndex = focusableElements.findIndex(function (el) {
+                    return el.tagName === 'BUTTON';
+                  });
+                }
+                if (elementIndex !== -1) {
+                  focusableElements[elementIndex].focus();
+                } else {
+                  focusableElements[0].focus();
                 }
-                focusableElements[spanIndex].focus();
               }
-            } else if (focusedIndex === focusableElements.length - 1) focusableElements[0].focus();else focusableElements[focusedIndex + 1].focus();
+            } else if (focusedIndex === focusableElements.length - 1) {
+              focusableElements[0].focus();
+            } else {
+              focusableElements[focusedIndex + 1].focus();
+            }
           }
         }
       }
@@ -4208,7 +4307,7 @@ var script$8 = {
       var propValue = this.d_value;
       if (propValue && Array.isArray(propValue)) {
         if (this.isRangeSelection()) {
-          propValue = this.inline ? propValue[0] : propValue[1] || propValue[0];
+          propValue = propValue[1] || propValue[0];
         } else if (this.isMultipleSelection()) {
           propValue = propValue[propValue.length - 1];
         }
@@ -4328,20 +4427,20 @@ var script$8 = {
       return this.dateFormat || this.$primevue.config.locale.dateFormat;
     },
     monthPickerValues: function monthPickerValues() {
-      var _this12 = this;
+      var _this13 = this;
       var monthPickerValues = [];
       var isSelectableMonth = function isSelectableMonth(baseMonth) {
-        if (_this12.minDate) {
-          var minMonth = _this12.minDate.getMonth();
-          var minYear = _this12.minDate.getFullYear();
-          if (_this12.currentYear < minYear || _this12.currentYear === minYear && baseMonth < minMonth) {
+        if (_this13.minDate) {
+          var minMonth = _this13.minDate.getMonth();
+          var minYear = _this13.minDate.getFullYear();
+          if (_this13.currentYear < minYear || _this13.currentYear === minYear && baseMonth < minMonth) {
             return false;
           }
         }
-        if (_this12.maxDate) {
-          var maxMonth = _this12.maxDate.getMonth();
-          var maxYear = _this12.maxDate.getFullYear();
-          if (_this12.currentYear > maxYear || _this12.currentYear === maxYear && baseMonth > maxMonth) {
+        if (_this13.maxDate) {
+          var maxMonth = _this13.maxDate.getMonth();
+          var maxYear = _this13.maxDate.getFullYear();
+          if (_this13.currentYear > maxYear || _this13.currentYear === maxYear && baseMonth > maxMonth) {
             return false;
           }
         }
@@ -4356,15 +4455,15 @@ var script$8 = {
       return monthPickerValues;
     },
     yearPickerValues: function yearPickerValues() {
-      var _this13 = this;
+      var _this14 = this;
       var yearPickerValues = [];
       var base = this.currentYear - this.currentYear % 10;
       var isSelectableYear = function isSelectableYear(baseYear) {
-        if (_this13.minDate) {
-          if (_this13.minDate.getFullYear() > baseYear) return false;
+        if (_this14.minDate) {
+          if (_this14.minDate.getFullYear() > baseYear) return false;
         }
-        if (_this13.maxDate) {
-          if (_this13.maxDate.getFullYear() < baseYear) return false;
+        if (_this14.maxDate) {
+          if (_this14.maxDate.getFullYear() < baseYear) return false;
         }
         return true;
       };
@@ -4404,7 +4503,7 @@ var script$8 = {
       return this.numberOfMonths > 1 || this.disabled;
     },
     panelId: function panelId() {
-      return this.d_id + '_panel';
+      return this.$id + '_panel';
     }
   },
   components: {
@@ -4426,8 +4525,8 @@ var _hoisted_1$7 = ["id"];
 var _hoisted_2$3 = ["disabled", "aria-label", "aria-expanded", "aria-controls"];
 var _hoisted_3$3 = ["id", "role", "aria-modal", "aria-label"];
 var _hoisted_4$3 = ["disabled", "aria-label"];
-var _hoisted_5$2 = ["disabled", "aria-label"];
-var _hoisted_6$1 = ["disabled", "aria-label"];
+var _hoisted_5$3 = ["disabled", "aria-label"];
+var _hoisted_6$2 = ["disabled", "aria-label"];
 var _hoisted_7$1 = ["disabled", "aria-label"];
 var _hoisted_8$1 = ["data-p-disabled"];
 var _hoisted_9$1 = ["abbr"];
@@ -4443,7 +4542,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return openBlock(), createElementBlock("span", mergeProps({
     ref: "container",
-    id: $data.d_id,
+    id: _ctx.$id,
     "class": _ctx.cx('root'),
     style: _ctx.sx('root')
   }, _ctx.ptmi('root')), [!_ctx.inline ? (openBlock(), createBlock(_component_InputText, {
@@ -4615,7 +4714,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('selectMonth'), {
               "data-pc-group-section": "view"
-            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_5$2)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
+            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_5$3)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
               key: 1
             }, [$data.currentView === 'date' ? (openBlock(), createElementBlock("button", mergeProps({
               key: 0,
@@ -4632,7 +4731,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('selectMonth'), {
               "data-pc-group-section": "view"
-            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_6$1)) : createCommentVNode("", true), $data.currentView !== 'year' ? (openBlock(), createElementBlock("button", mergeProps({
+            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_6$2)) : createCommentVNode("", true), $data.currentView !== 'year' ? (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               type: "button",
               onClick: _cache[7] || (_cache[7] = function () {
@@ -5025,6 +5124,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
             "class": _ctx.cx('pcDecrementButton'),
             "aria-label": _ctx.$primevue.config.locale.prevMinute,
             disabled: _ctx.disabled,
+            unstyled: _ctx.unstyled,
             onMousedown: _cache[30] || (_cache[30] = function ($event) {
               return $options.onTimePickerElementMouseDown($event, 1, -1);
             }),
@@ -5058,7 +5158,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               })];
             }),
             _: 3
-          }, 16, ["class", "aria-label", "disabled", "onKeydown", "pt"])], 16), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
+          }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])], 16), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer'), {
@@ -5294,15 +5394,14 @@ script$6.render = render$5;
 
 /* Injected with object hook! */
 
-var theme$2 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ".concat(dt('inputnumber.button.background'), ";\n    color: ").concat(dt('inputnumber.button.color'), ";\n    width: ").concat(dt('inputnumber.button.width'), ";\n    transition: background ").concat(dt('inputnumber.transition.duration'), ", color ").concat(dt('inputnumber.transition.duration'), ", border-color ").concat(dt('inputnumber.transition.duration'), ", outline-color ").concat(dt('inputnumber.transition.duration'), ";\n}\n\n.p-inputnumber-button:hover {\n    background: ").concat(dt('inputnumber.button.hover.background'), ";\n    color: ").concat(dt('inputnumber.button.hover.color'), ";\n}\n\n.p-inputnumber-button:active {\n    background: ").concat(dt('inputnumber.button.active.background'), ";\n    color: ").concat(dt('inputnumber.button.active.color'), ";\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    inset-block-start: 1px;\n    inset-inline-end: 1px;\n    height: calc(100% - 2px);\n    z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-start-end-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-end-end-radius: calc(").concat(dt('inputnumber.button.border.radius'), " - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-start-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-end-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-inline-start: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-start-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-end-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-inline-end: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n    margin-inline-start: ").concat(dt('inputnumber.button.width'), ";\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ").concat(dt('inputnumber.button.border.color'), ";\n    padding: ").concat(dt('inputnumber.button.vertical.padding'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ").concat(dt('inputnumber.button.hover.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ").concat(dt('inputnumber.button.active.border.color'), ";\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-start-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-start-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    width: 100%;\n    border-block-end: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-end-start-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    border-end-end-radius: ").concat(dt('inputnumber.button.border.radius'), ";\n    width: 100%;\n    border-block-start: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n\n.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .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-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .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 style$2=({dt:n})=>`\n.p-inputnumber {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-inputnumber-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 0 0 auto;\n    cursor: pointer;\n    background: ${n("inputnumber.button.background")};\n    color: ${n("inputnumber.button.color")};\n    width: ${n("inputnumber.button.width")};\n    transition: background ${n("inputnumber.transition.duration")}, color ${n("inputnumber.transition.duration")}, border-color ${n("inputnumber.transition.duration")}, outline-color ${n("inputnumber.transition.duration")};\n}\n\n.p-inputnumber-button:disabled {\n    cursor: auto;\n}\n\n.p-inputnumber-button:not(:disabled):hover {\n    background: ${n("inputnumber.button.hover.background")};\n    color: ${n("inputnumber.button.hover.color")};\n}\n\n.p-inputnumber-button:not(:disabled):active {\n    background: ${n("inputnumber.button.active.background")};\n    color: ${n("inputnumber.button.active.color")};\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    position: relative;\n    border: 0 none;\n}\n\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    display: flex;\n    flex-direction: column;\n    position: absolute;\n    inset-block-start: 1px;\n    inset-inline-end: 1px;\n    height: calc(100% - 2px);\n    z-index: 1;\n}\n\n.p-inputnumber-stacked .p-inputnumber-increment-button {\n    padding: 0;\n    border-start-end-radius: calc(${n("inputnumber.button.border.radius")} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-decrement-button {\n    padding: 0;\n    border-end-end-radius: calc(${n("inputnumber.button.border.radius")} - 1px);\n}\n\n.p-inputnumber-stacked .p-inputnumber-button {\n    flex: 1 1 auto;\n    border: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button {\n    border: 1px solid ${n("inputnumber.button.border.color")};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:hover {\n    border-color: ${n("inputnumber.button.hover.border.color")};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-button:active {\n    border-color: ${n("inputnumber.button.active.border.color")};\n}\n\n.p-inputnumber-horizontal .p-inputnumber-increment-button {\n    order: 3;\n    border-start-end-radius: ${n("inputnumber.button.border.radius")};\n    border-end-end-radius: ${n("inputnumber.button.border.radius")};\n    border-inline-start: 0 none;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n}\n\n.p-inputnumber-horizontal .p-inputnumber-decrement-button {\n    order: 1;\n    border-start-start-radius: ${n("inputnumber.button.border.radius")};\n    border-end-start-radius: ${n("inputnumber.button.border.radius")};\n    border-inline-end: 0 none;\n}\n\n.p-floatlabel:has(.p-inputnumber-horizontal) label {\n    margin-inline-start: ${n("inputnumber.button.width")};\n}\n\n.p-inputnumber-vertical {\n    flex-direction: column;\n}\n\n.p-inputnumber-vertical .p-inputnumber-button {\n    border: 1px solid ${n("inputnumber.button.border.color")};\n    padding: ${n("inputnumber.button.vertical.padding")};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:hover {\n    border-color: ${n("inputnumber.button.hover.border.color")};\n}\n\n.p-inputnumber-vertical .p-inputnumber-button:active {\n    border-color: ${n("inputnumber.button.active.border.color")};\n}\n\n.p-inputnumber-vertical .p-inputnumber-increment-button {\n    order: 1;\n    border-start-start-radius: ${n("inputnumber.button.border.radius")};\n    border-start-end-radius: ${n("inputnumber.button.border.radius")};\n    width: 100%;\n    border-block-end: 0 none;\n}\n\n.p-inputnumber-vertical .p-inputnumber-input {\n    order: 2;\n    border-radius: 0;\n    text-align: center;\n}\n\n.p-inputnumber-vertical .p-inputnumber-decrement-button {\n    order: 3;\n    border-end-start-radius: ${n("inputnumber.button.border.radius")};\n    border-end-end-radius: ${n("inputnumber.button.border.radius")};\n    width: 100%;\n    border-block-start: 0 none;\n}\n\n.p-inputnumber-input {\n    flex: 1 1 auto;\n}\n\n.p-inputnumber-fluid {\n    width: 100%;\n}\n\n.p-inputnumber-fluid .p-inputnumber-input {\n    width: 1%;\n}\n\n.p-inputnumber-fluid.p-inputnumber-vertical .p-inputnumber-input {\n    width: 100%;\n}\n\n.p-inputnumber:has(.p-inputtext-sm) .p-inputnumber-button .p-icon {\n    font-size: ${n("form.field.sm.font.size")};\n    width: ${n("form.field.sm.font.size")};\n    height: ${n("form.field.sm.font.size")};\n}\n\n.p-inputnumber:has(.p-inputtext-lg) .p-inputnumber-button .p-icon {\n    font-size: ${n("form.field.lg.font.size")};\n    width: ${n("form.field.lg.font.size")};\n    height: ${n("form.field.lg.font.size")};\n}\n`;/* Injected with object hook! */
+
 var classes$2 = {
-  root: function root(_ref2) {
-    var instance = _ref2.instance,
-      props = _ref2.props;
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
     return ['p-inputnumber p-component p-inputwrapper', {
+      'p-invalid': instance.$invalid,
       'p-inputwrapper-filled': instance.$filled || props.allowEmpty === false,
       'p-inputwrapper-focus': instance.focused,
       'p-inputnumber-stacked': props.showButtons && props.buttonLayout === 'stacked',
@@ -5313,16 +5412,16 @@ var classes$2 = {
   },
   pcInputText: 'p-inputnumber-input',
   buttonGroup: 'p-inputnumber-button-group',
-  incrementButton: function incrementButton(_ref3) {
-    var instance = _ref3.instance,
-      props = _ref3.props;
+  incrementButton: function incrementButton(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
     return ['p-inputnumber-button p-inputnumber-increment-button', {
       'p-disabled': props.showButtons && props.max !== null && instance.maxBoundry()
     }];
   },
-  decrementButton: function decrementButton(_ref4) {
-    var instance = _ref4.instance,
-      props = _ref4.props;
+  decrementButton: function decrementButton(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props;
     return ['p-inputnumber-button p-inputnumber-decrement-button', {
       'p-disabled': props.showButtons && props.min !== null && instance.minBoundry()
     }];
@@ -5330,7 +5429,7 @@ var classes$2 = {
 };
 var InputNumberStyle = BaseStyle.extend({
   name: 'inputnumber',
-  theme: theme$2,
+  style: style$2,
   classes: classes$2
 });
 
@@ -5482,12 +5581,12 @@ var script$1$2 = {
   }
 };
 
-function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(o); }
+function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "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$2(o); }
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
-function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
-function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
+function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -5953,7 +6052,8 @@ var script$5 = {
       return false;
     },
     isDecimalSign: function isDecimalSign(_char3) {
-      if (this._decimal.test(_char3)) {
+      var _this$locale;
+      if ((_this$locale = this.locale) !== null && _this$locale !== void 0 && _this$locale.includes('fr') && ['.', ','].includes(_char3) || this._decimal.test(_char3)) {
         this._decimal.lastIndex = 0;
         return true;
       }
@@ -6009,9 +6109,10 @@ var script$5 = {
         currencyCharIndex = _this$getCharIndexes.currencyCharIndex;
       var newValueStr;
       if (sign.isMinusSign) {
-        if (selectionStart === 0) {
+        var isNewMinusSign = minusCharIndex === -1;
+        if (selectionStart === 0 || selectionStart === currencyCharIndex + 1) {
           newValueStr = inputValue;
-          if (minusCharIndex === -1 || selectionEnd !== 0) {
+          if (isNewMinusSign || selectionEnd !== 0) {
             newValueStr = this.insertText(inputValue, text, 0, selectionEnd);
           }
           this.updateValue(event, newValueStr, text, 'insert');
@@ -6131,7 +6232,7 @@ var script$5 = {
       var newValue = null;
       if (valueStr != null) {
         newValue = this.parseValue(valueStr);
-        newValue = !newValue && !this.allowEmpty ? 0 : newValue;
+        newValue = !newValue && !this.allowEmpty ? this.min || 0 : newValue;
         this.updateInput(newValue, insertedValueStr, operation, valueStr);
         this.handleOnInput(event, currentValue, newValue);
       }
@@ -6204,7 +6305,13 @@ var script$5 = {
           this.$refs.input.$el.setSelectionRange(_selectionEnd, _selectionEnd);
         } else if (newLength === currentLength) {
           if (operation === 'insert' || operation === 'delete-back-single') {
-            this.$refs.input.$el.setSelectionRange(_selectionEnd + 1, _selectionEnd + 1);
+            var newSelectionEnd = _selectionEnd;
+            if (insertedValueStr === '0') {
+              newSelectionEnd = _selectionEnd + 1;
+            } else {
+              newSelectionEnd = newSelectionEnd + Number(this.isDecimalSign(value) || this.isDecimalSign(insertedValueStr));
+            }
+            this.$refs.input.$el.setSelectionRange(newSelectionEnd, newSelectionEnd);
           } else if (operation === 'delete-single') {
             this.$refs.input.$el.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);
           } else if (operation === 'delete-range' || operation === 'spin') {
@@ -6284,7 +6391,7 @@ var script$5 = {
     },
     clearTimer: function clearTimer() {
       if (this.timer) {
-        clearInterval(this.timer);
+        clearTimeout(this.timer);
       }
     },
     maxBoundry: function maxBoundry() {
@@ -6341,6 +6448,13 @@ var script$5 = {
     },
     getFormatter: function getFormatter() {
       return this.numberFormat;
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty$2(_defineProperty$2({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size), this.buttonLayout, this.showButtons && this.buttonLayout));
     }
   },
   components: {
@@ -6350,17 +6464,22 @@ var script$5 = {
   }
 };
 
-var _hoisted_1$6 = ["disabled"];
-var _hoisted_2$2 = ["disabled"];
-var _hoisted_3$2 = ["disabled"];
-var _hoisted_4$2 = ["disabled"];
+var _hoisted_1$6 = ["data-p"];
+var _hoisted_2$2 = ["data-p"];
+var _hoisted_3$2 = ["disabled", "data-p"];
+var _hoisted_4$2 = ["disabled", "data-p"];
+var _hoisted_5$2 = ["disabled", "data-p"];
+var _hoisted_6$1 = ["disabled", "data-p"];
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputText = resolveComponent("InputText");
   return openBlock(), createElementBlock("span", mergeProps({
     "class": _ctx.cx('root')
-  }, _ctx.ptmi('root')), [createVNode(_component_InputText, {
+  }, _ctx.ptmi('root'), {
+    "data-p": $options.dataP
+  }), [createVNode(_component_InputText, {
     ref: "input",
     id: _ctx.inputId,
+    name: _ctx.$formName,
     role: "spinbutton",
     "class": normalizeClass([_ctx.cx('pcInputText'), _ctx.inputClass]),
     style: normalizeStyle(_ctx.inputStyle),
@@ -6385,11 +6504,14 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     onFocus: $options.onInputFocus,
     onBlur: $options.onInputBlur,
     pt: _ctx.ptm('pcInputText'),
-    unstyled: _ctx.unstyled
-  }, null, 8, ["id", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "inputmode", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "size", "invalid", "variant", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (openBlock(), createElementBlock("span", mergeProps({
+    unstyled: _ctx.unstyled,
+    "data-p": $options.dataP
+  }, null, 8, ["id", "name", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "inputmode", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "size", "invalid", "variant", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled", "data-p"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (openBlock(), createElementBlock("span", mergeProps({
     key: 0,
     "class": _ctx.cx('buttonGroup')
-  }, _ctx.ptm('buttonGroup')), [renderSlot(_ctx.$slots, "incrementbutton", {
+  }, _ctx.ptm('buttonGroup'), {
+    "data-p": $options.dataP
+  }), [renderSlot(_ctx.$slots, "incrementbutton", {
     listeners: $options.upButtonListeners
   }, function () {
     return [createBaseVNode("button", mergeProps({
@@ -6399,13 +6521,15 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('incrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
+    }, _ctx.ptm('incrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon || _ctx.incrementButtonIcon ? 'span' : 'AngleUpIcon'), mergeProps({
         "class": [_ctx.incrementIcon, _ctx.incrementButtonIcon]
       }, _ctx.ptm('incrementIcon'), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_1$6)];
+    })], 16, _hoisted_3$2)];
   }), renderSlot(_ctx.$slots, "decrementbutton", {
     listeners: $options.downButtonListeners
   }, function () {
@@ -6416,14 +6540,16 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('decrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
+    }, _ctx.ptm('decrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon || _ctx.decrementButtonIcon ? 'span' : 'AngleDownIcon'), mergeProps({
         "class": [_ctx.decrementIcon, _ctx.decrementButtonIcon]
       }, _ctx.ptm('decrementIcon'), {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_2$2)];
-  })], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "incrementbutton", {
+    })], 16, _hoisted_4$2)];
+  })], 16, _hoisted_2$2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "incrementbutton", {
     listeners: $options.upButtonListeners
   }, function () {
     return [_ctx.showButtons && _ctx.buttonLayout !== 'stacked' ? (openBlock(), createElementBlock("button", mergeProps({
@@ -6434,13 +6560,15 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('incrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
+    }, _ctx.ptm('incrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.incrementicon ? 'incrementicon' : 'incrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon || _ctx.incrementButtonIcon ? 'span' : 'AngleUpIcon'), mergeProps({
         "class": [_ctx.incrementIcon, _ctx.incrementButtonIcon]
       }, _ctx.ptm('incrementIcon'), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_3$2)) : createCommentVNode("", true)];
+    })], 16, _hoisted_5$2)) : createCommentVNode("", true)];
   }), renderSlot(_ctx.$slots, "decrementbutton", {
     listeners: $options.downButtonListeners
   }, function () {
@@ -6452,14 +6580,16 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       tabindex: -1,
       "aria-hidden": "true",
       type: "button"
-    }, _ctx.ptm('decrementButton')), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
+    }, _ctx.ptm('decrementButton'), {
+      "data-p": $options.dataP
+    }), [renderSlot(_ctx.$slots, _ctx.$slots.decrementicon ? 'decrementicon' : 'decrementbuttonicon', {}, function () {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon || _ctx.decrementButtonIcon ? 'span' : 'AngleDownIcon'), mergeProps({
         "class": [_ctx.decrementIcon, _ctx.decrementButtonIcon]
       }, _ctx.ptm('decrementIcon'), {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_4$2)) : createCommentVNode("", true)];
-  })], 16);
+    })], 16, _hoisted_6$1)) : createCommentVNode("", true)];
+  })], 16, _hoisted_1$6);
 }
 
 script$5.render = render$4;
@@ -6517,21 +6647,19 @@ script$3.render = render$2;
 
 /* Injected with object hook! */
 
-var theme$1 = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-password {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-password .p-password-overlay {\n    min-width: 100%;\n}\n\n.p-password-meter {\n    height: ".concat(dt('password.meter.height'), ";\n    background: ").concat(dt('password.meter.background'), ";\n    border-radius: ").concat(dt('password.meter.border.radius'), ";\n}\n\n.p-password-meter-label {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n    border-radius: ").concat(dt('password.meter.border.radius'), ";\n}\n\n.p-password-meter-weak {\n    background: ").concat(dt('password.strength.weak.background'), ";\n}\n\n.p-password-meter-medium {\n    background: ").concat(dt('password.strength.medium.background'), ";\n}\n\n.p-password-meter-strong {\n    background: ").concat(dt('password.strength.strong.background'), ";\n}\n\n.p-password-fluid {\n    display: flex;\n}\n\n.p-password-fluid .p-password-input {\n    width: 100%;\n}\n\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n\n.p-password-overlay {\n    padding: ").concat(dt('password.overlay.padding'), ";\n    background: ").concat(dt('password.overlay.background'), ";\n    color: ").concat(dt('password.overlay.color'), ";\n    border: 1px solid ").concat(dt('password.overlay.border.color'), ";\n    box-shadow: ").concat(dt('password.overlay.shadow'), ";\n    border-radius: ").concat(dt('password.overlay.border.radius'), ";\n}\n\n.p-password-content {\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('password.content.gap'), ";\n}\n\n.p-password-toggle-mask-icon {\n    inset-inline-end: ").concat(dt('form.field.padding.x'), ";\n    color: ").concat(dt('password.icon.color'), ";\n    position: absolute;\n    top: 50%;\n    margin-top: calc(-1 * calc(").concat(dt('icon.size'), " / 2));\n    width: ").concat(dt('icon.size'), ";\n    height: ").concat(dt('icon.size'), ";\n}\n\n.p-password:has(.p-password-toggle-mask-icon) .p-password-input {\n    padding-inline-end: calc((").concat(dt('form.field.padding.x'), " * 2) + ").concat(dt('icon.size'), ");\n}\n");
-};
+var style$1=({dt:n})=>`\n.p-password {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-password .p-password-overlay {\n    min-width: 100%;\n}\n\n.p-password-meter {\n    height: ${n("password.meter.height")};\n    background: ${n("password.meter.background")};\n    border-radius: ${n("password.meter.border.radius")};\n}\n\n.p-password-meter-label {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n    border-radius: ${n("password.meter.border.radius")};\n}\n\n.p-password-meter-weak {\n    background: ${n("password.strength.weak.background")};\n}\n\n.p-password-meter-medium {\n    background: ${n("password.strength.medium.background")};\n}\n\n.p-password-meter-strong {\n    background: ${n("password.strength.strong.background")};\n}\n\n.p-password-fluid {\n    display: flex;\n}\n\n.p-password-fluid .p-password-input {\n    width: 100%;\n}\n\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n\n.p-password-overlay {\n    padding: ${n("password.overlay.padding")};\n    background: ${n("password.overlay.background")};\n    color: ${n("password.overlay.color")};\n    border: 1px solid ${n("password.overlay.border.color")};\n    box-shadow: ${n("password.overlay.shadow")};\n    border-radius: ${n("password.overlay.border.radius")};\n}\n\n.p-password-content {\n    display: flex;\n    flex-direction: column;\n    gap: ${n("password.content.gap")};\n}\n\n.p-password-toggle-mask-icon {\n    inset-inline-end: ${n("form.field.padding.x")};\n    color: ${n("password.icon.color")};\n    position: absolute;\n    top: 50%;\n    margin-top: calc(-1 * calc(${n("icon.size")} / 2));\n    width: ${n("icon.size")};\n    height: ${n("icon.size")};\n}\n\n.p-password:has(.p-password-toggle-mask-icon) .p-password-input {\n    padding-inline-end: calc((${n("form.field.padding.x")} * 2) + ${n("icon.size")});\n}\n`;/* Injected with object hook! */
+
 var inlineStyles = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return {
       position: props.appendTo === 'self' ? 'relative' : undefined
     };
   }
 };
 var classes$1 = {
-  root: function root(_ref3) {
-    var instance = _ref3.instance;
+  root: function root(_ref2) {
+    var instance = _ref2.instance;
     return ['p-password p-component p-inputwrapper', {
       'p-inputwrapper-filled': instance.$filled,
       'p-inputwrapper-focus': instance.focused,
@@ -6544,15 +6672,15 @@ var classes$1 = {
   overlay: 'p-password-overlay p-component',
   content: 'p-password-content',
   meter: 'p-password-meter',
-  meterLabel: function meterLabel(_ref4) {
-    var instance = _ref4.instance;
+  meterLabel: function meterLabel(_ref3) {
+    var instance = _ref3.instance;
     return "p-password-meter-label ".concat(instance.meter ? 'p-password-meter-' + instance.meter.strength : '');
   },
   meterText: 'p-password-meter-text'
 };
 var PasswordStyle = BaseStyle.extend({
   name: 'password',
-  theme: theme$1,
+  style: style$1,
   classes: classes$1,
   inlineStyles: inlineStyles
 });
@@ -6710,7 +6838,6 @@ var script$2 = {
   },
   data: function data() {
     return {
-      id: this.$attrs.id,
       overlayVisible: false,
       meter: null,
       infoText: null,
@@ -6718,18 +6845,12 @@ var script$2 = {
       unmasked: false
     };
   },
-  watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    }
-  },
   mediumCheckRegExp: null,
   strongCheckRegExp: null,
   resizeListener: null,
   scrollHandler: null,
   overlay: null,
   mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
     this.infoText = this.promptText;
     this.mediumCheckRegExp = new RegExp(this.mediumRegex);
     this.strongCheckRegExp = new RegExp(this.strongRegex);
@@ -6930,7 +7051,7 @@ var script$2 = {
       return this.promptLabel || this.$primevue.config.locale.passwordPrompt;
     },
     overlayUniqueId: function overlayUniqueId() {
-      return this.id + '_overlay';
+      return this.$id + '_overlay';
     }
   },
   components: {
@@ -6941,12 +7062,12 @@ var script$2 = {
   }
 };
 
-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 _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "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$1(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), 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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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$1(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$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
+function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1$5 = ["id"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputText = resolveComponent("InputText");
@@ -6960,7 +7081,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     type: $options.inputType,
     "class": [_ctx.cx('pcInputText'), _ctx.inputClass],
     style: _ctx.inputStyle,
-    value: _ctx.d_value,
+    defaultValue: _ctx.d_value,
     name: _ctx.$formName,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
@@ -6983,7 +7104,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _ctx.inputProps, {
     pt: _ctx.ptm('pcInputText'),
     unstyled: _ctx.unstyled
-  }), null, 16, ["id", "type", "class", "style", "value", "name", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "fluid", "disabled", "variant", "invalid", "size", "autofocus", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? renderSlot(_ctx.$slots, _ctx.$slots.maskicon ? 'maskicon' : 'hideicon', {
+  }), null, 16, ["id", "type", "class", "style", "defaultValue", "name", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "fluid", "disabled", "variant", "invalid", "size", "autofocus", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? renderSlot(_ctx.$slots, _ctx.$slots.maskicon ? 'maskicon' : 'hideicon', {
     key: 0,
     toggleCallback: $options.onMaskToggle
   }, function () {
@@ -7051,14 +7172,12 @@ script$2.render = render$1;
 
 /* Injected with object hook! */
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ".concat(dt('textarea.color'), ";\n    background: ").concat(dt('textarea.background'), ";\n    padding-block: ").concat(dt('textarea.padding.y'), ";\n    padding-inline: ").concat(dt('textarea.padding.x'), ";\n    border: 1px solid ").concat(dt('textarea.border.color'), ";\n    transition: background ").concat(dt('textarea.transition.duration'), ", color ").concat(dt('textarea.transition.duration'), ", border-color ").concat(dt('textarea.transition.duration'), ", outline-color ").concat(dt('textarea.transition.duration'), ", box-shadow ").concat(dt('textarea.transition.duration'), ";\n    appearance: none;\n    border-radius: ").concat(dt('textarea.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('textarea.shadow'), ";\n}\n\n.p-textarea:enabled:hover {\n    border-color: ").concat(dt('textarea.hover.border.color'), ";\n}\n\n.p-textarea:enabled:focus {\n    border-color: ").concat(dt('textarea.focus.border.color'), ";\n    box-shadow: ").concat(dt('textarea.focus.ring.shadow'), ";\n    outline: ").concat(dt('textarea.focus.ring.width'), " ").concat(dt('textarea.focus.ring.style'), " ").concat(dt('textarea.focus.ring.color'), ";\n    outline-offset: ").concat(dt('textarea.focus.ring.offset'), ";\n}\n\n.p-textarea.p-invalid {\n    border-color: ").concat(dt('textarea.invalid.border.color'), ";\n}\n\n.p-textarea.p-variant-filled {\n    background: ").concat(dt('textarea.filled.background'), ";\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ").concat(dt('textarea.filled.focus.background'), ";\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ").concat(dt('textarea.disabled.background'), ";\n    color: ").concat(dt('textarea.disabled.color'), ";\n}\n\n.p-textarea::placeholder {\n    color: ").concat(dt('textarea.placeholder.color'), ";\n}\n\n.p-textarea.p-invalid::placeholder {\n    color: ").concat(dt('textarea.invalid.placeholder.color'), ";\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-textarea-sm {\n    font-size: ").concat(dt('textarea.sm.font.size'), ";\n    padding-block: ").concat(dt('textarea.sm.padding.y'), ";\n    padding-inline: ").concat(dt('textarea.sm.padding.x'), ";\n}\n\n.p-textarea-lg {\n    font-size: ").concat(dt('textarea.lg.font.size'), ";\n    padding-block: ").concat(dt('textarea.lg.padding.y'), ";\n    padding-inline: ").concat(dt('textarea.lg.padding.x'), ";\n}\n");
-};
+var style=({dt:e})=>`\n.p-textarea {\n    font-family: inherit;\n    font-feature-settings: inherit;\n    font-size: 1rem;\n    color: ${e("textarea.color")};\n    background: ${e("textarea.background")};\n    padding-block: ${e("textarea.padding.y")};\n    padding-inline: ${e("textarea.padding.x")};\n    border: 1px solid ${e("textarea.border.color")};\n    transition: background ${e("textarea.transition.duration")}, color ${e("textarea.transition.duration")}, border-color ${e("textarea.transition.duration")}, outline-color ${e("textarea.transition.duration")}, box-shadow ${e("textarea.transition.duration")};\n    appearance: none;\n    border-radius: ${e("textarea.border.radius")};\n    outline-color: transparent;\n    box-shadow: ${e("textarea.shadow")};\n}\n\n.p-textarea:enabled:hover {\n    border-color: ${e("textarea.hover.border.color")};\n}\n\n.p-textarea:enabled:focus {\n    border-color: ${e("textarea.focus.border.color")};\n    box-shadow: ${e("textarea.focus.ring.shadow")};\n    outline: ${e("textarea.focus.ring.width")} ${e("textarea.focus.ring.style")} ${e("textarea.focus.ring.color")};\n    outline-offset: ${e("textarea.focus.ring.offset")};\n}\n\n.p-textarea.p-invalid {\n    border-color: ${e("textarea.invalid.border.color")};\n}\n\n.p-textarea.p-variant-filled {\n    background: ${e("textarea.filled.background")};\n}\n\n.p-textarea.p-variant-filled:enabled:hover {\n    background: ${e("textarea.filled.hover.background")};\n}\n\n.p-textarea.p-variant-filled:enabled:focus {\n    background: ${e("textarea.filled.focus.background")};\n}\n\n.p-textarea:disabled {\n    opacity: 1;\n    background: ${e("textarea.disabled.background")};\n    color: ${e("textarea.disabled.color")};\n}\n\n.p-textarea::placeholder {\n    color: ${e("textarea.placeholder.color")};\n}\n\n.p-textarea.p-invalid::placeholder {\n    color: ${e("textarea.invalid.placeholder.color")};\n}\n\n.p-textarea-fluid {\n    width: 100%;\n}\n\n.p-textarea-resizable {\n    overflow: hidden;\n    resize: none;\n}\n\n.p-textarea-sm {\n    font-size: ${e("textarea.sm.font.size")};\n    padding-block: ${e("textarea.sm.padding.y")};\n    padding-inline: ${e("textarea.sm.padding.x")};\n}\n\n.p-textarea-lg {\n    font-size: ${e("textarea.lg.font.size")};\n    padding-block: ${e("textarea.lg.padding.y")};\n    padding-inline: ${e("textarea.lg.padding.x")};\n}\n`;/* Injected with object hook! */
+
 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-textarea p-component', {
       'p-filled': instance.$filled,
       'p-textarea-resizable ': props.autoResize,
@@ -7072,7 +7191,7 @@ var classes = {
 };
 var TextareaStyle = BaseStyle.extend({
   name: 'textarea',
-  theme: theme,
+  style: style,
   classes: classes
 });
 
@@ -7094,6 +7213,10 @@ var script$1 = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'Textarea',
   "extends": script$1,
@@ -7103,7 +7226,10 @@ var script = {
     var _this = this;
     if (this.autoResize) {
       this.observer = new ResizeObserver(function () {
-        _this.resize();
+        // Firefox has issues without the requestAnimationFrame - ResizeObserver loop completed with undelivered notifications.
+        requestAnimationFrame(function () {
+          _this.resize();
+        });
       });
       this.observer.observe(this.$el);
     }
@@ -7145,17 +7271,26 @@ var script = {
           disabled: this.disabled
         }
       }), this.formField);
+    },
+    dataP: function dataP() {
+      return cn(_defineProperty({
+        invalid: this.$invalid,
+        fluid: this.$fluid,
+        filled: this.$variant === 'filled'
+      }, this.size, this.size));
     }
   }
 };
 
-var _hoisted_1$4 = ["value", "disabled", "aria-invalid"];
+var _hoisted_1$4 = ["value", "name", "disabled", "aria-invalid", "data-p"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("textarea", mergeProps({
     "class": _ctx.cx('root'),
     value: _ctx.d_value,
+    name: _ctx.name,
     disabled: _ctx.disabled,
     "aria-invalid": _ctx.invalid || undefined,
+    "data-p": $options.dataP,
     onInput: _cache[0] || (_cache[0] = function () {
       return $options.onInput && $options.onInput.apply($options, arguments);
     })
@@ -7472,15 +7607,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_VDPostList = _sfc_main$1;
       const _component_VDPostPanel = _sfc_main$3;
-      return openBlock(), createBlock(unref(M), { class: "h-full" }, {
+      return openBlock(), createBlock(unref(Pe), { class: "h-full" }, {
         default: withCtx(() => [
-          createVNode(unref(g), null, {
+          createVNode(unref(ge), null, {
             default: withCtx(() => [
               createVNode(_component_VDPostList)
             ]),
             _: 1
           }),
-          createVNode(unref(g), null, {
+          createVNode(unref(ge), null, {
             default: withCtx(() => [
               createVNode(_component_VDPostPanel)
             ]),