@rio-cloud/uikit-mcp 1.1.2 → 1.1.4

package/dist/docs/templates/loading-progress.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#templates/loading-progress
-*Captured:* 2025-12-15T15:03:36.417Z
+*Captured:* 2026-01-14T09:08:36.869Z
 
 ## Loading progress
 
@@ -82,7 +82,7 @@ export default () => {
                 </span>
             </div>
             <span class="display-flex gap-5">
-                <span class="text-color-darker">2%</span>
+                <span class="text-color-darker">1%</span>
                 <span class="scale-80">
                     <div class="spinnerInfoBox display-flex justify-content-center align-items-center height-100pct">
                         <div class="spinner">
@@ -100,7 +100,7 @@ export default () => {
             </span>
         </div>
         <div class="progress">
-            <div class="progress-bar bg-info" style="width: 2%;">
+            <div class="progress-bar bg-info" style="width: 1%;">
             </div>
         </div>
         <div class="text-color-dark text-size-12 margin-top-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula magna quis ante tincidunt, at volutpat nunc facilisis. Sed auctor.</div>

package/dist/docs/templates/options-panel.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#templates/options-panel
-*Captured:* 2025-12-15T15:03:32.985Z
+*Captured:* 2026-01-14T09:08:32.169Z
 
 ## Options panel
 

package/dist/docs/templates/panel-variants.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#templates/panel-variants
-*Captured:* 2025-12-15T15:03:32.249Z
+*Captured:* 2026-01-14T09:08:30.746Z
 
 ## Panel variants
 

package/dist/docs/templates/progress-cards.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#templates/progress-cards
-*Captured:* 2025-12-15T15:03:37.882Z
+*Captured:* 2026-01-14T09:08:37.560Z
 
 ## Progress cards
 

package/dist/docs/templates/progress-success.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Progress
 *Source:* https://uikit.developers.rio.cloud/#templates/progress-success
-*Captured:* 2025-12-15T15:03:37.589Z
+*Captured:* 2026-01-14T09:08:37.747Z
 
 ## Progress success
 

package/dist/docs/templates/settings-form.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Forms
 *Source:* https://uikit.developers.rio.cloud/#templates/settings-form
-*Captured:* 2025-12-15T15:03:34.581Z
+*Captured:* 2026-01-14T09:08:33.865Z
 
 ## Form blocks
 
@@ -15,7 +15,7 @@ This name will appear on your team profile page
 About the team
 Write a short summary about your organization or group (max 240 characters).
 
-Optional interactive attitude
+Phased 24/7 software
 
 Company email
 Your contact email address for customer communication
@@ -25,11 +25,11 @@ Display email on team page
 Office location
 Primary business address used for official correspondence
 
-NebraskaNebraska
-South Carolina
+ColoradoColorado
+Indiana
 
-Bosnia and HerzegovinaBosnia and Herzegovina
-Bermuda
+Pitcairn IslandsPitcairn Islands
+Haiti
 
 Preferred currency
 All pricing and payouts will be shown in this currency
@@ -48,7 +48,7 @@ This name will appear on your team profile page
 About the team
 Write a short summary about your organization or group (max 240 characters).
 
-Optional interactive attitude
+Phased 24/7 software
 
 Company email
 Your contact email address for customer communication
@@ -58,11 +58,11 @@ Display email on team page
 Office location
 Primary business address used for official correspondence
 
-NebraskaNebraska
-South Carolina
+ColoradoColorado
+Indiana
 
-Bosnia and HerzegovinaBosnia and Herzegovina
-Bermuda
+Pitcairn IslandsPitcairn Islands
+Haiti
 
 Preferred currency
 All pricing and payouts will be shown in this currency
@@ -233,7 +233,7 @@ export default () => {
                     </div>
                     <div class="form-group">
                         <div class="ClearableInput input-group">
-                            <input class="form-control withClearButton" type="text" tabindex="0" value="Rowe, Feil and Corkery">
+                            <input class="form-control withClearButton" type="text" tabindex="0" value="Lemke, Bauch and Veum">
                             <span class="clearButton">
                                 <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                 </span>
@@ -253,7 +253,7 @@ export default () => {
                         <p class="text-wrap-balance text-color-dark">Write a short summary about your organization or group (max 240 characters).</p>
                     </div>
                     <div class="form-group">
-                        <textarea class="form-control" rows="4">Optional interactive attitude</textarea>
+                        <textarea class="form-control" rows="4">Phased 24/7 software</textarea>
                     </div>
                 </section>
                 <div class="grid-colspan-2">
@@ -269,7 +269,7 @@ export default () => {
                     </div>
                     <div class="form-group">
                         <div class="ClearableInput input-group">
-                            <input class="form-control withClearButton" type="email" tabindex="0" value="Adela_Boehm@hotmail.com">
+                            <input class="form-control withClearButton" type="email" tabindex="0" value="Junius.Hilll92@gmail.com">
                             <span class="clearButton">
                                 <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                 </span>
@@ -296,14 +296,14 @@ export default () => {
                     </div>
                     <div class="form-group display-flex flex-column gap-15">
                         <div class="ClearableInput input-group">
-                            <input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="16144 Maudie Knolls">
+                            <input placeholder="Street address" class="form-control withClearButton" type="text" tabindex="0" value="6544 Sawayn Causeway">
                             <span class="clearButton">
                                 <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                 </span>
                             </span>
                         </div>
                         <div class="ClearableInput input-group">
-                            <input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="North Elroy">
+                            <input placeholder="City" class="form-control withClearButton" type="text" tabindex="0" value="Gulgowskiview">
                             <span class="clearButton">
                                 <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                 </span>
@@ -312,7 +312,7 @@ export default () => {
                         <div class="display-flex gap-15">
                             <div class="select dropdown dropup">
                                 <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
-                                    <span class="selected-option-text">Nebraska</span>
+                                    <span class="selected-option-text">Colorado</span>
                                     <span class="clearButton hide pointer-events-none">
                                         <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                         </span>
@@ -323,20 +323,20 @@ export default () => {
                                 <ul class="dropdown-menu" role="menu">
                                     <li class="" role="listitem">
                                         <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
-                                            <span class="selected-option-dropdown-item">Nebraska</span>
+                                            <span class="selected-option-dropdown-item">Colorado</span>
                                             <input type="hidden" value="1">
                                         </a>
                                     </li>
                                     <li class="" role="listitem">
                                         <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
-                                            <span class="selected-option-dropdown-item">South Carolina</span>
+                                            <span class="selected-option-dropdown-item">Indiana</span>
                                             <input type="hidden" value="2">
                                         </a>
                                     </li>
                                 </ul>
                             </div>
                             <div class="ClearableInput input-group">
-                                <input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="19878-4929">
+                                <input placeholder="Zip code" class="form-control withClearButton" type="text" tabindex="0" value="21283-2170">
                                 <span class="clearButton">
                                     <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                     </span>
@@ -345,7 +345,7 @@ export default () => {
                         </div>
                         <div class="select dropdown dropup">
                             <button type="button" class="dropdown-toggle form-control text-left" data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false">
-                                <span class="selected-option-text">Bosnia and Herzegovina</span>
+                                <span class="selected-option-text">Pitcairn Islands</span>
                                 <span class="clearButton hide pointer-events-none">
                                     <span class="clearButtonIcon rioglyph rioglyph-remove-sign">
                                     </span>
@@ -356,13 +356,13 @@ export default () => {
                             <ul class="dropdown-menu" role="menu">
                                 <li class="" role="listitem">
                                     <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="1" data-item-index="0">
-                                        <span class="selected-option-dropdown-item">Bosnia and Herzegovina</span>
+                                        <span class="selected-option-dropdown-item">Pitcairn Islands</span>
                                         <input type="hidden" value="1">
                                     </a>
                                 </li>
                                 <li class="" role="listitem">
                                     <a role="menuitem" class="display-flex align-items-center gap-3" data-item-id="2" data-item-index="1">
-                                        <span class="selected-option-dropdown-item">Bermuda</span>
+                                        <span class="selected-option-dropdown-item">Haiti</span>
                                         <input type="hidden" value="2">
                                     </a>
                                 </li>

package/dist/docs/templates/stats-blocks.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#templates/stats-blocks
-*Captured:* 2025-12-15T15:03:37.165Z
+*Captured:* 2026-01-14T09:08:36.300Z
 
 ## Stats blocks
 
@@ -13,22 +13,22 @@ Stats page
 Overview of your supply chain operations
 
 Total inventory
-991 units
+830 units
 
 12%from last month
 
 Open orders
-76
+68
 
 5%from last month
 
 In transit
-22
+5
 
 -3%from last month
 
 Issues
-10
+5
 
 #### Summary
 
@@ -36,22 +36,22 @@ Stats page
 Overview of your supply chain operations
 
 Total inventory
-991 units
+830 units
 
 12%from last month
 
 Open orders
-76
+68
 
 5%from last month
 
 In transit
-22
+5
 
 -3%from last month
 
 Issues
-10
+5
 
 #### React (tsx)
 
@@ -168,7 +168,7 @@ export default () => {
                 </div>
                 <div>
                     <div class="text-color-dark">Total inventory</div>
-                    <div class="text-size-h3 text-color-darkest line-height-125rel">991 units</div>
+                    <div class="text-size-h3 text-color-darkest line-height-125rel">830 units</div>
                 </div>
             </div>
             <div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
@@ -186,7 +186,7 @@ export default () => {
                 </div>
                 <div>
                     <div class="text-color-dark">Open orders</div>
-                    <div class="text-size-h3 text-color-darkest line-height-125rel">76</div>
+                    <div class="text-size-h3 text-color-darkest line-height-125rel">68</div>
                 </div>
             </div>
             <div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
@@ -204,7 +204,7 @@ export default () => {
                 </div>
                 <div>
                     <div class="text-color-dark">In transit</div>
-                    <div class="text-size-h3 text-color-darkest line-height-125rel">22</div>
+                    <div class="text-size-h3 text-color-darkest line-height-125rel">5</div>
                 </div>
             </div>
             <div class="text-size-12 padding-x-20 padding-y-10 bg-lightest rounded-bottom display-flex gap-5">
@@ -222,7 +222,7 @@ export default () => {
                 </div>
                 <div>
                     <div class="text-color-dark">Issues</div>
-                    <div class="text-size-h3 text-color-darkest line-height-125rel">10</div>
+                    <div class="text-size-h3 text-color-darkest line-height-125rel">5</div>
                 </div>
             </div>
         </div>
@@ -1055,7 +1055,7 @@ const getStatusColor = (status: string) => {
                 <div class="text-medium text-size-16">Lorem ipsum dolor</div>
                 <div>
                     <div class="dropdown btn-group">
-                        <button type="button" id="51lgdm2dgee" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                        <button type="button" id="qnrl15k0vna" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
                             <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                             </span>
                         </button>
@@ -1077,9 +1077,9 @@ const getStatusColor = (status: string) => {
                                 </title>
                                 <desc>
                                 </desc>
-                                <g tabindex="-1" id="recharts-zindex--100-:r1:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex--50-:r2:">
+                                <g tabindex="-1">
                                 </g>
                                 <defs>
                                     <clipPath id="recharts1-clip">
@@ -1087,51 +1087,51 @@ const getStatusColor = (status: string) => {
                                         </rect>
                                     </clipPath>
                                 </defs>
-                                <g tabindex="-1" id="recharts-zindex-100-:r4:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-200-:r5:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-300-:r6:">
-                                    <g class="recharts-layer recharts-bar" id="recharts-bar-:r3:">
+                                <g tabindex="-1">
+                                    <g class="recharts-layer recharts-bar" id="recharts-bar-:r1:">
                                         <g class="recharts-layer recharts-bar-rectangles">
                                             <g class="recharts-layer">
                                                 <g class="recharts-layer recharts-bar-rectangle">
-                                                    <path fill="#30b4c0 " name="undefined" x="6.083333333333334" y="45.100000000000016" width="48" height="159.89999999999998" class="recharts-rectangle" d="M6.083333333333334,48.100000000000016A 3,3,0,0,1,9.083333333333334,45.100000000000016L 51.083333333333336,45.100000000000016A 3,3,0,0,1,
-        54.083333333333336,48.100000000000016L 54.083333333333336,205L 6.083333333333334,205Z">
+                                                    <path fill="#30b4c0 " name="undefined" x="6.0833" y="45.1" width="48" height="159.9" class="recharts-rectangle" d="M6.0833,48.1A 3,3,0,0,1,9.0833,45.1L 51.0833,45.1A 3,3,0,0,1,
+        54.0833,48.1L 54.0833,205L 6.0833,205Z">
                                                     </path>
                                                 </g>
                                                 <g class="recharts-layer recharts-bar-rectangle">
-                                                    <path fill="#30b4c0 " name="undefined" x="66.91666666666667" y="129.83333333333331" width="48" height="75.16666666666669" class="recharts-rectangle" d="M66.91666666666667,132.83333333333331A 3,3,0,0,1,69.91666666666667,129.83333333333331L 111.91666666666667,129.83333333333331A 3,3,0,0,1,
-        114.91666666666667,132.83333333333331L 114.91666666666667,205L 66.91666666666667,205Z">
+                                                    <path fill="#30b4c0 " name="undefined" x="66.9167" y="129.8333" width="48" height="75.1667" class="recharts-rectangle" d="M66.9167,132.8333A 3,3,0,0,1,69.9167,129.8333L 111.9167,129.8333A 3,3,0,0,1,
+        114.9167,132.8333L 114.9167,205L 66.9167,205Z">
                                                     </path>
                                                 </g>
                                                 <g class="recharts-layer recharts-bar-rectangle">
-                                                    <path fill="#30b4c0 " name="undefined" x="127.75" y="162.63333333333333" width="48" height="42.366666666666674" class="recharts-rectangle" d="M127.75,165.63333333333333A 3,3,0,0,1,130.75,162.63333333333333L 172.75,162.63333333333333A 3,3,0,0,1,
-        175.75,165.63333333333333L 175.75,205L 127.75,205Z">
+                                                    <path fill="#30b4c0 " name="undefined" x="127.75" y="162.6333" width="48" height="42.3667" class="recharts-rectangle" d="M127.75,165.6333A 3,3,0,0,1,130.75,162.6333L 172.75,162.6333A 3,3,0,0,1,
+        175.75,165.6333L 175.75,205L 127.75,205Z">
                                                     </path>
                                                 </g>
                                                 <g class="recharts-layer recharts-bar-rectangle">
-                                                    <path fill="#30b4c0 " name="undefined" x="188.58333333333334" y="191.74333333333334" width="48" height="13.25666666666666" class="recharts-rectangle" d="M188.58333333333334,194.74333333333334A 3,3,0,0,1,191.58333333333334,191.74333333333334L 233.58333333333334,191.74333333333334A 3,3,0,0,1,
-        236.58333333333334,194.74333333333334L 236.58333333333334,205L 188.58333333333334,205Z">
+                                                    <path fill="#30b4c0 " name="undefined" x="188.5833" y="191.7433" width="48" height="13.2567" class="recharts-rectangle" d="M188.5833,194.7433A 3,3,0,0,1,191.5833,191.7433L 233.5833,191.7433A 3,3,0,0,1,
+        236.5833,194.7433L 236.5833,205L 188.5833,205Z">
                                                     </path>
                                                 </g>
                                                 <g class="recharts-layer recharts-bar-rectangle">
-                                                    <path fill="#30b4c0 " name="undefined" x="249.41666666666669" y="193.96416666666667" width="48" height="11.03583333333333" class="recharts-rectangle" d="M249.41666666666669,196.96416666666667A 3,3,0,0,1,252.41666666666669,193.96416666666667L 294.4166666666667,193.96416666666667A 3,3,0,0,1,
-        297.4166666666667,196.96416666666667L 297.4166666666667,205L 249.41666666666669,205Z">
+                                                    <path fill="#30b4c0 " name="undefined" x="249.4167" y="193.9642" width="48" height="11.0358" class="recharts-rectangle" d="M249.4167,196.9642A 3,3,0,0,1,252.4167,193.9642L 294.4167,193.9642A 3,3,0,0,1,
+        297.4167,196.9642L 297.4167,205L 249.4167,205Z">
                                                     </path>
                                                 </g>
                                                 <g class="recharts-layer recharts-bar-rectangle">
-                                                    <path fill="#30b4c0 " name="undefined" x="310.25" y="189.04416666666668" width="48" height="15.955833333333317" class="recharts-rectangle" d="M310.25,192.04416666666668A 3,3,0,0,1,313.25,189.04416666666668L 355.25,189.04416666666668A 3,3,0,0,1,
-        358.25,192.04416666666668L 358.25,205L 310.25,205Z">
+                                                    <path fill="#30b4c0 " name="undefined" x="310.25" y="189.0442" width="48" height="15.9558" class="recharts-rectangle" d="M310.25,192.0442A 3,3,0,0,1,313.25,189.0442L 355.25,189.0442A 3,3,0,0,1,
+        358.25,192.0442L 358.25,205L 310.25,205Z">
                                                     </path>
                                                 </g>
                                             </g>
                                         </g>
                                     </g>
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-400-:r7:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-500-:r8:">
+                                <g tabindex="-1">
                                     <g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis">
                                         <line angle="0" height="30" orientation="bottom" x="0" y="205" width="365" class="recharts-cartesian-axis-line" stroke="#666" fill="none" x1="0" y1="205" x2="365" y2="205">
                                         </line>
@@ -1165,15 +1165,15 @@ const getStatusColor = (status: string) => {
                                         </g>
                                     </g>
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-600-:r9:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-1000-:ra:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-1100-:rb:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-1200-:rc:">
+                                <g tabindex="-1">
                                 </g>
-                                <g tabindex="-1" id="recharts-zindex-2000-:rd:">
+                                <g tabindex="-1">
                                     <g class="recharts-cartesian-axis-tick-labels recharts-xAxis-tick-labels">
                                         <g class="recharts-layer recharts-cartesian-axis-tick-label">
                                             <text height="30" orientation="bottom" width="365" stroke="none" x="30.416666666666668" y="213" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="#666">
@@ -1242,7 +1242,7 @@ const getStatusColor = (status: string) => {
                 </div>
                 <div>
                     <div class="dropdown btn-group">
-                        <button type="button" id="viz81k063mj" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                        <button type="button" id="s0uvqzf6tfq" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
                             <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                             </span>
                         </button>
@@ -1310,7 +1310,7 @@ const getStatusColor = (status: string) => {
                 </div>
                 <div>
                     <div class="dropdown btn-group">
-                        <button type="button" id="0qz0dqr5scx" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
+                        <button type="button" id="qoo8lk9cd8d" class="btn btn-muted btn-md btn-icon-only btn-component dropdown-toggle" tabindex="0">
                             <span class="rioglyph rioglyph-option-horizontal" aria-hidden="true">
                             </span>
                         </button>

package/dist/docs/templates/table-panel.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Tables
 *Source:* https://uikit.developers.rio.cloud/#templates/table-panel
-*Captured:* 2025-12-15T15:03:38.755Z
+*Captured:* 2026-01-14T09:08:38.647Z
 
 ## Combined tables in ExpandablePanel
 

package/dist/docs/templates/table-row-animation.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Tables
 *Source:* https://uikit.developers.rio.cloud/#templates/table-row-animation
-*Captured:* 2025-12-15T15:03:39.201Z
+*Captured:* 2026-01-14T09:08:39.302Z
 
 ## Table row animation
 

package/dist/docs/templates/usage-cards.md

@@ -3,7 +3,7 @@
 *Category:* Templates
 *Section:* Content
 *Source:* https://uikit.developers.rio.cloud/#templates/usage-cards
-*Captured:* 2025-12-15T15:03:33.431Z
+*Captured:* 2026-01-14T09:08:32.560Z
 
 ## Data usage cards
 

package/dist/docs/utilities/deviceUtils.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#utilities/deviceUtils
-*Captured:* 2025-12-15T15:03:39.446Z
+*Captured:* 2026-01-14T09:08:39.325Z
 
 Set of utility functions which helps detecting certain devices or functionality.
 
@@ -54,7 +54,7 @@ import {
 } from '@rio-cloud/rio-uikit/DeviceUtils';
 import useWindowResize from '@rio-cloud/rio-uikit/useWindowResize';
 
-export default () => {
+const DeviceUtilsExample = () => {
     const [isZoomDisabled, setIsZoomDisabled] = useState(false);
     const [isMobileScreenSize, setIsMobileScreenSize] = useState(isMobileScreen());
 
@@ -63,7 +63,8 @@ export default () => {
         // This is not good for accessibility but makes the webpage
         // feel more like a native app.
         toggleZoomOnMobile();
-        setIsZoomDisabled(document.head.querySelector('[name="viewport"]')?.content.includes('user-scalable=0'));
+        const viewportMeta = document.head.querySelector<HTMLMetaElement>('[name="viewport"]');
+        setIsZoomDisabled(viewportMeta?.content.includes('user-scalable=0') ?? false);
     }, []);
 
     useWindowResize(() => setIsMobileScreenSize(isMobileScreen()));
@@ -92,6 +93,8 @@ export default () => {
         </div>
     );
 };
+
+export default DeviceUtilsExample;
 ```
 
 #### HTML (html)

package/dist/docs/utilities/featureToggles.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#utilities/featureToggles
-*Captured:* 2025-12-15T15:03:39.892Z
+*Captured:* 2026-01-14T09:08:39.999Z
 
 URL-based feature toggles (also known as feature flags) are a powerful development technique that allows you to enable or disable features in your application dynamically, without deploying new code.
 

package/dist/docs/utilities/fuelTypeUtils.md

@@ -3,7 +3,7 @@
 *Category:* Utilities
 *Section:* Helper
 *Source:* https://uikit.developers.rio.cloud/#utilities/fuelTypeUtils
-*Captured:* 2025-12-15T15:03:39.914Z
+*Captured:* 2026-01-14T09:08:39.932Z
 
 There is a wide variety of standardized fuel types, and on top of that, some projects or systems introduce their own custom definitions. While the naming can differ, many of these values carry the same semantic meaning. To avoid confusion and ensure consistent visual representation, we provide a centralized mapping of fuel types to icons.