docs: fix pro examples

Author: mrholek

docs/content/forms/password-input.md

@@ -12,7 +12,7 @@ pro_component: true
 
 Use the `form-password` wrapper to add a visibility toggle button to standard Bootstrap password input fields.
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="mb-3">
   <label for="examplePasswordInput1" class="form-label">Password</label>
   <div class="form-password">
@@ -37,7 +37,7 @@ Use the `form-password` wrapper to add a visibility toggle button to standard Bo
 
 Bootstrap Password Input supports different sizes using Bootstrap's sizing utilities like `.form-control-lg` and `.form-control-sm`.
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="form-password">
   <input type="password" class="form-control form-control-lg" placeholder="Large password input">
     <button type="button" class="form-password-action" data-coreui-toggle="password" aria-label="Toggle password visibility">
@@ -62,7 +62,7 @@ Bootstrap Password Input supports different sizes using Bootstrap's sizing utili
 
 To make a Bootstrap Password Input non-interactive, add the `disabled` attribute to the `<input>` and the toggle `<button>`.
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="form-password">
   <input type="password" class="form-control" placeholder="Disabled password input" disabled>
   <button type="button" class="form-password-action" data-coreui-toggle="password" disabled aria-label="Toggle password visibility">
@@ -81,7 +81,7 @@ To make a Bootstrap Password Input non-interactive, add the `disabled` attribute
 
 Use the `readonly` attribute to make the input non-editable but still selectable. This is useful for displaying values without allowing user changes.
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="form-password">
   <input type="password" class="form-control" placeholder="Readonly password input" value="Readonly input here..." readonly>
     <button type="button" class="form-password-action" data-coreui-toggle="password" aria-label="Toggle password visibility">

docs/content/forms/stepper.md

@@ -19,7 +19,7 @@ If you're looking for a Form Wizard in Bootstrap 5 or a flexible Stepper Compone
 
 A simple multi-step form built with the Bootstrap Stepper. Each step displays form content and controls navigation through buttons (`next`, `prev`, `finish`).
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-toggle="stepper" id="myStepper">
   <ol class="stepper-steps">
     <li class="stepper-step">
@@ -131,7 +131,7 @@ A simple multi-step form built with the Bootstrap Stepper. Each step displays fo
 
 Display step indicators vertically above labels using the `.vertical` modifier. This provides a compact and stylish layout for narrower screens or vertical designs.
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-toggle="stepper">
   <ol class="stepper-steps">
     <li class="stepper-step vertical">
@@ -160,7 +160,7 @@ Display step indicators vertically above labels using the `.vertical` modifier.
 
 Use the `.stepper-vertical` class to build a full vertical stepper, where both indicators and step content stack vertically. Ideal for mobile-first designs or top-to-bottom flows.
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper stepper-vertical" data-coreui-toggle="stepper">
   <ol class="stepper-steps">
     <li class="stepper-step">
@@ -283,7 +283,7 @@ Use a Linear Bootstrap Stepper when you need a guided and controlled experience,
 - Registration wizards
 - Multistep forms with required validation
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-toggle="stepper">
   <ol class="stepper-steps">
     <li class="stepper-step">
@@ -320,7 +320,7 @@ Use a Non-linear Bootstrap Stepper when users should have full control over navi
 - Onboarding flows where some steps are optional
 - Complex multi-section forms where order doesn't matter
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-linear="false" data-coreui-toggle="stepper">
   <ol class="stepper-steps">
     <li class="stepper-step">
@@ -357,7 +357,7 @@ If a form is invalid, the stepper blocks navigation and displays validation mess
 
 This example shows a stepper with native browser validation enabled:
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-toggle="stepper" id="validationStepper">
   <ol class="stepper-steps">
     <li class="stepper-step">
@@ -421,7 +421,7 @@ This example shows a stepper with native browser validation enabled:
 
 To disable native browser styles validation and turn on custom styles, add the `novalidate` attribute to your forms:
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-toggle="stepper" id="novalidateStepper">
   <ol class="stepper-steps">
     <li class="stepper-step">
@@ -485,7 +485,7 @@ To disable native browser styles validation and turn on custom styles, add the `
 
 To completely skip form validation and allow free navigation between steps, add `data-coreui-skip-validation="true"` to the stepper:
 
-{{< example >}}
+{{< example stackblitz_pro="true" >}}
 <div class="stepper" data-coreui-toggle="stepper" data-coreui-skip-validation="true" id="skipValidationStepper">
   <ol class="stepper-steps">
     <li class="stepper-step">

docs/data/sidebar.yml

@@ -78,6 +78,9 @@
         color: danger
         text: PRO
     - title: Multi Select
+      badge:
+        color: danger
+        text: PRO
     - title: Password Input
       badge:
         color: danger

docs/layouts/partials/scripts.html

@@ -33,7 +33,7 @@
 {{- $snippetsFile := resources.Get "js/snippets.js" | js.Build (merge $esbuildOptions (dict "minify" "false")) -}}
 {{- $esbuildParams := dict
   "cssCdn" .Site.Params.cdn.css
-  "cssProCdn" .Site.Params.cdn.css_pro
+  "cssProCdn" .Site.Params.cdn_pro.css_pro
   "jsBundleCdn" .Site.Params.cdn.js_bundle
   "jsProBundleCdn" .Site.Params.cdn_pro.js_pro_bundle
   "docsVersion" .Site.Params.docs_version