diff --git a/components/lib/password/Password.vue b/components/lib/password/Password.vue
index a2ec8725d..7645e6bdc 100755
--- a/components/lib/password/Password.vue
+++ b/components/lib/password/Password.vue
@@ -182,7 +182,12 @@ export default {
             }
         },
         setPasswordMeter() {
-            if (!this.modelValue) return;
+            if (!this.modelValue) {
+                this.meter = null;
+                this.infoText = this.promptText;
+
+                return;
+            }
 
             const { meter, label } = this.checkPasswordStrength(this.modelValue);
 
diff --git a/doc/passthrough/DeclarativeDoc.vue b/doc/passthrough/DeclarativeDoc.vue
new file mode 100644
index 000000000..82eb25679
--- /dev/null
+++ b/doc/passthrough/DeclarativeDoc.vue
@@ -0,0 +1,53 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>
+            The declarative syntax provides an alternative to the programmatic syntax. The attributes that start with <i>pt</i> are interpreted differently by the component based on the format below. An IDE extension is also being planned to
+            autocomplete the values for better developer experience in the future.
+        </p>
+        <DocSectionCode :code="code1" hideToggleCode hideStackBlitz />
+        <p>Here is another example using both syntax alternatives for the same options.</p>
+        <DocSectionCode :code="code2" hideToggleCode hideStackBlitz />
+        <DocSectionCode :code="code3" hideToggleCode hideStackBlitz />
+    </DocSectionText>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            code1: {
+                basic: `
+<ComponentTag pt:[passthrough_key]:[attribute]="value" />
+`
+            },
+            code2: {
+                basic: `
+<Panel
+    :pt="{
+       root: {
+         class='"border-1 border-solid'
+       },
+       header: {
+          'data-test-id': 'testid',
+          class: 'bg-blue-500',
+          onClick: onHeaderClick
+       }
+    }"
+>
+`
+            },
+            code3: {
+                basic: `
+<Panel
+    pt:root:class="border-1 border-solid"
+    pt:header:id="headerId"
+    pt:header:data-test-id="testId"
+    pt:header:class="bg-blue-500"
+    :pt:header:onClick="onHeaderClick"
+>
+`
+            }
+        };
+    }
+};
+</script>
diff --git a/pages/passthrough/index.vue b/pages/passthrough/index.vue
index 108ec3bde..9b37fa0b8 100644
--- a/pages/passthrough/index.vue
+++ b/pages/passthrough/index.vue
@@ -18,6 +18,7 @@
 <script>
 import BasicDoc from '@/doc/passthrough/BasicDoc.vue';
 import CustomCSSDoc from '@/doc/passthrough/CustomCSSDoc.vue';
+import DeclarativeDoc from '@/doc/passthrough/DeclarativeDoc.vue';
 import GlobalDoc from '@/doc/passthrough/GlobalDoc.vue';
 import LifecycleDoc from '@/doc/passthrough/LifecycleDoc.vue';
 import UsePassThroughDoc from '@/doc/passthrough/UsePassThroughDoc.vue';
@@ -31,6 +32,11 @@ export default {
                     label: 'Basic',
                     component: BasicDoc
                 },
+                {
+                    id: 'declarative',
+                    label: 'Declarative',
+                    component: DeclarativeDoc
+                },
                 {
                     id: 'lifecycle',
                     label: 'Lifecycle',
diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css
index c25e3a03c..748eec2d9 100644
--- a/public/themes/aura-dark-amber/theme.css
+++ b/public/themes/aura-dark-amber/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css
index 9e925cef9..e64b8256b 100644
--- a/public/themes/aura-dark-blue/theme.css
+++ b/public/themes/aura-dark-blue/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css
index 02e2231c0..7169587d5 100644
--- a/public/themes/aura-dark-cyan/theme.css
+++ b/public/themes/aura-dark-cyan/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css
index b6fd391c8..eabeebcb3 100644
--- a/public/themes/aura-dark-green/theme.css
+++ b/public/themes/aura-dark-green/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css
index 42892e700..dcbae453a 100644
--- a/public/themes/aura-dark-indigo/theme.css
+++ b/public/themes/aura-dark-indigo/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css
index 3df7cdc87..f1948a6fa 100644
--- a/public/themes/aura-dark-lime/theme.css
+++ b/public/themes/aura-dark-lime/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css
index 63015b3ea..b5efec7b4 100644
--- a/public/themes/aura-dark-noir/theme.css
+++ b/public/themes/aura-dark-noir/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css
index df4b5fbe5..ff2b2e4a3 100644
--- a/public/themes/aura-dark-pink/theme.css
+++ b/public/themes/aura-dark-pink/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css
index 9e0c4daba..8258ba493 100644
--- a/public/themes/aura-dark-purple/theme.css
+++ b/public/themes/aura-dark-purple/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css
index ce1c3f1c5..c1426e8a0 100644
--- a/public/themes/aura-dark-teal/theme.css
+++ b/public/themes/aura-dark-teal/theme.css
@@ -11187,6 +11187,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css
index 2a25b10c0..bcdbdfeaa 100644
--- a/public/themes/aura-light-amber/theme.css
+++ b/public/themes/aura-light-amber/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css
index 1c2463f99..9b81d80da 100644
--- a/public/themes/aura-light-blue/theme.css
+++ b/public/themes/aura-light-blue/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css
index 68e9ce855..d386cdbea 100644
--- a/public/themes/aura-light-cyan/theme.css
+++ b/public/themes/aura-light-cyan/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css
index 1f3e32da1..a95bc48d1 100644
--- a/public/themes/aura-light-green/theme.css
+++ b/public/themes/aura-light-green/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css
index 56deed7de..c13e9f0a8 100644
--- a/public/themes/aura-light-indigo/theme.css
+++ b/public/themes/aura-light-indigo/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css
index 5dca643a5..975a37c74 100644
--- a/public/themes/aura-light-lime/theme.css
+++ b/public/themes/aura-light-lime/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css
index b89da65bc..3a84c517e 100644
--- a/public/themes/aura-light-noir/theme.css
+++ b/public/themes/aura-light-noir/theme.css
@@ -11196,6 +11196,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css
index 5fefcea80..221566c43 100644
--- a/public/themes/aura-light-pink/theme.css
+++ b/public/themes/aura-light-pink/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css
index 4ca9f3d5f..9e85d4cca 100644
--- a/public/themes/aura-light-purple/theme.css
+++ b/public/themes/aura-light-purple/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css
index e536f67b2..bd82be12d 100644
--- a/public/themes/aura-light-teal/theme.css
+++ b/public/themes/aura-light-teal/theme.css
@@ -11188,6 +11188,7 @@
 
   .p-fileupload .p-fileupload-content {
     border-top: 0 none;
+    padding-top: 1.125rem;
   }
 
   .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {