From f5b81d4cf508de7aed68db21066b96c11ddcfa95 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 11:59:01 -0500
Subject: [PATCH 01/12] Prepare plugin for WordPress.org submission

---
 .gitignore                          | 10 ++++++
 .pressshipignore                    |  6 ++++
 LICENSE                             | 10 ++++++
 README.md                           | 15 ++++++--
 build/index.js                      |  1 -
 build/style-index-rtl.css           |  1 -
 build/style-index.css               |  1 -
 build/view.asset.php                |  1 -
 build/view.js                       |  1 -
 {build => compiled}/block.json      |  0
 {build => compiled}/index-rtl.css   |  0
 {build => compiled}/index.asset.php |  2 +-
 {build => compiled}/index.css       |  0
 compiled/index.js                   |  1 +
 compiled/style-index-rtl.css        |  1 +
 compiled/style-index.css            |  1 +
 compiled/view.asset.php             |  1 +
 compiled/view.js                    |  1 +
 package.json                        | 12 +++----
 readme.txt                          |  8 +++--
 scroll-indicator.php                |  2 +-
 src/edit.js                         | 14 ++++++--
 src/icons.js                        | 20 +++++++----
 src/index.js                        | 28 ---------------
 src/save.js                         | 23 ++++++-------
 src/style.scss                      | 10 ++++++
 src/view.js                         | 53 +++++++++++++++++++++--------
 27 files changed, 139 insertions(+), 84 deletions(-)
 create mode 100644 .pressshipignore
 create mode 100644 LICENSE
 delete mode 100644 build/index.js
 delete mode 100644 build/style-index-rtl.css
 delete mode 100644 build/style-index.css
 delete mode 100644 build/view.asset.php
 delete mode 100644 build/view.js
 rename {build => compiled}/block.json (100%)
 rename {build => compiled}/index-rtl.css (100%)
 rename {build => compiled}/index.asset.php (78%)
 rename {build => compiled}/index.css (100%)
 create mode 100644 compiled/index.js
 create mode 100644 compiled/style-index-rtl.css
 create mode 100644 compiled/style-index.css
 create mode 100644 compiled/view.asset.php
 create mode 100644 compiled/view.js

diff --git a/.gitignore b/.gitignore
index 04c8b78..8bcfcf5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,13 @@
+.DS_Store
+.env
+.env.*
+.npm/
+.cache/
+coverage/
 node_modules/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+*.log
 *.zip
 artefact.xml
diff --git a/.pressshipignore b/.pressshipignore
new file mode 100644
index 0000000..538b928
--- /dev/null
+++ b/.pressshipignore
@@ -0,0 +1,6 @@
+.pressshipignore
+assets/
+src/
+README.md
+package.json
+package-lock.json
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..9c84063
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,10 @@
+Scroll Indicator is free software: you can redistribute it and/or modify it
+under the terms of the GNU General Public License as published by the Free
+Software Foundation, either version 2 of the License, or any later version.
+
+Scroll Indicator is distributed in the hope that it will be useful, but WITHOUT
+ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+FOR A PARTICULAR PURPOSE.
+
+You should have received a copy of the GNU General Public License along with
+Scroll Indicator. If not, see https://www.gnu.org/licenses/gpl-2.0.html.
diff --git a/README.md b/README.md
index abee0e5..d82b078 100644
--- a/README.md
+++ b/README.md
@@ -2,9 +2,9 @@
 
 # Scroll Indicator
 
-Scroll Indicator is a lightweight WordPress block for adding a polished “keep scrolling” cue to landing pages, editorial layouts, hero sections, and long-form content.
+Scroll Indicator is a lightweight WordPress block for adding a “keep scrolling” cue to landing pages, editorial layouts, hero sections, and long-form content.
 
-It gives site builders a small, expressive block that feels designed: choose an icon style, tune the size and color, add optional text, and let visitors click or keyboard-activate the indicator to move one viewport down the page.
+Site builders can choose an icon style, tune the size and color, add optional text, and let visitors click or keyboard-activate the indicator to move one viewport down the page.
 
 ## Highlights
 
@@ -44,12 +44,19 @@ Create a production build:
 npm run build
 ```
 
-Create a distributable plugin ZIP:
+Create a local plugin ZIP:
 
 ```bash
 npm run plugin-zip
 ```
 
+PressShip is the preferred WordPress.org submission path for this repo:
+
+```bash
+npx pressship pack .
+npx pressship publish . --dry-run
+```
+
 ## Quality Checks
 
 ```bash
@@ -70,6 +77,8 @@ The `assets/` directory contains WordPress.org plugin directory artwork:
 
 These are intended for the WordPress.org SVN `assets` directory after the plugin is approved. They are not required inside the installable plugin ZIP.
 
+The compiled block files live in `compiled/` so PressShip includes them in the installable ZIP by default.
+
 ## License
 
 GPLv2 or later.
diff --git a/build/index.js b/build/index.js
deleted file mode 100644
index d8c2ab4..0000000
--- a/build/index.js
+++ /dev/null
@@ -1 +0,0 @@
-(()=>{"use strict";var o,e={280(){const o=window.wp.blocks,e=window.wp.i18n,r=window.wp.blockEditor,l=window.wp.components,i=window.ReactJSXRuntime,s={S:"18px",M:"24px",L:"32px",XL:"48px"};function n(o,e){return"custom"===o?e||"24px":s[o]||"24px"}function t(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})}const c={mouse:t,"arrow-down":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,i.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,i.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,i.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,i.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function a({iconType:o}){const e=c[o]||t;return(0,i.jsx)(e,{})}const d=[{value:"mouse",label:(0,e.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,e.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,e.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,e.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,e.__)("Hand","scroll-indicator")}],u=["S","M","L","XL","custom"],h=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(h.UU,{edit:function({attributes:o,setAttributes:s}){const{iconType:t="mouse",iconSize:h="M",customSizeValue:x="24px",hideAfterScrolling:p=!1,showText:v=!0,customText:j="Scroll down"}=o,f=n(h,x),m=(0,r.useBlockProps)({style:{"--scroll-indicator-size":f}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.InspectorControls,{children:[(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,i.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Icon Type","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:d.map(o=>{const e=c[o.value];return(0,i.jsx)(l.Button,{className:"scroll-indicator-icon-button",isPressed:t===o.value,onClick:()=>s({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,i.jsx)(e,{})},o.value)})})]}),(0,i.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Size","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-size-buttons",children:u.map(o=>(0,i.jsx)(l.Button,{isPressed:h===o,onClick:()=>s({iconSize:o}),children:"custom"===o?(0,e.__)("Custom","scroll-indicator"):o},o))}),"custom"===h&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Size","scroll-indicator"),value:x,onChange:o=>s({customSizeValue:o}),help:(0,e.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Show text","scroll-indicator"),checked:v,onChange:o=>s({showText:o})}),v&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Text","scroll-indicator"),value:j,onChange:o=>s({customText:o}),placeholder:(0,e.__)("Scroll down","scroll-indicator")})]}),(0,i.jsx)(l.PanelBody,{title:(0,e.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Hide after scrolling","scroll-indicator"),help:(0,e.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:p,onChange:o=>s({hideAfterScrolling:o})})})]}),(0,i.jsx)("div",{...m,children:(0,i.jsxs)("div",{className:`scroll-indicator icon-${t}`,children:[(0,i.jsx)(a,{iconType:t}),v&&(0,i.jsx)("div",{className:"scroll-text",children:j||(0,e.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:s="24px",hideAfterScrolling:t=!1,showText:c=!0,customText:d="Scroll down"}=o,u=n(l,s),h=r.useBlockProps.save({style:{"--scroll-indicator-size":u}});return(0,i.jsx)("div",{...h,children:(0,i.jsxs)("div",{className:`scroll-indicator icon-${e}`,role:"button",tabIndex:"0","aria-label":d||"Scroll down","data-hide-after-scrolling":t?"true":"false",children:[(0,i.jsx)(a,{iconType:e}),c&&(0,i.jsx)("div",{className:"scroll-text",children:d||"Scroll down"})]})})}})}},r={};function l(o){var i=r[o];if(void 0!==i)return i.exports;var s=r[o]={exports:{}};return e[o](s,s.exports,l),s.exports}l.m=e,o=[],l.O=(e,r,i,s)=>{if(!r){var n=1/0;for(d=0;d<o.length;d++){for(var[r,i,s]=o[d],t=!0,c=0;c<r.length;c++)(!1&s||n>=s)&&Object.keys(l.O).every(o=>l.O[o](r[c]))?r.splice(c--,1):(t=!1,s<n&&(n=s));if(t){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}s=s||0;for(var d=o.length;d>0&&o[d-1][2]>s;d--)o[d]=o[d-1];o[d]=[r,i,s]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,r)=>{var i,s,[n,t,c]=r,a=0;if(n.some(e=>0!==o[e])){for(i in t)l.o(t,i)&&(l.m[i]=t[i]);if(c)var d=c(l)}for(e&&e(r);a<n.length;a++)s=n[a],l.o(o,s)&&o[s]&&o[s][0](),o[s]=0;return l.O(d)},r=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];r.forEach(e.bind(null,0)),r.push=e.bind(null,r.push.bind(r))})();var i=l.O(void 0,[350],()=>l(280));i=l.O(i)})();
\ No newline at end of file
diff --git a/build/style-index-rtl.css b/build/style-index-rtl.css
deleted file mode 100644
index aa1eabc..0000000
--- a/build/style-index-rtl.css
+++ /dev/null
@@ -1 +0,0 @@
-.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/build/style-index.css b/build/style-index.css
deleted file mode 100644
index aa1eabc..0000000
--- a/build/style-index.css
+++ /dev/null
@@ -1 +0,0 @@
-.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/build/view.asset.php b/build/view.asset.php
deleted file mode 100644
index caa3e8d..0000000
--- a/build/view.asset.php
+++ /dev/null
@@ -1 +0,0 @@
-<?php return array('dependencies' => array(), 'version' => '2b3837a3c2a852532a1c');
diff --git a/build/view.js b/build/view.js
deleted file mode 100644
index 2ad1101..0000000
--- a/build/view.js
+++ /dev/null
@@ -1 +0,0 @@
-document.addEventListener("DOMContentLoaded",function(){const t=document.querySelectorAll(".scroll-indicator");0!==t.length&&t.forEach(function(t){const e="true"===t.getAttribute("data-hide-after-scrolling"),o=t.closest(".wp-block-scroll-indicator-scroll-indicator");function n(){const t=window.innerHeight,e=window.scrollY+t;window.scrollTo({top:e,behavior:"smooth"})}if(t.addEventListener("click",n),t.addEventListener("keydown",function(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),n())}),t.style.cursor="pointer",e&&o){let s=o.offsetTop,c=s+o.offsetHeight;function i(){const e=window.scrollY,o=window.innerHeight;e<=s||s<e+o&&c>e?(t.style.transition="opacity 0.3s ease-in",t.style.opacity="1"):(t.style.transition="opacity 0.3s ease-out",t.style.opacity="0")}window.addEventListener("resize",function(){s=o.offsetTop,c=s+o.offsetHeight}),i(),window.addEventListener("scroll",i,{passive:!0})}})});
\ No newline at end of file
diff --git a/build/block.json b/compiled/block.json
similarity index 100%
rename from build/block.json
rename to compiled/block.json
diff --git a/build/index-rtl.css b/compiled/index-rtl.css
similarity index 100%
rename from build/index-rtl.css
rename to compiled/index-rtl.css
diff --git a/build/index.asset.php b/compiled/index.asset.php
similarity index 78%
rename from build/index.asset.php
rename to compiled/index.asset.php
index 36dc98f..d6d2448 100644
--- a/build/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '5bf8d8c47e5abc153b6f');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '98dee282c70a217f3d0b');
diff --git a/build/index.css b/compiled/index.css
similarity index 100%
rename from build/index.css
rename to compiled/index.css
diff --git a/compiled/index.js b/compiled/index.js
new file mode 100644
index 0000000..9ebf4c7
--- /dev/null
+++ b/compiled/index.js
@@ -0,0 +1 @@
+(()=>{"use strict";var o,e={280(){const o=window.wp.blocks,e=window.wp.i18n,r=window.wp.blockEditor,l=window.wp.components,i=window.ReactJSXRuntime,s={S:"18px",M:"24px",L:"32px",XL:"48px"},n=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function t(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return n.test(o)?o:"24px"}return s[o]||"24px"}const c={mouse:function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,i.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,i.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,i.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,i.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function a(o){return Object.prototype.hasOwnProperty.call(c,o)?o:"mouse"}function d({iconType:o}){const e=c[a(o)];return(0,i.jsx)(e,{})}const u=[{value:"mouse",label:(0,e.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,e.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,e.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,e.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,e.__)("Hand","scroll-indicator")}],h=["S","M","L","XL","custom"],x=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(x.UU,{edit:function({attributes:o,setAttributes:s}){const{iconType:n="mouse",iconSize:x="M",customSizeValue:p="24px",hideAfterScrolling:v=!1,showText:j=!0,customText:f="Scroll down"}=o,m=a(n),w=t(x,p),_=(0,r.useBlockProps)({style:{"--scroll-indicator-size":w}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.InspectorControls,{children:[(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,i.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Icon Type","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:u.map(o=>{const e=c[o.value];return(0,i.jsx)(l.Button,{className:"scroll-indicator-icon-button",isPressed:n===o.value,onClick:()=>s({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,i.jsx)(e,{})},o.value)})})]}),(0,i.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Size","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-size-buttons",children:h.map(o=>(0,i.jsx)(l.Button,{isPressed:x===o,onClick:()=>s({iconSize:o}),children:"custom"===o?(0,e.__)("Custom","scroll-indicator"):o},o))}),"custom"===x&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Size","scroll-indicator"),value:p,onChange:o=>s({customSizeValue:o}),help:(0,e.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Show text","scroll-indicator"),checked:j,onChange:o=>s({showText:o})}),j&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Text","scroll-indicator"),value:f,onChange:o=>s({customText:o}),placeholder:(0,e.__)("Scroll down","scroll-indicator")})]}),(0,i.jsx)(l.PanelBody,{title:(0,e.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Hide after scrolling","scroll-indicator"),help:(0,e.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:v,onChange:o=>s({hideAfterScrolling:o})})})]}),(0,i.jsx)("div",{..._,children:(0,i.jsxs)("div",{className:`scroll-indicator icon-${m}`,children:[(0,i.jsx)(d,{iconType:m}),j&&(0,i.jsx)("div",{className:"scroll-text",children:f||(0,e.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:s="24px",hideAfterScrolling:n=!1,showText:c=!0,customText:u="Scroll down"}=o,h=a(e),x=t(l,s),p=u||"Scroll down",v=r.useBlockProps.save({style:{"--scroll-indicator-size":x}});return(0,i.jsx)("div",{...v,children:(0,i.jsxs)("button",{type:"button",className:`scroll-indicator icon-${h}`,"aria-label":p,"data-hide-after-scrolling":n?"true":"false",children:[(0,i.jsx)(d,{iconType:h}),c&&(0,i.jsx)("div",{className:"scroll-text",children:p})]})})}})}},r={};function l(o){var i=r[o];if(void 0!==i)return i.exports;var s=r[o]={exports:{}};return e[o](s,s.exports,l),s.exports}l.m=e,o=[],l.O=(e,r,i,s)=>{if(!r){var n=1/0;for(d=0;d<o.length;d++){for(var[r,i,s]=o[d],t=!0,c=0;c<r.length;c++)(!1&s||n>=s)&&Object.keys(l.O).every(o=>l.O[o](r[c]))?r.splice(c--,1):(t=!1,s<n&&(n=s));if(t){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}s=s||0;for(var d=o.length;d>0&&o[d-1][2]>s;d--)o[d]=o[d-1];o[d]=[r,i,s]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,r)=>{var i,s,[n,t,c]=r,a=0;if(n.some(e=>0!==o[e])){for(i in t)l.o(t,i)&&(l.m[i]=t[i]);if(c)var d=c(l)}for(e&&e(r);a<n.length;a++)s=n[a],l.o(o,s)&&o[s]&&o[s][0](),o[s]=0;return l.O(d)},r=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];r.forEach(e.bind(null,0)),r.push=e.bind(null,r.push.bind(r))})();var i=l.O(void 0,[350],()=>l(280));i=l.O(i)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
new file mode 100644
index 0000000..8bb4e77
--- /dev/null
+++ b/compiled/style-index-rtl.css
@@ -0,0 +1 @@
+.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
new file mode 100644
index 0000000..8bb4e77
--- /dev/null
+++ b/compiled/style-index.css
@@ -0,0 +1 @@
+.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/view.asset.php b/compiled/view.asset.php
new file mode 100644
index 0000000..8c59f3f
--- /dev/null
+++ b/compiled/view.asset.php
@@ -0,0 +1 @@
+<?php return array('dependencies' => array(), 'version' => '04a12027677121da76eb');
diff --git a/compiled/view.js b/compiled/view.js
new file mode 100644
index 0000000..70f55b9
--- /dev/null
+++ b/compiled/view.js
@@ -0,0 +1 @@
+document.addEventListener("DOMContentLoaded",function(){const t=document.querySelectorAll(".scroll-indicator");if(0===t.length)return;const e=window.matchMedia("(prefers-reduced-motion: reduce)");t.forEach(function(t){const i="true"===t.getAttribute("data-hide-after-scrolling"),n=t.closest(".wp-block-scroll-indicator-scroll-indicator"),o=t.getAttribute("tabindex");if(t.addEventListener("click",function(){const t=window.innerHeight,i=window.scrollY+t;window.scrollTo({top:i,behavior:e.matches?"auto":"smooth"})}),t.style.cursor="pointer",i&&n){let s=n.offsetTop,c=s+n.offsetHeight;function r(){const e=window.scrollY,i=window.innerHeight;var n;n=e<=s||s<e+i&&c>e,t.style.transition=n?"opacity 0.3s ease-in":"opacity 0.3s ease-out",t.style.opacity=n?"1":"0",t.style.visibility=n?"visible":"hidden",t.style.pointerEvents=n?"auto":"none",n?(t.removeAttribute("aria-hidden"),null===o?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o)):(t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","-1"),t.ownerDocument.activeElement===t&&t.blur())}window.addEventListener("resize",function(){s=n.offsetTop,c=s+n.offsetHeight,r()}),r(),window.addEventListener("scroll",r,{passive:!0})}})});
\ No newline at end of file
diff --git a/package.json b/package.json
index 403a98e..c9bab0f 100644
--- a/package.json
+++ b/package.json
@@ -4,15 +4,15 @@
     "description": "An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.",
     "author": "Derek Hanson",
     "license": "GPL-2.0-or-later",
-    "main": "build/index.js",
+    "main": "compiled/index.js",
     "scripts": {
-        "build": "wp-scripts build --webpack-copy-php",
+        "build": "wp-scripts build --webpack-copy-php --output-path=compiled",
         "format": "wp-scripts format",
-        "lint:css": "wp-scripts lint-style",
-        "lint:js": "wp-scripts lint-js",
+        "lint:css": "wp-scripts lint-style \"src/**/*.scss\"",
+        "lint:js": "wp-scripts lint-js \"src/**/*.js\"",
         "packages-update": "wp-scripts packages-update",
-        "plugin-zip": "wp-scripts plugin-zip",
-        "start": "wp-scripts start --blocks-manifest"
+        "plugin-zip": "npx pressship pack . --no-validate",
+        "start": "wp-scripts start --blocks-manifest --output-path=compiled"
     },
     "devDependencies": {
         "@wordpress/scripts": "^30.15.0"
diff --git a/readme.txt b/readme.txt
index a0672e7..1dbec5e 100644
--- a/readme.txt
+++ b/readme.txt
@@ -8,11 +8,11 @@ Stable tag: 1.0.0
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
-Add a polished, animated scroll indicator block that encourages visitors to keep moving through your page.
+Add an animated scroll indicator block that encourages visitors to keep moving through your page.
 
 == Description ==
 
-Scroll Indicator adds a small, expressive Gutenberg block for landing pages, hero sections, editorial layouts, and long-form content. It gives visitors a clear visual cue that there is more to explore below the fold.
+Scroll Indicator adds a focused block for landing pages, hero sections, editorial layouts, and long-form content. It gives visitors a clear visual cue that there is more to explore below the fold.
 
 Choose from multiple icon styles, adjust the size, use native WordPress text color controls, add optional helper text, and let visitors click or keyboard-activate the indicator to move smoothly down the page.
 
@@ -29,6 +29,10 @@ The block is intentionally lightweight. Animations are handled with CSS, respect
 * Keyboard-accessible click-to-scroll interaction.
 * No animation libraries or heavy runtime dependencies.
 
+= Development =
+
+Source code and build tooling are maintained at https://github.com/dhanson-wp/scroll-indicator.
+
 = Good For =
 
 * Landing page hero sections.
diff --git a/scroll-indicator.php b/scroll-indicator.php
index b58a921..281cff1 100644
--- a/scroll-indicator.php
+++ b/scroll-indicator.php
@@ -19,7 +19,7 @@
 
 if ( ! function_exists( 'scroll_indicator_init' ) ) {
 	function scroll_indicator_init() {
-		register_block_type( __DIR__ . '/build/' );
+		register_block_type( __DIR__ . '/compiled/' );
 	}
 }
 add_action( 'init', 'scroll_indicator_init' );
diff --git a/src/edit.js b/src/edit.js
index 396045a..2058f44 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -9,7 +9,12 @@ import {
 } from '@wordpress/components';
 
 import './editor.scss';
-import { ICON_COMPONENTS, IconRenderer, getSizeValue } from './icons';
+import {
+	ICON_COMPONENTS,
+	IconRenderer,
+	getIconType,
+	getSizeValue,
+} from './icons';
 
 const ICON_OPTIONS = [
 	{ value: 'mouse', label: __( 'Mouse', 'scroll-indicator' ) },
@@ -34,6 +39,7 @@ export default function Edit( { attributes, setAttributes } ) {
 		customText = 'Scroll down',
 	} = attributes;
 
+	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
 
 	const blockProps = useBlockProps( {
@@ -159,8 +165,10 @@ export default function Edit( { attributes, setAttributes } ) {
 				</PanelBody>
 			</InspectorControls>
 			<div { ...blockProps }>
-				<div className={ `scroll-indicator icon-${ iconType }` }>
-					<IconRenderer iconType={ iconType } />
+				<div
+					className={ `scroll-indicator icon-${ normalizedIconType }` }
+				>
+					<IconRenderer iconType={ normalizedIconType } />
 					{ showText && (
 						<div className="scroll-text">
 							{ customText ||
diff --git a/src/icons.js b/src/icons.js
index 12d2990..72fc2b6 100644
--- a/src/icons.js
+++ b/src/icons.js
@@ -1,8 +1,3 @@
-/**
- * SVG icon components for the Scroll Indicator block.
- * Shared between edit.js and save.js.
- */
-
 export const SIZE_MAP = {
 	S: '18px',
 	M: '24px',
@@ -10,9 +5,14 @@ export const SIZE_MAP = {
 	XL: '48px',
 };
 
+const CSS_SIZE_PATTERN = /^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;
+
 export function getSizeValue( iconSize, customSizeValue ) {
 	if ( iconSize === 'custom' ) {
-		return customSizeValue || '24px';
+		const sizeValue =
+			typeof customSizeValue === 'string' ? customSizeValue.trim() : '';
+
+		return CSS_SIZE_PATTERN.test( sizeValue ) ? sizeValue : '24px';
 	}
 	return SIZE_MAP[ iconSize ] || '24px';
 }
@@ -116,7 +116,13 @@ export const ICON_COMPONENTS = {
 	'hand-point': HandPointIcon,
 };
 
+export function getIconType( iconType ) {
+	return Object.prototype.hasOwnProperty.call( ICON_COMPONENTS, iconType )
+		? iconType
+		: 'mouse';
+}
+
 export function IconRenderer( { iconType } ) {
-	const Component = ICON_COMPONENTS[ iconType ] || MouseIcon;
+	const Component = ICON_COMPONENTS[ getIconType( iconType ) ];
 	return <Component />;
 }
diff --git a/src/index.js b/src/index.js
index ade1e47..a52f841 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,39 +1,11 @@
-/**
- * Registers a new block provided a unique name and an object defining its behavior.
- *
- * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
- */
 import { registerBlockType } from '@wordpress/blocks';
-
-/**
- * Lets webpack process CSS, SASS or SCSS files referenced in JavaScript files.
- * All files containing `style` keyword are bundled together. The code used
- * gets applied both to the front of your site and to the editor.
- *
- * @see https://www.npmjs.com/package/@wordpress/scripts#using-css
- */
 import './style.scss';
 
-/**
- * Internal dependencies
- */
 import Edit from './edit';
 import save from './save';
 import metadata from './block.json';
 
-/**
- * Every block starts by registering a new block type definition.
- *
- * @see https://developer.wordpress.org/block-editor/reference-guides/block-api/block-registration/
- */
 registerBlockType( metadata.name, {
-	/**
-	 * @see ./edit.js
-	 */
 	edit: Edit,
-
-	/**
-	 * @see ./save.js
-	 */
 	save,
 } );
diff --git a/src/save.js b/src/save.js
index 6536f56..9353447 100644
--- a/src/save.js
+++ b/src/save.js
@@ -1,5 +1,5 @@
 import { useBlockProps } from '@wordpress/block-editor';
-import { IconRenderer, getSizeValue } from './icons';
+import { IconRenderer, getIconType, getSizeValue } from './icons';
 
 export default function save( { attributes } ) {
 	const {
@@ -11,7 +11,9 @@ export default function save( { attributes } ) {
 		customText = 'Scroll down',
 	} = attributes;
 
+	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
+	const label = customText || 'Scroll down';
 
 	const blockProps = useBlockProps.save( {
 		style: {
@@ -21,22 +23,17 @@ export default function save( { attributes } ) {
 
 	return (
 		<div { ...blockProps }>
-			<div
-				className={ `scroll-indicator icon-${ iconType }` }
-				role="button"
-				tabIndex="0"
-				aria-label={ customText || 'Scroll down' }
+			<button
+				type="button"
+				className={ `scroll-indicator icon-${ normalizedIconType }` }
+				aria-label={ label }
 				data-hide-after-scrolling={
 					hideAfterScrolling ? 'true' : 'false'
 				}
 			>
-				<IconRenderer iconType={ iconType } />
-				{ showText && (
-					<div className="scroll-text">
-						{ customText || 'Scroll down' }
-					</div>
-				) }
-			</div>
+				<IconRenderer iconType={ normalizedIconType } />
+				{ showText && <div className="scroll-text">{ label }</div> }
+			</button>
 		</div>
 	);
 }
diff --git a/src/style.scss b/src/style.scss
index cf51547..9a669fd 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -6,7 +6,17 @@
 		align-items: center;
 		gap: 10px;
 		padding: 20px;
+		border: 0;
+		background: transparent;
+		color: inherit;
 		cursor: pointer;
+		font: inherit;
+		text-align: center;
+
+		&:focus-visible {
+			outline: 2px solid currentcolor;
+			outline-offset: 4px;
+		}
 
 		svg {
 			width: var(--scroll-indicator-size, 24px);
diff --git a/src/view.js b/src/view.js
index 5ec9514..022fdc3 100644
--- a/src/view.js
+++ b/src/view.js
@@ -5,12 +5,17 @@ document.addEventListener( 'DOMContentLoaded', function () {
 		return;
 	}
 
+	const prefersReducedMotion = window.matchMedia(
+		'(prefers-reduced-motion: reduce)'
+	);
+
 	scrollIndicators.forEach( function ( indicator ) {
 		const hideAfterScrolling =
 			indicator.getAttribute( 'data-hide-after-scrolling' ) === 'true';
 		const blockElement = indicator.closest(
 			'.wp-block-scroll-indicator-scroll-indicator'
 		);
+		const originalTabIndex = indicator.getAttribute( 'tabindex' );
 
 		function scrollOneViewport() {
 			const windowHeight = window.innerHeight;
@@ -18,21 +23,12 @@ document.addEventListener( 'DOMContentLoaded', function () {
 
 			window.scrollTo( {
 				top: targetY,
-				behavior: 'smooth',
+				behavior: prefersReducedMotion.matches ? 'auto' : 'smooth',
 			} );
 		}
 
 		indicator.addEventListener( 'click', scrollOneViewport );
 
-		indicator.addEventListener( 'keydown', function ( event ) {
-			if ( event.key !== 'Enter' && event.key !== ' ' ) {
-				return;
-			}
-
-			event.preventDefault();
-			scrollOneViewport();
-		} );
-
 		indicator.style.cursor = 'pointer';
 
 		if ( hideAfterScrolling && blockElement ) {
@@ -44,7 +40,36 @@ document.addEventListener( 'DOMContentLoaded', function () {
 				blockBottom = blockTop + blockElement.offsetHeight;
 			}
 
-			window.addEventListener( 'resize', updateBlockPosition );
+			function setIndicatorVisibility( isVisible ) {
+				indicator.style.transition = isVisible
+					? 'opacity 0.3s ease-in'
+					: 'opacity 0.3s ease-out';
+				indicator.style.opacity = isVisible ? '1' : '0';
+				indicator.style.visibility = isVisible ? 'visible' : 'hidden';
+				indicator.style.pointerEvents = isVisible ? 'auto' : 'none';
+
+				if ( isVisible ) {
+					indicator.removeAttribute( 'aria-hidden' );
+
+					if ( originalTabIndex === null ) {
+						indicator.removeAttribute( 'tabindex' );
+					} else {
+						indicator.setAttribute( 'tabindex', originalTabIndex );
+					}
+				} else {
+					indicator.setAttribute( 'aria-hidden', 'true' );
+					indicator.setAttribute( 'tabindex', '-1' );
+
+					if ( indicator.ownerDocument.activeElement === indicator ) {
+						indicator.blur();
+					}
+				}
+			}
+
+			window.addEventListener( 'resize', function () {
+				updateBlockPosition();
+				handleScroll();
+			} );
 
 			function handleScroll() {
 				const scrollTop = window.scrollY;
@@ -55,11 +80,9 @@ document.addEventListener( 'DOMContentLoaded', function () {
 					scrollTop <= blockTop ||
 					( blockTop < viewportBottom && blockBottom > scrollTop )
 				) {
-					indicator.style.transition = 'opacity 0.3s ease-in';
-					indicator.style.opacity = '1';
+					setIndicatorVisibility( true );
 				} else {
-					indicator.style.transition = 'opacity 0.3s ease-out';
-					indicator.style.opacity = '0';
+					setIndicatorVisibility( false );
 				}
 			}
 

From cabcffcf54a4184467b06c443932a964bca59864 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 14:07:26 -0500
Subject: [PATCH 02/12] Add scroll indicator positioning controls

---
 README.md                    |  1 +
 compiled/block.json          | 10 +++++-
 compiled/index-rtl.css       |  2 +-
 compiled/index.asset.php     |  2 +-
 compiled/index.css           |  2 +-
 compiled/index.js            |  2 +-
 compiled/style-index-rtl.css |  2 +-
 compiled/style-index.css     |  2 +-
 readme.txt                   |  3 +-
 src/block.json               | 10 +++++-
 src/edit.js                  | 68 ++++++++++++++++++++++++++++++++++++
 src/editor.scss              | 21 +++++------
 src/index.js                 |  2 ++
 src/position.js              | 31 ++++++++++++++++
 src/save.js                  |  4 +++
 src/style.scss               | 67 +++++++++++++++++++++++++++++++++++
 16 files changed, 208 insertions(+), 21 deletions(-)
 create mode 100644 src/position.js

diff --git a/README.md b/README.md
index d82b078..97c73fc 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,7 @@ Site builders can choose an icon style, tune the size and color, add optional te
 - Five animated icon styles: mouse, arrow, chevron, dots, and hand.
 - Preset sizes plus a custom CSS size value.
 - Native block editor support for text color, spacing, typography, and alignment.
+- Optional absolute positioning for bottom-left, bottom-center, and bottom-right placement inside hero-style sections.
 - CSS-only animation that respects `prefers-reduced-motion`.
 - Optional helper text beneath the icon.
 - Optional hide-after-scrolling behavior.
diff --git a/compiled/block.json b/compiled/block.json
index bb345c0..36e9b63 100644
--- a/compiled/block.json
+++ b/compiled/block.json
@@ -5,7 +5,7 @@
   "version": "1.0.0",
   "title": "Scroll Indicator",
   "category": "widgets",
-  "icon": "arrow-down",
+  "icon": "mouse",
   "description": "An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.",
   "example": {},
   "attributes": {
@@ -32,6 +32,14 @@
     "customText": {
       "type": "string",
       "default": "Scroll down"
+    },
+    "positionMode": {
+      "type": "string",
+      "default": "flow"
+    },
+    "screenPosition": {
+      "type": "string",
+      "default": "bottom-center"
     }
   },
   "supports": {
diff --git a/compiled/index-rtl.css b/compiled/index-rtl.css
index 445b9ad..1f4705d 100644
--- a/compiled/index-rtl.css
+++ b/compiled/index-rtl.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-picker{border:0;margin:0;padding:0}.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-position-buttons{display:grid;gap:4px;grid-template-columns:1fr}
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index d6d2448..efe023a 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '98dee282c70a217f3d0b');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => 'e2ecdd64d20cceae93c8');
diff --git a/compiled/index.css b/compiled/index.css
index 445b9ad..1f4705d 100644
--- a/compiled/index.css
+++ b/compiled/index.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-picker{border:0;margin:0;padding:0}.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-position-buttons{display:grid;gap:4px;grid-template-columns:1fr}
diff --git a/compiled/index.js b/compiled/index.js
index 9ebf4c7..8c22aaa 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var o,e={280(){const o=window.wp.blocks,e=window.wp.i18n,r=window.wp.blockEditor,l=window.wp.components,i=window.ReactJSXRuntime,s={S:"18px",M:"24px",L:"32px",XL:"48px"},n=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function t(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return n.test(o)?o:"24px"}return s[o]||"24px"}const c={mouse:function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,i.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,i.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,i.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,i.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function a(o){return Object.prototype.hasOwnProperty.call(c,o)?o:"mouse"}function d({iconType:o}){const e=c[a(o)];return(0,i.jsx)(e,{})}const u=[{value:"mouse",label:(0,e.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,e.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,e.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,e.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,e.__)("Hand","scroll-indicator")}],h=["S","M","L","XL","custom"],x=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(x.UU,{edit:function({attributes:o,setAttributes:s}){const{iconType:n="mouse",iconSize:x="M",customSizeValue:p="24px",hideAfterScrolling:v=!1,showText:j=!0,customText:f="Scroll down"}=o,m=a(n),w=t(x,p),_=(0,r.useBlockProps)({style:{"--scroll-indicator-size":w}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.InspectorControls,{children:[(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,i.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Icon Type","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:u.map(o=>{const e=c[o.value];return(0,i.jsx)(l.Button,{className:"scroll-indicator-icon-button",isPressed:n===o.value,onClick:()=>s({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,i.jsx)(e,{})},o.value)})})]}),(0,i.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Size","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-size-buttons",children:h.map(o=>(0,i.jsx)(l.Button,{isPressed:x===o,onClick:()=>s({iconSize:o}),children:"custom"===o?(0,e.__)("Custom","scroll-indicator"):o},o))}),"custom"===x&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Size","scroll-indicator"),value:p,onChange:o=>s({customSizeValue:o}),help:(0,e.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Show text","scroll-indicator"),checked:j,onChange:o=>s({showText:o})}),j&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Text","scroll-indicator"),value:f,onChange:o=>s({customText:o}),placeholder:(0,e.__)("Scroll down","scroll-indicator")})]}),(0,i.jsx)(l.PanelBody,{title:(0,e.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Hide after scrolling","scroll-indicator"),help:(0,e.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:v,onChange:o=>s({hideAfterScrolling:o})})})]}),(0,i.jsx)("div",{..._,children:(0,i.jsxs)("div",{className:`scroll-indicator icon-${m}`,children:[(0,i.jsx)(d,{iconType:m}),j&&(0,i.jsx)("div",{className:"scroll-text",children:f||(0,e.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:s="24px",hideAfterScrolling:n=!1,showText:c=!0,customText:u="Scroll down"}=o,h=a(e),x=t(l,s),p=u||"Scroll down",v=r.useBlockProps.save({style:{"--scroll-indicator-size":x}});return(0,i.jsx)("div",{...v,children:(0,i.jsxs)("button",{type:"button",className:`scroll-indicator icon-${h}`,"aria-label":p,"data-hide-after-scrolling":n?"true":"false",children:[(0,i.jsx)(d,{iconType:h}),c&&(0,i.jsx)("div",{className:"scroll-text",children:p})]})})}})}},r={};function l(o){var i=r[o];if(void 0!==i)return i.exports;var s=r[o]={exports:{}};return e[o](s,s.exports,l),s.exports}l.m=e,o=[],l.O=(e,r,i,s)=>{if(!r){var n=1/0;for(d=0;d<o.length;d++){for(var[r,i,s]=o[d],t=!0,c=0;c<r.length;c++)(!1&s||n>=s)&&Object.keys(l.O).every(o=>l.O[o](r[c]))?r.splice(c--,1):(t=!1,s<n&&(n=s));if(t){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}s=s||0;for(var d=o.length;d>0&&o[d-1][2]>s;d--)o[d]=o[d-1];o[d]=[r,i,s]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,r)=>{var i,s,[n,t,c]=r,a=0;if(n.some(e=>0!==o[e])){for(i in t)l.o(t,i)&&(l.m[i]=t[i]);if(c)var d=c(l)}for(e&&e(r);a<n.length;a++)s=n[a],l.o(o,s)&&o[s]&&o[s][0](),o[s]=0;return l.O(d)},r=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];r.forEach(e.bind(null,0)),r.push=e.bind(null,r.push.bind(r))})();var i=l.O(void 0,[350],()=>l(280));i=l.O(i)})();
\ No newline at end of file
+(()=>{"use strict";var o,e={805(){const o=window.wp.blocks,e=window.wp.i18n,t=window.wp.blockEditor,l=window.wp.components,i=window.ReactJSXRuntime,r={S:"18px",M:"24px",L:"32px",XL:"48px"},n=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function s(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return n.test(o)?o:"24px"}return r[o]||"24px"}function c(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})}const a={mouse:c,"arrow-down":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,i.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,i.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,i.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,i.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function d(o){return Object.prototype.hasOwnProperty.call(a,o)?o:"mouse"}function u({iconType:o}){const e=a[d(o)];return(0,i.jsx)(e,{})}const h={flow:"flow",absolute:"absolute"},x={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"};function p(o){return h[o]||h.flow}function b(o){return x[o]||x["bottom-center"]}function m(o,e){return"absolute"!==p(o)?"":`is-position-absolute is-screen-position-${b(e)}`}const f=[{value:"mouse",label:(0,e.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,e.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,e.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,e.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,e.__)("Hand","scroll-indicator")}],v=["S","M","L","XL","custom"],j=[{value:"bottom-left",label:(0,e.__)("Bottom left","scroll-indicator")},{value:"bottom-center",label:(0,e.__)("Bottom center","scroll-indicator")},{value:"bottom-right",label:(0,e.__)("Bottom right","scroll-indicator")}],_=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(_.UU,{icon:(0,i.jsx)(c,{}),edit:function({attributes:o,setAttributes:r}){const{iconType:n="mouse",iconSize:c="M",customSizeValue:h="24px",hideAfterScrolling:x=!1,showText:_=!0,customText:w="Scroll down",positionMode:g="flow",screenPosition:k="bottom-center"}=o,y=d(n),C=s(c,h),S=p(g),T=b(k),B=(0,t.useBlockProps)({className:m(S,T),style:{"--scroll-indicator-size":C}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.InspectorControls,{children:[(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,i.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Icon Type","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:f.map(o=>{const e=a[o.value];return(0,i.jsx)(l.Button,{className:"scroll-indicator-icon-button",isPressed:n===o.value,onClick:()=>r({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,i.jsx)(e,{})},o.value)})})]}),(0,i.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Size","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-size-buttons",children:v.map(o=>(0,i.jsx)(l.Button,{isPressed:c===o,onClick:()=>r({iconSize:o}),children:"custom"===o?(0,e.__)("Custom","scroll-indicator"):o},o))}),"custom"===c&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Size","scroll-indicator"),value:h,onChange:o=>r({customSizeValue:o}),help:(0,e.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Use absolute positioning","scroll-indicator"),help:(0,e.__)("Pin the indicator to the bottom of its containing section, such as a Cover block.","scroll-indicator"),checked:"absolute"===S,onChange:o=>r({positionMode:o?"absolute":"flow"})}),"absolute"===S&&(0,i.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Screen Position","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-position-buttons",children:j.map(o=>(0,i.jsx)(l.Button,{isPressed:T===o.value,onClick:()=>r({screenPosition:o.value}),children:o.label},o.value))})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Show text","scroll-indicator"),checked:_,onChange:o=>r({showText:o})}),_&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Text","scroll-indicator"),value:w,onChange:o=>r({customText:o}),placeholder:(0,e.__)("Scroll down","scroll-indicator")})]}),(0,i.jsx)(l.PanelBody,{title:(0,e.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Hide after scrolling","scroll-indicator"),help:(0,e.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:x,onChange:o=>r({hideAfterScrolling:o})})})]}),(0,i.jsx)("div",{...B,children:(0,i.jsxs)("div",{className:`scroll-indicator icon-${y}`,children:[(0,i.jsx)(u,{iconType:y}),_&&(0,i.jsx)("div",{className:"scroll-text",children:w||(0,e.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:r="24px",hideAfterScrolling:n=!1,showText:c=!0,customText:a="Scroll down",positionMode:h="flow",screenPosition:x="bottom-center"}=o,p=d(e),b=s(l,r),f=a||"Scroll down",v=t.useBlockProps.save({className:m(h,x),style:{"--scroll-indicator-size":b}});return(0,i.jsx)("div",{...v,children:(0,i.jsxs)("button",{type:"button",className:`scroll-indicator icon-${p}`,"aria-label":f,"data-hide-after-scrolling":n?"true":"false",children:[(0,i.jsx)(u,{iconType:p}),c&&(0,i.jsx)("div",{className:"scroll-text",children:f})]})})}})}},t={};function l(o){var i=t[o];if(void 0!==i)return i.exports;var r=t[o]={exports:{}};return e[o](r,r.exports,l),r.exports}l.m=e,o=[],l.O=(e,t,i,r)=>{if(!t){var n=1/0;for(d=0;d<o.length;d++){for(var[t,i,r]=o[d],s=!0,c=0;c<t.length;c++)(!1&r||n>=r)&&Object.keys(l.O).every(o=>l.O[o](t[c]))?t.splice(c--,1):(s=!1,r<n&&(n=r));if(s){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var d=o.length;d>0&&o[d-1][2]>r;d--)o[d]=o[d-1];o[d]=[t,i,r]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,t)=>{var i,r,[n,s,c]=t,a=0;if(n.some(e=>0!==o[e])){for(i in s)l.o(s,i)&&(l.m[i]=s[i]);if(c)var d=c(l)}for(e&&e(t);a<n.length;a++)r=n[a],l.o(o,r)&&o[r]&&o[r][0](),o[r]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var i=l.O(void 0,[350],()=>l(805));i=l.O(i)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index 8bb4e77..ab30730 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:absolute;left:auto;transform:translateX(50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 8bb4e77..908a804 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:absolute;right:auto;transform:translateX(-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/readme.txt b/readme.txt
index 1dbec5e..6e2b3ea 100644
--- a/readme.txt
+++ b/readme.txt
@@ -2,7 +2,7 @@
 Contributors: derekhanson
 Tags: block, scroll, animation, indicator, gutenberg
 Requires at least: 6.4
-Tested up to: 6.9
+Tested up to: 7.0
 Requires PHP: 7.4
 Stable tag: 1.0.0
 License: GPLv2 or later
@@ -23,6 +23,7 @@ The block is intentionally lightweight. Animations are handled with CSS, respect
 * Five icon styles: mouse, arrow, chevron, dots, and hand.
 * Preset sizes plus a custom CSS size value.
 * Native block editor controls for text color, spacing, typography, and alignment.
+* Optional absolute positioning for bottom-left, bottom-center, and bottom-right placement inside hero-style sections.
 * CSS-only animation that respects the visitor's reduced-motion preference.
 * Optional text label beneath the icon.
 * Optional hide-after-scrolling behavior.
diff --git a/src/block.json b/src/block.json
index 1696f72..f0ef057 100644
--- a/src/block.json
+++ b/src/block.json
@@ -5,7 +5,7 @@
 	"version": "1.0.0",
 	"title": "Scroll Indicator",
 	"category": "widgets",
-	"icon": "arrow-down",
+	"icon": "mouse",
 	"description": "An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.",
 	"example": {},
 	"attributes": {
@@ -32,6 +32,14 @@
 		"customText": {
 			"type": "string",
 			"default": "Scroll down"
+		},
+		"positionMode": {
+			"type": "string",
+			"default": "flow"
+		},
+		"screenPosition": {
+			"type": "string",
+			"default": "bottom-center"
 		}
 	},
 	"supports": {
diff --git a/src/edit.js b/src/edit.js
index 2058f44..32545fb 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -15,6 +15,11 @@ import {
 	getIconType,
 	getSizeValue,
 } from './icons';
+import {
+	getPositionClassNames,
+	getPositionMode,
+	getScreenPosition,
+} from './position';
 
 const ICON_OPTIONS = [
 	{ value: 'mouse', label: __( 'Mouse', 'scroll-indicator' ) },
@@ -29,6 +34,15 @@ const ICON_OPTIONS = [
 
 const SIZE_OPTIONS = [ 'S', 'M', 'L', 'XL', 'custom' ];
 
+const SCREEN_POSITION_OPTIONS = [
+	{ value: 'bottom-left', label: __( 'Bottom left', 'scroll-indicator' ) },
+	{
+		value: 'bottom-center',
+		label: __( 'Bottom center', 'scroll-indicator' ),
+	},
+	{ value: 'bottom-right', label: __( 'Bottom right', 'scroll-indicator' ) },
+];
+
 export default function Edit( { attributes, setAttributes } ) {
 	const {
 		iconType = 'mouse',
@@ -37,12 +51,20 @@ export default function Edit( { attributes, setAttributes } ) {
 		hideAfterScrolling = false,
 		showText = true,
 		customText = 'Scroll down',
+		positionMode = 'flow',
+		screenPosition = 'bottom-center',
 	} = attributes;
 
 	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
+	const normalizedPositionMode = getPositionMode( positionMode );
+	const normalizedScreenPosition = getScreenPosition( screenPosition );
 
 	const blockProps = useBlockProps( {
+		className: getPositionClassNames(
+			normalizedPositionMode,
+			normalizedScreenPosition
+		),
 		style: {
 			'--scroll-indicator-size': sizeValue,
 		},
@@ -119,6 +141,52 @@ export default function Edit( { attributes, setAttributes } ) {
 						) }
 					</fieldset>
 				</PanelBody>
+				<PanelBody
+					title={ __( 'Position', 'scroll-indicator' ) }
+					initialOpen={ false }
+				>
+					<ToggleControl
+						label={ __(
+							'Use absolute positioning',
+							'scroll-indicator'
+						) }
+						help={ __(
+							'Pin the indicator to the bottom of its containing section, such as a Cover block.',
+							'scroll-indicator'
+						) }
+						checked={ normalizedPositionMode === 'absolute' }
+						onChange={ ( value ) =>
+							setAttributes( {
+								positionMode: value ? 'absolute' : 'flow',
+							} )
+						}
+					/>
+					{ normalizedPositionMode === 'absolute' && (
+						<fieldset className="scroll-indicator-position-picker">
+							<legend>
+								{ __( 'Screen Position', 'scroll-indicator' ) }
+							</legend>
+							<ButtonGroup className="scroll-indicator-position-buttons">
+								{ SCREEN_POSITION_OPTIONS.map( ( option ) => (
+									<Button
+										key={ option.value }
+										isPressed={
+											normalizedScreenPosition ===
+											option.value
+										}
+										onClick={ () =>
+											setAttributes( {
+												screenPosition: option.value,
+											} )
+										}
+									>
+										{ option.label }
+									</Button>
+								) ) }
+							</ButtonGroup>
+						</fieldset>
+					) }
+				</PanelBody>
 				<PanelBody
 					title={ __( 'Text', 'scroll-indicator' ) }
 					initialOpen={ false }
diff --git a/src/editor.scss b/src/editor.scss
index b6b44c0..fc5d48e 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -1,4 +1,6 @@
-.scroll-indicator-icon-picker {
+.scroll-indicator-icon-picker,
+.scroll-indicator-size-picker,
+.scroll-indicator-position-picker {
 	border: 0;
 	padding: 0;
 	margin: 0 0 16px;
@@ -29,18 +31,13 @@
 	}
 }
 
-.scroll-indicator-size-picker {
-	border: 0;
-	padding: 0;
-	margin: 0;
-
-	legend {
-		font-weight: 500;
-		margin-bottom: 8px;
-	}
-}
-
 .scroll-indicator-size-buttons {
 	display: flex;
 	margin-bottom: 12px;
 }
+
+.scroll-indicator-position-buttons {
+	display: grid;
+	gap: 4px;
+	grid-template-columns: 1fr;
+}
diff --git a/src/index.js b/src/index.js
index a52f841..50846c4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -2,10 +2,12 @@ import { registerBlockType } from '@wordpress/blocks';
 import './style.scss';
 
 import Edit from './edit';
+import { MouseIcon } from './icons';
 import save from './save';
 import metadata from './block.json';
 
 registerBlockType( metadata.name, {
+	icon: <MouseIcon />,
 	edit: Edit,
 	save,
 } );
diff --git a/src/position.js b/src/position.js
new file mode 100644
index 0000000..055ba72
--- /dev/null
+++ b/src/position.js
@@ -0,0 +1,31 @@
+const POSITION_MODE_MAP = {
+	flow: 'flow',
+	absolute: 'absolute',
+};
+
+const SCREEN_POSITION_MAP = {
+	'bottom-left': 'bottom-left',
+	'bottom-center': 'bottom-center',
+	'bottom-right': 'bottom-right',
+};
+
+export function getPositionMode( positionMode ) {
+	return POSITION_MODE_MAP[ positionMode ] || POSITION_MODE_MAP.flow;
+}
+
+export function getScreenPosition( screenPosition ) {
+	return (
+		SCREEN_POSITION_MAP[ screenPosition ] ||
+		SCREEN_POSITION_MAP[ 'bottom-center' ]
+	);
+}
+
+export function getPositionClassNames( positionMode, screenPosition ) {
+	if ( getPositionMode( positionMode ) !== 'absolute' ) {
+		return '';
+	}
+
+	return `is-position-absolute is-screen-position-${ getScreenPosition(
+		screenPosition
+	) }`;
+}
diff --git a/src/save.js b/src/save.js
index 9353447..44ac1c3 100644
--- a/src/save.js
+++ b/src/save.js
@@ -1,5 +1,6 @@
 import { useBlockProps } from '@wordpress/block-editor';
 import { IconRenderer, getIconType, getSizeValue } from './icons';
+import { getPositionClassNames } from './position';
 
 export default function save( { attributes } ) {
 	const {
@@ -9,6 +10,8 @@ export default function save( { attributes } ) {
 		hideAfterScrolling = false,
 		showText = true,
 		customText = 'Scroll down',
+		positionMode = 'flow',
+		screenPosition = 'bottom-center',
 	} = attributes;
 
 	const normalizedIconType = getIconType( iconType );
@@ -16,6 +19,7 @@ export default function save( { attributes } ) {
 	const label = customText || 'Scroll down';
 
 	const blockProps = useBlockProps.save( {
+		className: getPositionClassNames( positionMode, screenPosition ),
 		style: {
 			'--scroll-indicator-size': sizeValue,
 		},
diff --git a/src/style.scss b/src/style.scss
index 9a669fd..e50f9a4 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -1,10 +1,63 @@
 .wp-block-scroll-indicator-scroll-indicator {
+	box-sizing: border-box;
+	display: flex;
+	justify-content: center;
+	max-width: 100%;
+	width: 100%;
+
+	&.alignleft,
+	&.aligncenter,
+	&.alignright {
+		float: none;
+	}
+
+	&.alignleft {
+		justify-content: flex-start;
+	}
+
+	&.aligncenter {
+		justify-content: center;
+	}
+
+	&.alignright {
+		justify-content: flex-end;
+	}
+
+	&.is-position-absolute {
+		bottom: clamp(16px, 4vw, 32px);
+		left: 50%;
+		margin: 0;
+		position: absolute;
+		right: auto;
+		transform: translateX(-50%);
+		width: auto;
+		z-index: 2;
+	}
+
+	&.is-screen-position-bottom-left {
+		left: clamp(16px, 4vw, 32px);
+		right: auto;
+		transform: none;
+	}
+
+	&.is-screen-position-bottom-center {
+		left: 50%;
+		right: auto;
+		transform: translateX(-50%);
+	}
+
+	&.is-screen-position-bottom-right {
+		left: auto;
+		right: clamp(16px, 4vw, 32px);
+		transform: none;
+	}
 
 	.scroll-indicator {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		gap: 10px;
+		max-width: 100%;
 		padding: 20px;
 		border: 0;
 		background: transparent;
@@ -32,6 +85,20 @@
 	}
 }
 
+.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
+	position: relative;
+
+	// Pin absolute indicators to the full Cover instead of the inner content box.
+	> .wp-block-cover__inner-container {
+		position: static;
+
+		> :not(.wp-block-scroll-indicator-scroll-indicator) {
+			position: relative;
+			z-index: 1;
+		}
+	}
+}
+
 // Animations — only when user hasn't requested reduced motion
 @media (prefers-reduced-motion: no-preference) {
 

From 69b86c7a653d7026a5750116a5adaf31fb137cac Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 14:39:10 -0500
Subject: [PATCH 03/12] Correct fixed and absolute positioning controls

---
 README.md                    |   2 +-
 compiled/block.json          |  10 +-
 compiled/index-rtl.css       |   2 +-
 compiled/index.asset.php     |   2 +-
 compiled/index.css           |   2 +-
 compiled/index.js            |   2 +-
 compiled/style-index-rtl.css |   2 +-
 compiled/style-index.css     |   2 +-
 package-lock.json            |  62 ++++++++--
 package.json                 |   1 +
 readme.txt                   |   2 +-
 src/block.json               |  10 +-
 src/edit.js                  | 218 +++++++++++++++++++++++++++++------
 src/editor.scss              |  31 ++++-
 src/index.js                 |   4 +-
 src/position.js              |  39 ++++++-
 src/save.js                  |   5 +-
 src/style.scss               |  27 ++++-
 18 files changed, 355 insertions(+), 68 deletions(-)

diff --git a/README.md b/README.md
index 97c73fc..54dca36 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,7 @@ Site builders can choose an icon style, tune the size and color, add optional te
 - Five animated icon styles: mouse, arrow, chevron, dots, and hand.
 - Preset sizes plus a custom CSS size value.
 - Native block editor support for text color, spacing, typography, and alignment.
-- Optional absolute positioning for bottom-left, bottom-center, and bottom-right placement inside hero-style sections.
+- Fixed screen positioning and draggable absolute positioning for hero-style sections.
 - CSS-only animation that respects `prefers-reduced-motion`.
 - Optional helper text beneath the icon.
 - Optional hide-after-scrolling behavior.
diff --git a/compiled/block.json b/compiled/block.json
index 36e9b63..521073a 100644
--- a/compiled/block.json
+++ b/compiled/block.json
@@ -5,7 +5,7 @@
   "version": "1.0.0",
   "title": "Scroll Indicator",
   "category": "widgets",
-  "icon": "mouse",
+  "icon": "arrow-down",
   "description": "An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.",
   "example": {},
   "attributes": {
@@ -40,6 +40,14 @@
     "screenPosition": {
       "type": "string",
       "default": "bottom-center"
+    },
+    "absoluteX": {
+      "type": "number",
+      "default": 50
+    },
+    "absoluteY": {
+      "type": "number",
+      "default": 85
     }
   },
   "supports": {
diff --git a/compiled/index-rtl.css b/compiled/index-rtl.css
index 1f4705d..dd78012 100644
--- a/compiled/index-rtl.css
+++ b/compiled/index-rtl.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-position-buttons{display:grid;gap:4px;grid-template-columns:1fr}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index efe023a..6498710 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => 'e2ecdd64d20cceae93c8');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '460f88ec8642d3b56b30');
diff --git a/compiled/index.css b/compiled/index.css
index 1f4705d..cccbb48 100644
--- a/compiled/index.css
+++ b/compiled/index.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-position-buttons{display:grid;gap:4px;grid-template-columns:1fr}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}
diff --git a/compiled/index.js b/compiled/index.js
index 8c22aaa..1f24e99 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var o,e={805(){const o=window.wp.blocks,e=window.wp.i18n,t=window.wp.blockEditor,l=window.wp.components,i=window.ReactJSXRuntime,r={S:"18px",M:"24px",L:"32px",XL:"48px"},n=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function s(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return n.test(o)?o:"24px"}return r[o]||"24px"}function c(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,i.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})}const a={mouse:c,"arrow-down":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,i.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,i.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,i.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,i.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,i.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,i.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function d(o){return Object.prototype.hasOwnProperty.call(a,o)?o:"mouse"}function u({iconType:o}){const e=a[d(o)];return(0,i.jsx)(e,{})}const h={flow:"flow",absolute:"absolute"},x={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"};function p(o){return h[o]||h.flow}function b(o){return x[o]||x["bottom-center"]}function m(o,e){return"absolute"!==p(o)?"":`is-position-absolute is-screen-position-${b(e)}`}const f=[{value:"mouse",label:(0,e.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,e.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,e.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,e.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,e.__)("Hand","scroll-indicator")}],v=["S","M","L","XL","custom"],j=[{value:"bottom-left",label:(0,e.__)("Bottom left","scroll-indicator")},{value:"bottom-center",label:(0,e.__)("Bottom center","scroll-indicator")},{value:"bottom-right",label:(0,e.__)("Bottom right","scroll-indicator")}],_=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(_.UU,{icon:(0,i.jsx)(c,{}),edit:function({attributes:o,setAttributes:r}){const{iconType:n="mouse",iconSize:c="M",customSizeValue:h="24px",hideAfterScrolling:x=!1,showText:_=!0,customText:w="Scroll down",positionMode:g="flow",screenPosition:k="bottom-center"}=o,y=d(n),C=s(c,h),S=p(g),T=b(k),B=(0,t.useBlockProps)({className:m(S,T),style:{"--scroll-indicator-size":C}});return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.InspectorControls,{children:[(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,i.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Icon Type","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:f.map(o=>{const e=a[o.value];return(0,i.jsx)(l.Button,{className:"scroll-indicator-icon-button",isPressed:n===o.value,onClick:()=>r({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,i.jsx)(e,{})},o.value)})})]}),(0,i.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Size","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-size-buttons",children:v.map(o=>(0,i.jsx)(l.Button,{isPressed:c===o,onClick:()=>r({iconSize:o}),children:"custom"===o?(0,e.__)("Custom","scroll-indicator"):o},o))}),"custom"===c&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Size","scroll-indicator"),value:h,onChange:o=>r({customSizeValue:o}),help:(0,e.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Use absolute positioning","scroll-indicator"),help:(0,e.__)("Pin the indicator to the bottom of its containing section, such as a Cover block.","scroll-indicator"),checked:"absolute"===S,onChange:o=>r({positionMode:o?"absolute":"flow"})}),"absolute"===S&&(0,i.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,i.jsx)("legend",{children:(0,e.__)("Screen Position","scroll-indicator")}),(0,i.jsx)(l.ButtonGroup,{className:"scroll-indicator-position-buttons",children:j.map(o=>(0,i.jsx)(l.Button,{isPressed:T===o.value,onClick:()=>r({screenPosition:o.value}),children:o.label},o.value))})]})]}),(0,i.jsxs)(l.PanelBody,{title:(0,e.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Show text","scroll-indicator"),checked:_,onChange:o=>r({showText:o})}),_&&(0,i.jsx)(l.TextControl,{label:(0,e.__)("Custom Text","scroll-indicator"),value:w,onChange:o=>r({customText:o}),placeholder:(0,e.__)("Scroll down","scroll-indicator")})]}),(0,i.jsx)(l.PanelBody,{title:(0,e.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,i.jsx)(l.ToggleControl,{label:(0,e.__)("Hide after scrolling","scroll-indicator"),help:(0,e.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:x,onChange:o=>r({hideAfterScrolling:o})})})]}),(0,i.jsx)("div",{...B,children:(0,i.jsxs)("div",{className:`scroll-indicator icon-${y}`,children:[(0,i.jsx)(u,{iconType:y}),_&&(0,i.jsx)("div",{className:"scroll-text",children:w||(0,e.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:r="24px",hideAfterScrolling:n=!1,showText:c=!0,customText:a="Scroll down",positionMode:h="flow",screenPosition:x="bottom-center"}=o,p=d(e),b=s(l,r),f=a||"Scroll down",v=t.useBlockProps.save({className:m(h,x),style:{"--scroll-indicator-size":b}});return(0,i.jsx)("div",{...v,children:(0,i.jsxs)("button",{type:"button",className:`scroll-indicator icon-${p}`,"aria-label":f,"data-hide-after-scrolling":n?"true":"false",children:[(0,i.jsx)(u,{iconType:p}),c&&(0,i.jsx)("div",{className:"scroll-text",children:f})]})})}})}},t={};function l(o){var i=t[o];if(void 0!==i)return i.exports;var r=t[o]={exports:{}};return e[o](r,r.exports,l),r.exports}l.m=e,o=[],l.O=(e,t,i,r)=>{if(!t){var n=1/0;for(d=0;d<o.length;d++){for(var[t,i,r]=o[d],s=!0,c=0;c<t.length;c++)(!1&r||n>=r)&&Object.keys(l.O).every(o=>l.O[o](t[c]))?t.splice(c--,1):(s=!1,r<n&&(n=r));if(s){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}r=r||0;for(var d=o.length;d>0&&o[d-1][2]>r;d--)o[d]=o[d-1];o[d]=[t,i,r]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,t)=>{var i,r,[n,s,c]=t,a=0;if(n.some(e=>0!==o[e])){for(i in s)l.o(s,i)&&(l.m[i]=s[i]);if(c)var d=c(l)}for(e&&e(t);a<n.length;a++)r=n[a],l.o(o,r)&&o[r]&&o[r][0](),o[r]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var i=l.O(void 0,[350],()=>l(805));i=l.O(i)})();
\ No newline at end of file
+(()=>{"use strict";var o,e={811(){const o=window.wp.blocks,e=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function p(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return v.test(o)?o:"24px"}return x[o]||"24px"}const m={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function w(o){return Object.prototype.hasOwnProperty.call(m,o)?o:"mouse"}function b({iconType:o}){const e=m[w(o)];return(0,t.jsx)(e,{})}const f={flow:"flow",fixed:"fixed",absolute:"absolute"},j={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"};function _(o){return f[o]||f.flow}function g(o){return j[o]||j["bottom-center"]}function k(o,e){const t="number"==typeof o?o:Number.parseFloat(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}function y(o,e){const t=_(o);return"fixed"===t?`is-position-fixed is-screen-position-${g(e)}`:"absolute"===t?"is-position-absolute":""}function B(o,e,t){return"absolute"!==_(o)?{}:{"--scroll-indicator-x":`${k(e,50)}%`,"--scroll-indicator-y":`${k(t,85)}%`}}const S=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],C=["S","M","L","XL","custom"],M=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],N=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],P=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(P.UU,{icon:i,edit:function({attributes:o,setAttributes:e}){const{iconType:i="mouse",iconSize:s="M",customSizeValue:c="24px",hideAfterScrolling:a=!1,showText:x=!0,customText:v="Scroll down",positionMode:f="flow",screenPosition:j="bottom-center",absoluteX:P=50,absoluteY:V=85}=o,T=(0,r.useRef)(),z=w(i),H=p(s,c),O=_(f),L=g(j),G=k(P,50),Z=k(V,85);function X(o){const t=T.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&e({absoluteX:k((o.clientX-l.left)/l.width*100,50),absoluteY:k((o.clientY-l.top)/l.height*100,85)})}const E=(0,n.useBlockProps)({ref:T,className:y(O,L),style:{"--scroll-indicator-size":H,...B(O,G,Z)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:S.map(o=>{const l=m[o.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:i===o.value,onClick:()=>e({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,t.jsx)(l,{})},o.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Size","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-size-buttons",children:C.map(o=>(0,t.jsx)(h.Button,{isPressed:s===o,onClick:()=>e({iconSize:o}),children:"custom"===o?(0,l.__)("Custom","scroll-indicator"):o},o))}),"custom"===s&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Size","scroll-indicator"),value:c,onChange:o=>e({customSizeValue:o}),help:(0,l.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:M.map(o=>(0,t.jsx)(h.Button,{isPressed:O===o.value,onClick:()=>e({positionMode:o.value}),children:o.label},o.value))})]}),"fixed"===O&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:N.map(o=>{const i=o.icon;return(0,t.jsx)(h.Button,{icon:i,label:o.label,showTooltip:!0,isPressed:L===o.value,onClick:()=>e({screenPosition:o.value})},o.value)})})]}),"absolute"===O&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:G,min:0,max:100,onChange:o=>e({absoluteX:o})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:Z,min:0,max:100,onChange:o=>e({absoluteY:o})})]}),"fixed"===O&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:x,onChange:o=>e({showText:o})}),x&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:v,onChange:o=>e({customText:o}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]}),(0,t.jsx)(h.PanelBody,{title:(0,l.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Hide after scrolling","scroll-indicator"),help:(0,l.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:a,onChange:o=>e({hideAfterScrolling:o})})})]}),(0,t.jsx)("div",{...E,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${z}`,onPointerDown:function(o){if("absolute"!==O||0!==o.button)return;o.preventDefault(),o.stopPropagation(),X(o);const e=o.currentTarget.ownerDocument,t=o=>{X(o)},i=()=>{e.removeEventListener("pointermove",t),e.removeEventListener("pointerup",i)};e.addEventListener("pointermove",t),e.addEventListener("pointerup",i)},children:[(0,t.jsx)(b,{iconType:z}),x&&(0,t.jsx)("div",{className:"scroll-text",children:v||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:i="M",customSizeValue:l="24px",hideAfterScrolling:r=!1,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85}=o,x=w(e),v=p(i,l),m=c||"Scroll down",f=n.useBlockProps.save({className:y(a,d),style:{"--scroll-indicator-size":v,...B(a,u,h)}});return(0,t.jsx)("div",{...f,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${x}`,"aria-label":m,"data-hide-after-scrolling":r?"true":"false",children:[(0,t.jsx)(b,{iconType:x}),s&&(0,t.jsx)("div",{className:"scroll-text",children:m})]})})}})}},t={};function i(o){var l=t[o];if(void 0!==l)return l.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,i),n.exports}i.m=e,o=[],i.O=(e,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<o.length;d++){for(var[t,l,n]=o[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(o=>i.O[o](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){o.splice(d--,1);var a=l();void 0!==a&&(e=a)}}return e}n=n||0;for(var d=o.length;d>0&&o[d-1][2]>n;d--)o[d]=o[d-1];o[d]=[t,l,n]},i.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};i.O.j=e=>0===o[e];var e=(e,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(e=>0!==o[e])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(e&&e(t);a<r.length;a++)n=r[a],i.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(811));l=i.O(l)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index ab30730..ae9fa97 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:absolute;left:auto;transform:translateX(50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 908a804..a78adac 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:absolute;right:auto;transform:translateX(-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/package-lock.json b/package-lock.json
index 8f58469..78282ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
             "version": "1.0.0",
             "license": "GPL-2.0-or-later",
             "devDependencies": {
+                "@wordpress/icons": "^13.1.0",
                 "@wordpress/scripts": "^30.15.0"
             }
         },
@@ -6018,15 +6019,15 @@
             }
         },
         "node_modules/@wordpress/element": {
-            "version": "6.40.0",
-            "resolved": "https://registry.npmjs.org/@wordpress/element/-/element-6.40.0.tgz",
-            "integrity": "sha512-OhU8B2xEGg7c41rh/VRiJLOz6TnM/r5r8sraAg5ISc2bF7s2oAFqLwvlR0/U6ervyYwbK644osWZGQxFyL3huA==",
+            "version": "6.46.0",
+            "resolved": "https://registry.npmjs.org/@wordpress/element/-/element-6.46.0.tgz",
+            "integrity": "sha512-hjnrqZi0cZVdkmN0xQavKfSQJYAkb9pVSnDPpuX65OLxeD9/EWkIXvFzBb+nH8c4NzKKSqQU96XCTQrH37OCIA==",
             "dev": true,
             "license": "GPL-2.0-or-later",
             "dependencies": {
                 "@types/react": "^18.3.27",
                 "@types/react-dom": "^18.3.1",
-                "@wordpress/escape-html": "^3.40.0",
+                "@wordpress/escape-html": "^3.46.0",
                 "change-case": "^4.1.2",
                 "is-plain-object": "^5.0.0",
                 "react": "^18.3.0",
@@ -6038,9 +6039,9 @@
             }
         },
         "node_modules/@wordpress/escape-html": {
-            "version": "3.40.0",
-            "resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-3.40.0.tgz",
-            "integrity": "sha512-DD6xWVbnw4fGGgO6DFDTJiLj52om0OG4cYHLz7ZhuipmOlEUGljPYOcrj8uxtlh5EFrqHCIPkOya+qQXUHUSBw==",
+            "version": "3.46.0",
+            "resolved": "https://registry.npmjs.org/@wordpress/escape-html/-/escape-html-3.46.0.tgz",
+            "integrity": "sha512-SzrVQwLQBZdaSStYVpTKeYqp97NABz1w551T8me3msDDsfhWWPhSZiZTNaGZ6iqUNfOX2uKyZsqXedvkqwLHqA==",
             "dev": true,
             "license": "GPL-2.0-or-later",
             "engines": {
@@ -6110,6 +6111,25 @@
                 "node": ">=10"
             }
         },
+        "node_modules/@wordpress/icons": {
+            "version": "13.1.0",
+            "resolved": "https://registry.npmjs.org/@wordpress/icons/-/icons-13.1.0.tgz",
+            "integrity": "sha512-KMZAeYghsLs6e5wKMZ3/Ynrsuu5yZt2gAlMHmZSkWJKQFld++Pz/pEj8nDCJ79z/zx9FO7q4teG49vHHvVosjQ==",
+            "dev": true,
+            "license": "GPL-2.0-or-later",
+            "dependencies": {
+                "@wordpress/element": "^6.46.0",
+                "@wordpress/primitives": "^4.46.0",
+                "change-case": "4.1.2"
+            },
+            "engines": {
+                "node": ">=18.12.0",
+                "npm": ">=8.19.2"
+            },
+            "peerDependencies": {
+                "react": "^18.0.0"
+            }
+        },
         "node_modules/@wordpress/jest-console": {
             "version": "8.40.0",
             "resolved": "https://registry.npmjs.org/@wordpress/jest-console/-/jest-console-8.40.0.tgz",
@@ -6194,6 +6214,24 @@
                 "prettier": ">=3"
             }
         },
+        "node_modules/@wordpress/primitives": {
+            "version": "4.46.0",
+            "resolved": "https://registry.npmjs.org/@wordpress/primitives/-/primitives-4.46.0.tgz",
+            "integrity": "sha512-x1IhEVa/aGDe6otGJ4VIqEioQGfIeK5B1VQm32+ycqinJRbtbw9F5bgx4ARIdnm5M1Lg63oV9Bhmg/XMyGSTZA==",
+            "dev": true,
+            "license": "GPL-2.0-or-later",
+            "dependencies": {
+                "@wordpress/element": "^6.46.0",
+                "clsx": "^2.1.1"
+            },
+            "engines": {
+                "node": ">=18.12.0",
+                "npm": ">=8.19.2"
+            },
+            "peerDependencies": {
+                "react": "^18.0.0"
+            }
+        },
         "node_modules/@wordpress/private-apis": {
             "version": "1.40.0",
             "resolved": "https://registry.npmjs.org/@wordpress/private-apis/-/private-apis-1.40.0.tgz",
@@ -7978,6 +8016,16 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/clsx": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+            "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
+        },
         "node_modules/co": {
             "version": "4.6.0",
             "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
diff --git a/package.json b/package.json
index c9bab0f..6e43339 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
         "start": "wp-scripts start --blocks-manifest --output-path=compiled"
     },
     "devDependencies": {
+        "@wordpress/icons": "^13.1.0",
         "@wordpress/scripts": "^30.15.0"
     }
 }
diff --git a/readme.txt b/readme.txt
index 6e2b3ea..2338e18 100644
--- a/readme.txt
+++ b/readme.txt
@@ -23,7 +23,7 @@ The block is intentionally lightweight. Animations are handled with CSS, respect
 * Five icon styles: mouse, arrow, chevron, dots, and hand.
 * Preset sizes plus a custom CSS size value.
 * Native block editor controls for text color, spacing, typography, and alignment.
-* Optional absolute positioning for bottom-left, bottom-center, and bottom-right placement inside hero-style sections.
+* Fixed screen positioning and draggable absolute positioning for hero-style sections.
 * CSS-only animation that respects the visitor's reduced-motion preference.
 * Optional text label beneath the icon.
 * Optional hide-after-scrolling behavior.
diff --git a/src/block.json b/src/block.json
index f0ef057..8dcf252 100644
--- a/src/block.json
+++ b/src/block.json
@@ -5,7 +5,7 @@
 	"version": "1.0.0",
 	"title": "Scroll Indicator",
 	"category": "widgets",
-	"icon": "mouse",
+	"icon": "arrow-down",
 	"description": "An animated scroll indicator with multiple icon styles that encourages users to scroll down the page.",
 	"example": {},
 	"attributes": {
@@ -40,6 +40,14 @@
 		"screenPosition": {
 			"type": "string",
 			"default": "bottom-center"
+		},
+		"absoluteX": {
+			"type": "number",
+			"default": 50
+		},
+		"absoluteY": {
+			"type": "number",
+			"default": 85
 		}
 	},
 	"supports": {
diff --git a/src/edit.js b/src/edit.js
index 32545fb..ede7423 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -1,11 +1,20 @@
 import { __ } from '@wordpress/i18n';
 import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
+import { useRef } from '@wordpress/element';
+import {
+	desktop,
+	dragHandle,
+	positionCenter,
+	positionLeft,
+	positionRight,
+} from '@wordpress/icons';
 import {
 	PanelBody,
-	ToggleControl,
 	TextControl,
+	ToggleControl,
 	ButtonGroup,
 	Button,
+	RangeControl,
 } from '@wordpress/components';
 
 import './editor.scss';
@@ -18,6 +27,8 @@ import {
 import {
 	getPositionClassNames,
 	getPositionMode,
+	getPositionStyle,
+	getAbsoluteCoordinate,
 	getScreenPosition,
 } from './position';
 
@@ -34,13 +45,28 @@ const ICON_OPTIONS = [
 
 const SIZE_OPTIONS = [ 'S', 'M', 'L', 'XL', 'custom' ];
 
+const POSITION_MODE_OPTIONS = [
+	{ value: 'flow', label: __( 'Flow', 'scroll-indicator' ) },
+	{ value: 'fixed', label: __( 'Fixed', 'scroll-indicator' ) },
+	{ value: 'absolute', label: __( 'Absolute', 'scroll-indicator' ) },
+];
+
 const SCREEN_POSITION_OPTIONS = [
-	{ value: 'bottom-left', label: __( 'Bottom left', 'scroll-indicator' ) },
+	{
+		value: 'bottom-left',
+		label: __( 'Bottom left', 'scroll-indicator' ),
+		icon: positionLeft,
+	},
 	{
 		value: 'bottom-center',
 		label: __( 'Bottom center', 'scroll-indicator' ),
+		icon: positionCenter,
+	},
+	{
+		value: 'bottom-right',
+		label: __( 'Bottom right', 'scroll-indicator' ),
+		icon: positionRight,
 	},
-	{ value: 'bottom-right', label: __( 'Bottom right', 'scroll-indicator' ) },
 ];
 
 export default function Edit( { attributes, setAttributes } ) {
@@ -53,20 +79,85 @@ export default function Edit( { attributes, setAttributes } ) {
 		customText = 'Scroll down',
 		positionMode = 'flow',
 		screenPosition = 'bottom-center',
+		absoluteX = 50,
+		absoluteY = 85,
 	} = attributes;
 
+	const blockRef = useRef();
 	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
 	const normalizedPositionMode = getPositionMode( positionMode );
 	const normalizedScreenPosition = getScreenPosition( screenPosition );
+	const normalizedAbsoluteX = getAbsoluteCoordinate( absoluteX, 50 );
+	const normalizedAbsoluteY = getAbsoluteCoordinate( absoluteY, 85 );
+
+	function updateAbsolutePosition( event ) {
+		const wrapper = blockRef.current;
+		const canvas =
+			wrapper?.closest( '.wp-block-cover' ) || wrapper?.parentElement;
+
+		if ( ! canvas ) {
+			return;
+		}
+
+		const canvasRect = canvas.getBoundingClientRect();
+
+		if ( canvasRect.width === 0 || canvasRect.height === 0 ) {
+			return;
+		}
+
+		setAttributes( {
+			absoluteX: getAbsoluteCoordinate(
+				( ( event.clientX - canvasRect.left ) / canvasRect.width ) *
+					100,
+				50
+			),
+			absoluteY: getAbsoluteCoordinate(
+				( ( event.clientY - canvasRect.top ) / canvasRect.height ) *
+					100,
+				85
+			),
+		} );
+	}
+
+	function startAbsoluteDrag( event ) {
+		if ( normalizedPositionMode !== 'absolute' || event.button !== 0 ) {
+			return;
+		}
+
+		event.preventDefault();
+		event.stopPropagation();
+		updateAbsolutePosition( event );
+
+		const ownerDocument = event.currentTarget.ownerDocument;
+		const handlePointerMove = ( moveEvent ) => {
+			updateAbsolutePosition( moveEvent );
+		};
+		const handlePointerUp = () => {
+			ownerDocument.removeEventListener(
+				'pointermove',
+				handlePointerMove
+			);
+			ownerDocument.removeEventListener( 'pointerup', handlePointerUp );
+		};
+
+		ownerDocument.addEventListener( 'pointermove', handlePointerMove );
+		ownerDocument.addEventListener( 'pointerup', handlePointerUp );
+	}
 
 	const blockProps = useBlockProps( {
+		ref: blockRef,
 		className: getPositionClassNames(
 			normalizedPositionMode,
 			normalizedScreenPosition
 		),
 		style: {
 			'--scroll-indicator-size': sizeValue,
+			...getPositionStyle(
+				normalizedPositionMode,
+				normalizedAbsoluteX,
+				normalizedAbsoluteY
+			),
 		},
 	} );
 
@@ -145,47 +236,101 @@ export default function Edit( { attributes, setAttributes } ) {
 					title={ __( 'Position', 'scroll-indicator' ) }
 					initialOpen={ false }
 				>
-					<ToggleControl
-						label={ __(
-							'Use absolute positioning',
-							'scroll-indicator'
-						) }
-						help={ __(
-							'Pin the indicator to the bottom of its containing section, such as a Cover block.',
-							'scroll-indicator'
-						) }
-						checked={ normalizedPositionMode === 'absolute' }
-						onChange={ ( value ) =>
-							setAttributes( {
-								positionMode: value ? 'absolute' : 'flow',
-							} )
-						}
-					/>
-					{ normalizedPositionMode === 'absolute' && (
+					<fieldset className="scroll-indicator-position-picker">
+						<legend>
+							{ __( 'Position Mode', 'scroll-indicator' ) }
+						</legend>
+						<ButtonGroup className="scroll-indicator-mode-buttons">
+							{ POSITION_MODE_OPTIONS.map( ( option ) => (
+								<Button
+									key={ option.value }
+									isPressed={
+										normalizedPositionMode === option.value
+									}
+									onClick={ () =>
+										setAttributes( {
+											positionMode: option.value,
+										} )
+									}
+								>
+									{ option.label }
+								</Button>
+							) ) }
+						</ButtonGroup>
+					</fieldset>
+					{ normalizedPositionMode === 'fixed' && (
 						<fieldset className="scroll-indicator-position-picker">
 							<legend>
 								{ __( 'Screen Position', 'scroll-indicator' ) }
 							</legend>
 							<ButtonGroup className="scroll-indicator-position-buttons">
-								{ SCREEN_POSITION_OPTIONS.map( ( option ) => (
-									<Button
-										key={ option.value }
-										isPressed={
-											normalizedScreenPosition ===
-											option.value
-										}
-										onClick={ () =>
-											setAttributes( {
-												screenPosition: option.value,
-											} )
-										}
-									>
-										{ option.label }
-									</Button>
-								) ) }
+								{ SCREEN_POSITION_OPTIONS.map( ( option ) => {
+									const PositionIcon = option.icon;
+
+									return (
+										<Button
+											key={ option.value }
+											icon={ PositionIcon }
+											label={ option.label }
+											showTooltip
+											isPressed={
+												normalizedScreenPosition ===
+												option.value
+											}
+											onClick={ () =>
+												setAttributes( {
+													screenPosition:
+														option.value,
+												} )
+											}
+										/>
+									);
+								} ) }
 							</ButtonGroup>
 						</fieldset>
 					) }
+					{ normalizedPositionMode === 'absolute' && (
+						<div className="scroll-indicator-absolute-controls">
+							<p>
+								<span className="scroll-indicator-control-icon">
+									{ dragHandle }
+								</span>
+								{ __(
+									'Drag the indicator on the canvas, or fine-tune its position below.',
+									'scroll-indicator'
+								) }
+							</p>
+							<RangeControl
+								label={ __( 'Horizontal', 'scroll-indicator' ) }
+								value={ normalizedAbsoluteX }
+								min={ 0 }
+								max={ 100 }
+								onChange={ ( value ) =>
+									setAttributes( { absoluteX: value } )
+								}
+							/>
+							<RangeControl
+								label={ __( 'Vertical', 'scroll-indicator' ) }
+								value={ normalizedAbsoluteY }
+								min={ 0 }
+								max={ 100 }
+								onChange={ ( value ) =>
+									setAttributes( { absoluteY: value } )
+								}
+							/>
+						</div>
+					) }
+					{ normalizedPositionMode === 'fixed' && (
+						<p className="scroll-indicator-position-note">
+							<span className="scroll-indicator-control-icon">
+								{ desktop }
+							</span>
+							{ __(
+								"Fixed positioning pins the indicator to the visitor's screen.",
+								'scroll-indicator'
+							) }
+						</p>
+					) }
 				</PanelBody>
 				<PanelBody
 					title={ __( 'Text', 'scroll-indicator' ) }
@@ -235,6 +380,7 @@ export default function Edit( { attributes, setAttributes } ) {
 			<div { ...blockProps }>
 				<div
 					className={ `scroll-indicator icon-${ normalizedIconType }` }
+					onPointerDown={ startAbsoluteDrag }
 				>
 					<IconRenderer iconType={ normalizedIconType } />
 					{ showText && (
diff --git a/src/editor.scss b/src/editor.scss
index fc5d48e..c572c49 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -36,8 +36,35 @@
 	margin-bottom: 12px;
 }
 
-.scroll-indicator-position-buttons {
+.scroll-indicator-mode-buttons {
 	display: grid;
 	gap: 4px;
-	grid-template-columns: 1fr;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	margin-bottom: 12px;
+}
+
+.scroll-indicator-position-buttons {
+	display: flex;
+	gap: 4px;
+
+	.components-button {
+		justify-content: center;
+		min-width: 44px;
+	}
+}
+
+.scroll-indicator-absolute-controls,
+.scroll-indicator-position-note {
+	color: #1e1e1e;
+	font-size: 12px;
+	line-height: 1.4;
+	margin: 0 0 12px;
+}
+
+.scroll-indicator-control-icon {
+	display: inline-flex;
+	height: 18px;
+	margin-right: 6px;
+	vertical-align: middle;
+	width: 18px;
 }
diff --git a/src/index.js b/src/index.js
index 50846c4..dc3fa61 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,13 +1,13 @@
 import { registerBlockType } from '@wordpress/blocks';
+import { arrowDown } from '@wordpress/icons';
 import './style.scss';
 
 import Edit from './edit';
-import { MouseIcon } from './icons';
 import save from './save';
 import metadata from './block.json';
 
 registerBlockType( metadata.name, {
-	icon: <MouseIcon />,
+	icon: arrowDown,
 	edit: Edit,
 	save,
 } );
diff --git a/src/position.js b/src/position.js
index 055ba72..fc724a8 100644
--- a/src/position.js
+++ b/src/position.js
@@ -1,5 +1,6 @@
 const POSITION_MODE_MAP = {
 	flow: 'flow',
+	fixed: 'fixed',
 	absolute: 'absolute',
 };
 
@@ -20,12 +21,42 @@ export function getScreenPosition( screenPosition ) {
 	);
 }
 
+export function getAbsoluteCoordinate( coordinate, fallback ) {
+	const numericCoordinate =
+		typeof coordinate === 'number'
+			? coordinate
+			: Number.parseFloat( coordinate );
+
+	if ( ! Number.isFinite( numericCoordinate ) ) {
+		return fallback;
+	}
+
+	return Math.min( 100, Math.max( 0, numericCoordinate ) );
+}
+
 export function getPositionClassNames( positionMode, screenPosition ) {
+	const normalizedPositionMode = getPositionMode( positionMode );
+
+	if ( normalizedPositionMode === 'fixed' ) {
+		return `is-position-fixed is-screen-position-${ getScreenPosition(
+			screenPosition
+		) }`;
+	}
+
+	if ( normalizedPositionMode === 'absolute' ) {
+		return 'is-position-absolute';
+	}
+
+	return '';
+}
+
+export function getPositionStyle( positionMode, absoluteX, absoluteY ) {
 	if ( getPositionMode( positionMode ) !== 'absolute' ) {
-		return '';
+		return {};
 	}
 
-	return `is-position-absolute is-screen-position-${ getScreenPosition(
-		screenPosition
-	) }`;
+	return {
+		'--scroll-indicator-x': `${ getAbsoluteCoordinate( absoluteX, 50 ) }%`,
+		'--scroll-indicator-y': `${ getAbsoluteCoordinate( absoluteY, 85 ) }%`,
+	};
 }
diff --git a/src/save.js b/src/save.js
index 44ac1c3..575c3e8 100644
--- a/src/save.js
+++ b/src/save.js
@@ -1,6 +1,6 @@
 import { useBlockProps } from '@wordpress/block-editor';
 import { IconRenderer, getIconType, getSizeValue } from './icons';
-import { getPositionClassNames } from './position';
+import { getPositionClassNames, getPositionStyle } from './position';
 
 export default function save( { attributes } ) {
 	const {
@@ -12,6 +12,8 @@ export default function save( { attributes } ) {
 		customText = 'Scroll down',
 		positionMode = 'flow',
 		screenPosition = 'bottom-center',
+		absoluteX = 50,
+		absoluteY = 85,
 	} = attributes;
 
 	const normalizedIconType = getIconType( iconType );
@@ -22,6 +24,7 @@ export default function save( { attributes } ) {
 		className: getPositionClassNames( positionMode, screenPosition ),
 		style: {
 			'--scroll-indicator-size': sizeValue,
+			...getPositionStyle( positionMode, absoluteX, absoluteY ),
 		},
 	} );
 
diff --git a/src/style.scss b/src/style.scss
index e50f9a4..35b2615 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -23,35 +23,45 @@
 		justify-content: flex-end;
 	}
 
-	&.is-position-absolute {
+	&.is-position-fixed {
 		bottom: clamp(16px, 4vw, 32px);
 		left: 50%;
 		margin: 0;
-		position: absolute;
+		position: fixed;
 		right: auto;
 		transform: translateX(-50%);
 		width: auto;
-		z-index: 2;
+		z-index: 1000;
 	}
 
-	&.is-screen-position-bottom-left {
+	&.is-position-fixed.is-screen-position-bottom-left {
 		left: clamp(16px, 4vw, 32px);
 		right: auto;
 		transform: none;
 	}
 
-	&.is-screen-position-bottom-center {
+	&.is-position-fixed.is-screen-position-bottom-center {
 		left: 50%;
 		right: auto;
 		transform: translateX(-50%);
 	}
 
-	&.is-screen-position-bottom-right {
+	&.is-position-fixed.is-screen-position-bottom-right {
 		left: auto;
 		right: clamp(16px, 4vw, 32px);
 		transform: none;
 	}
 
+	&.is-position-absolute {
+		left: var(--scroll-indicator-x, 50%);
+		margin: 0;
+		position: absolute;
+		top: var(--scroll-indicator-y, 85%);
+		transform: translate(-50%, -50%);
+		width: auto;
+		z-index: 2;
+	}
+
 	.scroll-indicator {
 		display: flex;
 		flex-direction: column;
@@ -77,6 +87,11 @@
 		}
 	}
 
+	&.is-position-absolute .scroll-indicator {
+		cursor: grab;
+		touch-action: none;
+	}
+
 	.scroll-text {
 		font-size: 14px;
 		color: currentcolor;

From 0143f152c3ef11a14af8791709c5414574811d54 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 14:45:26 -0500
Subject: [PATCH 04/12] Add reusable Playground blueprint

---
 .pressshipignore              |  1 +
 .wp-playground/blueprint.json | 21 +++++++++++++++++++++
 2 files changed, 22 insertions(+)
 create mode 100644 .wp-playground/blueprint.json

diff --git a/.pressshipignore b/.pressshipignore
index 538b928..1f5be0e 100644
--- a/.pressshipignore
+++ b/.pressshipignore
@@ -1,6 +1,7 @@
 .pressshipignore
 assets/
 src/
+.wp-playground/
 README.md
 package.json
 package-lock.json
diff --git a/.wp-playground/blueprint.json b/.wp-playground/blueprint.json
new file mode 100644
index 0000000..27ddb0e
--- /dev/null
+++ b/.wp-playground/blueprint.json
@@ -0,0 +1,21 @@
+{
+	"$schema": "https://playground.wordpress.net/blueprint-schema.json",
+	"preferredVersions": {
+		"php": "8.3",
+		"wp": "7.0"
+	},
+	"landingPage": "/wp-admin/post-new.php?post_type=page",
+	"login": true,
+	"steps": [
+		{
+			"step": "installPlugin",
+			"pluginZipFile": {
+				"resource": "url",
+				"url": "https://codeload.github.com/dhanson-wp/scroll-indicator/zip/refs/heads/codex/submission-readiness"
+			},
+			"options": {
+				"activate": true
+			}
+		}
+	]
+}

From b1d96729d9c4a905b76a5d8f27c4b75a39169eb6 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 15:25:20 -0500
Subject: [PATCH 05/12] Polish block controls and positioning

---
 compiled/block.json          |   4 ++
 compiled/index-rtl.css       |   2 +-
 compiled/index.asset.php     |   2 +-
 compiled/index.css           |   2 +-
 compiled/index.js            |   2 +-
 compiled/style-index-rtl.css |   2 +-
 compiled/style-index.css     |   2 +-
 src/block.json               |   4 ++
 src/edit.js                  | 133 ++++++++++++++++++++++++-----------
 src/editor.scss              |   9 ++-
 src/position.js              |  22 +++++-
 src/save.js                  |   7 +-
 src/style.scss               |  25 +++----
 13 files changed, 150 insertions(+), 66 deletions(-)

diff --git a/compiled/block.json b/compiled/block.json
index 521073a..a485a29 100644
--- a/compiled/block.json
+++ b/compiled/block.json
@@ -48,6 +48,10 @@
     "absoluteY": {
       "type": "number",
       "default": 85
+    },
+    "flowAlign": {
+      "type": "string",
+      "default": "center"
     }
   },
   "supports": {
diff --git a/compiled/index-rtl.css b/compiled/index-rtl.css
index dd78012..1c1b54d 100644
--- a/compiled/index-rtl.css
+++ b/compiled/index-rtl.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index 6498710..d9e4a6a 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '460f88ec8642d3b56b30');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'e225e767c25e05a94c29');
diff --git a/compiled/index.css b/compiled/index.css
index cccbb48..6b57fb0 100644
--- a/compiled/index.css
+++ b/compiled/index.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-size-buttons{display:flex;margin-bottom:12px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}
diff --git a/compiled/index.js b/compiled/index.js
index 1f24e99..d5cf142 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var o,e={811(){const o=window.wp.blocks,e=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function p(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return v.test(o)?o:"24px"}return x[o]||"24px"}const m={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function w(o){return Object.prototype.hasOwnProperty.call(m,o)?o:"mouse"}function b({iconType:o}){const e=m[w(o)];return(0,t.jsx)(e,{})}const f={flow:"flow",fixed:"fixed",absolute:"absolute"},j={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"};function _(o){return f[o]||f.flow}function g(o){return j[o]||j["bottom-center"]}function k(o,e){const t="number"==typeof o?o:Number.parseFloat(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}function y(o,e){const t=_(o);return"fixed"===t?`is-position-fixed is-screen-position-${g(e)}`:"absolute"===t?"is-position-absolute":""}function B(o,e,t){return"absolute"!==_(o)?{}:{"--scroll-indicator-x":`${k(e,50)}%`,"--scroll-indicator-y":`${k(t,85)}%`}}const S=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],C=["S","M","L","XL","custom"],M=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],N=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],P=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(P.UU,{icon:i,edit:function({attributes:o,setAttributes:e}){const{iconType:i="mouse",iconSize:s="M",customSizeValue:c="24px",hideAfterScrolling:a=!1,showText:x=!0,customText:v="Scroll down",positionMode:f="flow",screenPosition:j="bottom-center",absoluteX:P=50,absoluteY:V=85}=o,T=(0,r.useRef)(),z=w(i),H=p(s,c),O=_(f),L=g(j),G=k(P,50),Z=k(V,85);function X(o){const t=T.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&e({absoluteX:k((o.clientX-l.left)/l.width*100,50),absoluteY:k((o.clientY-l.top)/l.height*100,85)})}const E=(0,n.useBlockProps)({ref:T,className:y(O,L),style:{"--scroll-indicator-size":H,...B(O,G,Z)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:S.map(o=>{const l=m[o.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:i===o.value,onClick:()=>e({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,t.jsx)(l,{})},o.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Size","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-size-buttons",children:C.map(o=>(0,t.jsx)(h.Button,{isPressed:s===o,onClick:()=>e({iconSize:o}),children:"custom"===o?(0,l.__)("Custom","scroll-indicator"):o},o))}),"custom"===s&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Size","scroll-indicator"),value:c,onChange:o=>e({customSizeValue:o}),help:(0,l.__)("Use a CSS size such as 24px, 2rem, or 3em.","scroll-indicator")})]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:M.map(o=>(0,t.jsx)(h.Button,{isPressed:O===o.value,onClick:()=>e({positionMode:o.value}),children:o.label},o.value))})]}),"fixed"===O&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:N.map(o=>{const i=o.icon;return(0,t.jsx)(h.Button,{icon:i,label:o.label,showTooltip:!0,isPressed:L===o.value,onClick:()=>e({screenPosition:o.value})},o.value)})})]}),"absolute"===O&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:G,min:0,max:100,onChange:o=>e({absoluteX:o})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:Z,min:0,max:100,onChange:o=>e({absoluteY:o})})]}),"fixed"===O&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:x,onChange:o=>e({showText:o})}),x&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:v,onChange:o=>e({customText:o}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]}),(0,t.jsx)(h.PanelBody,{title:(0,l.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Hide after scrolling","scroll-indicator"),help:(0,l.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:a,onChange:o=>e({hideAfterScrolling:o})})})]}),(0,t.jsx)("div",{...E,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${z}`,onPointerDown:function(o){if("absolute"!==O||0!==o.button)return;o.preventDefault(),o.stopPropagation(),X(o);const e=o.currentTarget.ownerDocument,t=o=>{X(o)},i=()=>{e.removeEventListener("pointermove",t),e.removeEventListener("pointerup",i)};e.addEventListener("pointermove",t),e.addEventListener("pointerup",i)},children:[(0,t.jsx)(b,{iconType:z}),x&&(0,t.jsx)("div",{className:"scroll-text",children:v||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:i="M",customSizeValue:l="24px",hideAfterScrolling:r=!1,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85}=o,x=w(e),v=p(i,l),m=c||"Scroll down",f=n.useBlockProps.save({className:y(a,d),style:{"--scroll-indicator-size":v,...B(a,u,h)}});return(0,t.jsx)("div",{...f,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${x}`,"aria-label":m,"data-hide-after-scrolling":r?"true":"false",children:[(0,t.jsx)(b,{iconType:x}),s&&(0,t.jsx)("div",{className:"scroll-text",children:m})]})})}})}},t={};function i(o){var l=t[o];if(void 0!==l)return l.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,i),n.exports}i.m=e,o=[],i.O=(e,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<o.length;d++){for(var[t,l,n]=o[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(o=>i.O[o](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){o.splice(d--,1);var a=l();void 0!==a&&(e=a)}}return e}n=n||0;for(var d=o.length;d>0&&o[d-1][2]>n;d--)o[d]=o[d-1];o[d]=[t,l,n]},i.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};i.O.j=e=>0===o[e];var e=(e,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(e=>0!==o[e])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(e&&e(t);a<r.length;a++)n=r[a],i.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(811));l=i.O(l)})();
\ No newline at end of file
+(()=>{"use strict";var e,o={811(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function p(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return v.test(e)?e:"24px"}return x[e]||"24px"}const m={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function w(e){return Object.prototype.hasOwnProperty.call(m,e)?e:"mouse"}function f({iconType:e}){const o=m[w(e)];return(0,t.jsx)(o,{})}const b={flow:"flow",fixed:"fixed",absolute:"absolute"},g={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},j={left:"left",center:"center",right:"right"};function _(e){return b[e]||b.flow}function k(e){return g[e]||g["bottom-center"]}function y(e){return j[e]||j.center}function B(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function S(e,o,t="center"){const i=_(e);if("fixed"===i)return`is-position-fixed is-screen-position-${k(o)}`;if("absolute"===i)return"is-position-absolute";const l=y(t);return"center"!==l?`is-flow-align-${l}`:""}function M(e,o,t){return"absolute"!==_(e)?{}:{"--scroll-indicator-x":`${B(o,50)}%`,"--scroll-indicator-y":`${B(t,85)}%`}}const N=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],P=[{name:(0,l.__)("Small","scroll-indicator"),slug:"small",size:"18px"},{name:(0,l.__)("Medium","scroll-indicator"),slug:"medium",size:"24px"},{name:(0,l.__)("Large","scroll-indicator"),slug:"large",size:"32px"},{name:(0,l.__)("Extra Large","scroll-indicator"),slug:"extra-large",size:"48px"}],C=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],V=[{value:"left",label:(0,l.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,l.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,l.__)("Align right","scroll-indicator"),icon:a}],T=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],z=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)(z.UU,{icon:i,edit:function({attributes:e,setAttributes:o,isSelected:i}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",hideAfterScrolling:x=!1,showText:v=!0,customText:b="Scroll down",positionMode:g="flow",screenPosition:j="bottom-center",absoluteX:z=50,absoluteY:H=85}=e,O=(0,r.useRef)(),L=w(s),A=p(c,a),G=_(g),Z=k(j),E=B(z,50),$=B(H,85),F=y(e.flowAlign),X=(0,n.useBlockProps)({ref:O,className:S(G,Z,F),style:{"--scroll-indicator-size":A,...M(G,E,$)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:N.map(e=>{const i=m[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(i,{})})},e.value)})})]}),(0,t.jsx)(n.FontSizePicker,{fontSizes:P,value:A,onChange:e=>o({iconSize:"custom",customSizeValue:e||"24px"}),headingLevel:3,withSlider:!1})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:C.map(e=>(0,t.jsx)(h.Button,{isPressed:G===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===G&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:V.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:F===e.value,onClick:()=>o({flowAlign:e.value})},e.value)})})]}),"fixed"===G&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:T.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:Z===e.value,onClick:()=>o({screenPosition:e.value})},e.value)})})]}),"absolute"===G&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:E,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:$,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===G&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:v,onChange:e=>o({showText:e})}),v&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:b,onChange:e=>o({customText:e}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]}),(0,t.jsx)(h.PanelBody,{title:(0,l.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Hide after scrolling","scroll-indicator"),help:(0,l.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:x,onChange:e=>o({hideAfterScrolling:e})})})]}),(0,t.jsx)("div",{...X,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${L}`,onPointerDown:function(e){if("absolute"!==G||0!==e.button||!i)return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget.ownerDocument,l=e=>{!function(e){const t=O.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&o({absoluteX:B((e.clientX-l.left)/l.width*100,50),absoluteY:B((e.clientY-l.top)/l.height*100,85)})}(e)},n=()=>{t.removeEventListener("pointermove",l),t.removeEventListener("pointerup",n)};t.addEventListener("pointermove",l),t.addEventListener("pointerup",n)},children:[(0,t.jsx)(f,{iconType:L}),v&&(0,t.jsx)("div",{className:"scroll-text",children:b||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:i="M",customSizeValue:l="24px",hideAfterScrolling:r=!1,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=e,v=w(o),m=p(i,l),b=c||"Scroll down",g=n.useBlockProps.save({className:S(a,d,x),style:{"--scroll-indicator-size":m,...M(a,u,h)}});return(0,t.jsx)("div",{...g,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${v}`,"aria-label":b,"data-hide-after-scrolling":r?"true":"false",children:[(0,t.jsx)(f,{iconType:v}),s&&(0,t.jsx)("div",{className:"scroll-text",children:b})]})})}})}},t={};function i(e){var l=t[e];if(void 0!==l)return l.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,e=[],i.O=(o,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,l,n]=e[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(e=>i.O[e](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var a=l();void 0!==a&&(o=a)}}return o}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[t,l,n]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(o&&o(t);a<r.length;a++)n=r[a],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(811));l=i.O(l)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index ae9fa97..3b6a5d7 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index a78adac..24ca1ce 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/src/block.json b/src/block.json
index 8dcf252..55c74bb 100644
--- a/src/block.json
+++ b/src/block.json
@@ -48,6 +48,10 @@
 		"absoluteY": {
 			"type": "number",
 			"default": 85
+		},
+		"flowAlign": {
+			"type": "string",
+			"default": "center"
 		}
 	},
 	"supports": {
diff --git a/src/edit.js b/src/edit.js
index ede7423..4cc4664 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -1,5 +1,9 @@
 import { __ } from '@wordpress/i18n';
-import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
+import {
+	useBlockProps,
+	InspectorControls,
+	FontSizePicker,
+} from '@wordpress/block-editor';
 import { useRef } from '@wordpress/element';
 import {
 	desktop,
@@ -29,6 +33,7 @@ import {
 	getPositionMode,
 	getPositionStyle,
 	getAbsoluteCoordinate,
+	getFlowAlignment,
 	getScreenPosition,
 } from './position';
 
@@ -43,7 +48,16 @@ const ICON_OPTIONS = [
 	{ value: 'hand-point', label: __( 'Hand', 'scroll-indicator' ) },
 ];
 
-const SIZE_OPTIONS = [ 'S', 'M', 'L', 'XL', 'custom' ];
+const ICON_SIZE_OPTIONS = [
+	{ name: __( 'Small', 'scroll-indicator' ), slug: 'small', size: '18px' },
+	{ name: __( 'Medium', 'scroll-indicator' ), slug: 'medium', size: '24px' },
+	{ name: __( 'Large', 'scroll-indicator' ), slug: 'large', size: '32px' },
+	{
+		name: __( 'Extra Large', 'scroll-indicator' ),
+		slug: 'extra-large',
+		size: '48px',
+	},
+];
 
 const POSITION_MODE_OPTIONS = [
 	{ value: 'flow', label: __( 'Flow', 'scroll-indicator' ) },
@@ -51,6 +65,24 @@ const POSITION_MODE_OPTIONS = [
 	{ value: 'absolute', label: __( 'Absolute', 'scroll-indicator' ) },
 ];
 
+const FLOW_ALIGNMENT_OPTIONS = [
+	{
+		value: 'left',
+		label: __( 'Align left', 'scroll-indicator' ),
+		icon: positionLeft,
+	},
+	{
+		value: 'center',
+		label: __( 'Align center', 'scroll-indicator' ),
+		icon: positionCenter,
+	},
+	{
+		value: 'right',
+		label: __( 'Align right', 'scroll-indicator' ),
+		icon: positionRight,
+	},
+];
+
 const SCREEN_POSITION_OPTIONS = [
 	{
 		value: 'bottom-left',
@@ -69,7 +101,7 @@ const SCREEN_POSITION_OPTIONS = [
 	},
 ];
 
-export default function Edit( { attributes, setAttributes } ) {
+export default function Edit( { attributes, setAttributes, isSelected } ) {
 	const {
 		iconType = 'mouse',
 		iconSize = 'M',
@@ -90,6 +122,7 @@ export default function Edit( { attributes, setAttributes } ) {
 	const normalizedScreenPosition = getScreenPosition( screenPosition );
 	const normalizedAbsoluteX = getAbsoluteCoordinate( absoluteX, 50 );
 	const normalizedAbsoluteY = getAbsoluteCoordinate( absoluteY, 85 );
+	const normalizedFlowAlign = getFlowAlignment( attributes.flowAlign );
 
 	function updateAbsolutePosition( event ) {
 		const wrapper = blockRef.current;
@@ -121,13 +154,16 @@ export default function Edit( { attributes, setAttributes } ) {
 	}
 
 	function startAbsoluteDrag( event ) {
-		if ( normalizedPositionMode !== 'absolute' || event.button !== 0 ) {
+		if (
+			normalizedPositionMode !== 'absolute' ||
+			event.button !== 0 ||
+			! isSelected
+		) {
 			return;
 		}
 
 		event.preventDefault();
 		event.stopPropagation();
-		updateAbsolutePosition( event );
 
 		const ownerDocument = event.currentTarget.ownerDocument;
 		const handlePointerMove = ( moveEvent ) => {
@@ -149,7 +185,8 @@ export default function Edit( { attributes, setAttributes } ) {
 		ref: blockRef,
 		className: getPositionClassNames(
 			normalizedPositionMode,
-			normalizedScreenPosition
+			normalizedScreenPosition,
+			normalizedFlowAlign
 		),
 		style: {
 			'--scroll-indicator-size': sizeValue,
@@ -189,48 +226,28 @@ export default function Edit( { attributes, setAttributes } ) {
 										label={ option.label }
 										showTooltip
 									>
-										<IconComponent />
+										<span
+											className={ `scroll-indicator-icon-preview icon-${ option.value }` }
+										>
+											<IconComponent />
+										</span>
 									</Button>
 								);
 							} ) }
 						</ButtonGroup>
 					</fieldset>
-					<fieldset className="scroll-indicator-size-picker">
-						<legend>{ __( 'Size', 'scroll-indicator' ) }</legend>
-						<ButtonGroup className="scroll-indicator-size-buttons">
-							{ SIZE_OPTIONS.map( ( size ) => (
-								<Button
-									key={ size }
-									isPressed={ iconSize === size }
-									onClick={ () =>
-										setAttributes( { iconSize: size } )
-									}
-								>
-									{ size === 'custom'
-										? __( 'Custom', 'scroll-indicator' )
-										: size }
-								</Button>
-							) ) }
-						</ButtonGroup>
-						{ iconSize === 'custom' && (
-							<TextControl
-								label={ __(
-									'Custom Size',
-									'scroll-indicator'
-								) }
-								value={ customSizeValue }
-								onChange={ ( value ) =>
-									setAttributes( {
-										customSizeValue: value,
-									} )
-								}
-								help={ __(
-									'Use a CSS size such as 24px, 2rem, or 3em.',
-									'scroll-indicator'
-								) }
-							/>
-						) }
-					</fieldset>
+					<FontSizePicker
+						fontSizes={ ICON_SIZE_OPTIONS }
+						value={ sizeValue }
+						onChange={ ( value ) =>
+							setAttributes( {
+								iconSize: 'custom',
+								customSizeValue: value || '24px',
+							} )
+						}
+						headingLevel={ 3 }
+						withSlider={ false }
+					/>
 				</PanelBody>
 				<PanelBody
 					title={ __( 'Position', 'scroll-indicator' ) }
@@ -258,6 +275,36 @@ export default function Edit( { attributes, setAttributes } ) {
 							) ) }
 						</ButtonGroup>
 					</fieldset>
+					{ normalizedPositionMode === 'flow' && (
+						<fieldset className="scroll-indicator-position-picker">
+							<legend>
+								{ __( 'Alignment', 'scroll-indicator' ) }
+							</legend>
+							<ButtonGroup className="scroll-indicator-position-buttons">
+								{ FLOW_ALIGNMENT_OPTIONS.map( ( option ) => {
+									const AlignmentIcon = option.icon;
+
+									return (
+										<Button
+											key={ option.value }
+											icon={ AlignmentIcon }
+											label={ option.label }
+											showTooltip
+											isPressed={
+												normalizedFlowAlign ===
+												option.value
+											}
+											onClick={ () =>
+												setAttributes( {
+													flowAlign: option.value,
+												} )
+											}
+										/>
+									);
+								} ) }
+							</ButtonGroup>
+						</fieldset>
+					) }
 					{ normalizedPositionMode === 'fixed' && (
 						<fieldset className="scroll-indicator-position-picker">
 							<legend>
diff --git a/src/editor.scss b/src/editor.scss
index c572c49..63689df 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -31,9 +31,12 @@
 	}
 }
 
-.scroll-indicator-size-buttons {
-	display: flex;
-	margin-bottom: 12px;
+.scroll-indicator-icon-preview {
+	align-items: center;
+	display: inline-flex;
+	height: 20px;
+	justify-content: center;
+	width: 20px;
 }
 
 .scroll-indicator-mode-buttons {
diff --git a/src/position.js b/src/position.js
index fc724a8..711e28a 100644
--- a/src/position.js
+++ b/src/position.js
@@ -10,6 +10,12 @@ const SCREEN_POSITION_MAP = {
 	'bottom-right': 'bottom-right',
 };
 
+const FLOW_ALIGNMENT_MAP = {
+	left: 'left',
+	center: 'center',
+	right: 'right',
+};
+
 export function getPositionMode( positionMode ) {
 	return POSITION_MODE_MAP[ positionMode ] || POSITION_MODE_MAP.flow;
 }
@@ -21,6 +27,10 @@ export function getScreenPosition( screenPosition ) {
 	);
 }
 
+export function getFlowAlignment( flowAlign ) {
+	return FLOW_ALIGNMENT_MAP[ flowAlign ] || FLOW_ALIGNMENT_MAP.center;
+}
+
 export function getAbsoluteCoordinate( coordinate, fallback ) {
 	const numericCoordinate =
 		typeof coordinate === 'number'
@@ -34,7 +44,11 @@ export function getAbsoluteCoordinate( coordinate, fallback ) {
 	return Math.min( 100, Math.max( 0, numericCoordinate ) );
 }
 
-export function getPositionClassNames( positionMode, screenPosition ) {
+export function getPositionClassNames(
+	positionMode,
+	screenPosition,
+	flowAlign = 'center'
+) {
 	const normalizedPositionMode = getPositionMode( positionMode );
 
 	if ( normalizedPositionMode === 'fixed' ) {
@@ -47,6 +61,12 @@ export function getPositionClassNames( positionMode, screenPosition ) {
 		return 'is-position-absolute';
 	}
 
+	const normalizedFlowAlign = getFlowAlignment( flowAlign );
+
+	if ( normalizedFlowAlign !== 'center' ) {
+		return `is-flow-align-${ normalizedFlowAlign }`;
+	}
+
 	return '';
 }
 
diff --git a/src/save.js b/src/save.js
index 575c3e8..ddebaf0 100644
--- a/src/save.js
+++ b/src/save.js
@@ -14,6 +14,7 @@ export default function save( { attributes } ) {
 		screenPosition = 'bottom-center',
 		absoluteX = 50,
 		absoluteY = 85,
+		flowAlign = 'center',
 	} = attributes;
 
 	const normalizedIconType = getIconType( iconType );
@@ -21,7 +22,11 @@ export default function save( { attributes } ) {
 	const label = customText || 'Scroll down';
 
 	const blockProps = useBlockProps.save( {
-		className: getPositionClassNames( positionMode, screenPosition ),
+		className: getPositionClassNames(
+			positionMode,
+			screenPosition,
+			flowAlign
+		),
 		style: {
 			'--scroll-indicator-size': sizeValue,
 			...getPositionStyle( positionMode, absoluteX, absoluteY ),
diff --git a/src/style.scss b/src/style.scss
index 35b2615..205b561 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -23,6 +23,14 @@
 		justify-content: flex-end;
 	}
 
+	&.is-flow-align-left {
+		justify-content: flex-start;
+	}
+
+	&.is-flow-align-right {
+		justify-content: flex-end;
+	}
+
 	&.is-position-fixed {
 		bottom: clamp(16px, 4vw, 32px);
 		left: 50%;
@@ -77,7 +85,9 @@
 		text-align: center;
 
 		&:focus-visible {
-			outline: 2px solid currentcolor;
+			border-radius: 8px;
+			box-shadow: 0 0 0 2px currentcolor;
+			outline: 2px solid transparent;
 			outline-offset: 4px;
 		}
 
@@ -100,18 +110,9 @@
 	}
 }
 
-.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
+.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),
+.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
 	position: relative;
-
-	// Pin absolute indicators to the full Cover instead of the inner content box.
-	> .wp-block-cover__inner-container {
-		position: static;
-
-		> :not(.wp-block-scroll-indicator-scroll-indicator) {
-			position: relative;
-			z-index: 1;
-		}
-	}
 }
 
 // Animations — only when user hasn't requested reduced motion

From 5f1511c5d6e2acaadebaba8f23b5a38b9168d589 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 15:46:49 -0500
Subject: [PATCH 06/12] Fix positioned block interactions

---
 compiled/index-rtl.css       |  2 +-
 compiled/index.asset.php     |  2 +-
 compiled/index.css           |  2 +-
 compiled/index.js            |  2 +-
 compiled/style-index-rtl.css |  2 +-
 compiled/style-index.css     |  2 +-
 compiled/view.asset.php      |  2 +-
 compiled/view.js             |  2 +-
 src/edit.js                  | 12 ++++++------
 src/editor.scss              | 24 ++++++++++++++++++++++++
 src/style.scss               |  7 +++++++
 src/view.js                  | 13 +++++++++++--
 12 files changed, 56 insertions(+), 16 deletions(-)

diff --git a/compiled/index-rtl.css b/compiled/index-rtl.css
index 1c1b54d..fe6af59 100644
--- a/compiled/index-rtl.css
+++ b/compiled/index-rtl.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index d9e4a6a..8f5d52b 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'e225e767c25e05a94c29');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '600962fe99bf999d456c');
diff --git a/compiled/index.css b/compiled/index.css
index 6b57fb0..fd39c5e 100644
--- a/compiled/index.css
+++ b/compiled/index.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
diff --git a/compiled/index.js b/compiled/index.js
index d5cf142..22e6f15 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var e,o={811(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function p(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return v.test(e)?e:"24px"}return x[e]||"24px"}const m={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function w(e){return Object.prototype.hasOwnProperty.call(m,e)?e:"mouse"}function f({iconType:e}){const o=m[w(e)];return(0,t.jsx)(o,{})}const b={flow:"flow",fixed:"fixed",absolute:"absolute"},g={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},j={left:"left",center:"center",right:"right"};function _(e){return b[e]||b.flow}function k(e){return g[e]||g["bottom-center"]}function y(e){return j[e]||j.center}function B(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function S(e,o,t="center"){const i=_(e);if("fixed"===i)return`is-position-fixed is-screen-position-${k(o)}`;if("absolute"===i)return"is-position-absolute";const l=y(t);return"center"!==l?`is-flow-align-${l}`:""}function M(e,o,t){return"absolute"!==_(e)?{}:{"--scroll-indicator-x":`${B(o,50)}%`,"--scroll-indicator-y":`${B(t,85)}%`}}const N=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],P=[{name:(0,l.__)("Small","scroll-indicator"),slug:"small",size:"18px"},{name:(0,l.__)("Medium","scroll-indicator"),slug:"medium",size:"24px"},{name:(0,l.__)("Large","scroll-indicator"),slug:"large",size:"32px"},{name:(0,l.__)("Extra Large","scroll-indicator"),slug:"extra-large",size:"48px"}],C=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],V=[{value:"left",label:(0,l.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,l.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,l.__)("Align right","scroll-indicator"),icon:a}],T=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],z=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)(z.UU,{icon:i,edit:function({attributes:e,setAttributes:o,isSelected:i}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",hideAfterScrolling:x=!1,showText:v=!0,customText:b="Scroll down",positionMode:g="flow",screenPosition:j="bottom-center",absoluteX:z=50,absoluteY:H=85}=e,O=(0,r.useRef)(),L=w(s),A=p(c,a),G=_(g),Z=k(j),E=B(z,50),$=B(H,85),F=y(e.flowAlign),X=(0,n.useBlockProps)({ref:O,className:S(G,Z,F),style:{"--scroll-indicator-size":A,...M(G,E,$)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:N.map(e=>{const i=m[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(i,{})})},e.value)})})]}),(0,t.jsx)(n.FontSizePicker,{fontSizes:P,value:A,onChange:e=>o({iconSize:"custom",customSizeValue:e||"24px"}),headingLevel:3,withSlider:!1})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:C.map(e=>(0,t.jsx)(h.Button,{isPressed:G===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===G&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:V.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:F===e.value,onClick:()=>o({flowAlign:e.value})},e.value)})})]}),"fixed"===G&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:T.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:Z===e.value,onClick:()=>o({screenPosition:e.value})},e.value)})})]}),"absolute"===G&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:E,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:$,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===G&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:v,onChange:e=>o({showText:e})}),v&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:b,onChange:e=>o({customText:e}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]}),(0,t.jsx)(h.PanelBody,{title:(0,l.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Hide after scrolling","scroll-indicator"),help:(0,l.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:x,onChange:e=>o({hideAfterScrolling:e})})})]}),(0,t.jsx)("div",{...X,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${L}`,onPointerDown:function(e){if("absolute"!==G||0!==e.button||!i)return;e.preventDefault(),e.stopPropagation();const t=e.currentTarget.ownerDocument,l=e=>{!function(e){const t=O.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&o({absoluteX:B((e.clientX-l.left)/l.width*100,50),absoluteY:B((e.clientY-l.top)/l.height*100,85)})}(e)},n=()=>{t.removeEventListener("pointermove",l),t.removeEventListener("pointerup",n)};t.addEventListener("pointermove",l),t.addEventListener("pointerup",n)},children:[(0,t.jsx)(f,{iconType:L}),v&&(0,t.jsx)("div",{className:"scroll-text",children:b||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:i="M",customSizeValue:l="24px",hideAfterScrolling:r=!1,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=e,v=w(o),m=p(i,l),b=c||"Scroll down",g=n.useBlockProps.save({className:S(a,d,x),style:{"--scroll-indicator-size":m,...M(a,u,h)}});return(0,t.jsx)("div",{...g,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${v}`,"aria-label":b,"data-hide-after-scrolling":r?"true":"false",children:[(0,t.jsx)(f,{iconType:v}),s&&(0,t.jsx)("div",{className:"scroll-text",children:b})]})})}})}},t={};function i(e){var l=t[e];if(void 0!==l)return l.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,e=[],i.O=(o,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,l,n]=e[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(e=>i.O[e](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var a=l();void 0!==a&&(o=a)}}return o}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[t,l,n]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(o&&o(t);a<r.length;a++)n=r[a],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(811));l=i.O(l)})();
\ No newline at end of file
+(()=>{"use strict";var e,o={511(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,p={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function m(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return v.test(e)?e:"24px"}return p[e]||"24px"}const w={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function f(e){return Object.prototype.hasOwnProperty.call(w,e)?e:"mouse"}function b({iconType:e}){const o=w[f(e)];return(0,t.jsx)(o,{})}const g={flow:"flow",fixed:"fixed",absolute:"absolute"},j={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},_={left:"left",center:"center",right:"right"};function k(e){return g[e]||g.flow}function y(e){return j[e]||j["bottom-center"]}function B(e){return _[e]||_.center}function S(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function M(e,o,t="center"){const i=k(e);if("fixed"===i)return`is-position-fixed is-screen-position-${y(o)}`;if("absolute"===i)return"is-position-absolute";const l=B(t);return"center"!==l?`is-flow-align-${l}`:""}function N(e,o,t){return"absolute"!==k(e)?{}:{"--scroll-indicator-x":`${S(o,50)}%`,"--scroll-indicator-y":`${S(t,85)}%`}}const P=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],C=[{name:(0,l.__)("Small","scroll-indicator"),slug:"small",size:"18px"},{name:(0,l.__)("Medium","scroll-indicator"),slug:"medium",size:"24px"},{name:(0,l.__)("Large","scroll-indicator"),slug:"large",size:"32px"},{name:(0,l.__)("Extra Large","scroll-indicator"),slug:"extra-large",size:"48px"}],V=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],T=[{value:"left",label:(0,l.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,l.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,l.__)("Align right","scroll-indicator"),icon:a}],z=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],H=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)(H.UU,{icon:i,edit:function({attributes:e,setAttributes:o,clientId:i}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",hideAfterScrolling:p=!1,showText:v=!0,customText:g="Scroll down",positionMode:j="flow",screenPosition:_="bottom-center",absoluteX:H=50,absoluteY:O=85}=e,L=(0,r.useRef)(),{selectBlock:A}=(0,x.useDispatch)("core/block-editor"),G=f(s),Z=m(c,a),E=k(j),$=y(_),F=S(H,50),X=S(O,85),D=B(e.flowAlign);function R(e){const t=L.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&o({absoluteX:S((e.clientX-l.left)/l.width*100,50),absoluteY:S((e.clientY-l.top)/l.height*100,85)})}const Y=(0,n.useBlockProps)({ref:L,className:M(E,$,D),style:{"--scroll-indicator-size":Z,...N(E,F,X)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:P.map(e=>{const i=w[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(i,{})})},e.value)})})]}),(0,t.jsx)(n.FontSizePicker,{fontSizes:C,value:Z,onChange:e=>o({iconSize:"custom",customSizeValue:e||"24px"}),headingLevel:3,withSlider:!1})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:V.map(e=>(0,t.jsx)(h.Button,{isPressed:E===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===E&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:T.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:D===e.value,onClick:()=>o({flowAlign:e.value})},e.value)})})]}),"fixed"===E&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:z.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:$===e.value,onClick:()=>o({screenPosition:e.value})},e.value)})})]}),"absolute"===E&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:F,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:X,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===E&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:v,onChange:e=>o({showText:e})}),v&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:g,onChange:e=>o({customText:e}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]}),(0,t.jsx)(h.PanelBody,{title:(0,l.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Hide after scrolling","scroll-indicator"),help:(0,l.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:p,onChange:e=>o({hideAfterScrolling:e})})})]}),(0,t.jsx)("div",{...Y,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${G}`,onPointerDown:function(e){if("absolute"!==E||0!==e.button)return;e.preventDefault(),e.stopPropagation(),A(i),R(e);const o=e.currentTarget.ownerDocument,t=e=>{R(e)},l=()=>{o.removeEventListener("pointermove",t),o.removeEventListener("pointerup",l)};o.addEventListener("pointermove",t),o.addEventListener("pointerup",l)},children:[(0,t.jsx)(b,{iconType:G}),v&&(0,t.jsx)("div",{className:"scroll-text",children:g||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:i="M",customSizeValue:l="24px",hideAfterScrolling:r=!1,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=e,p=f(o),v=m(i,l),w=c||"Scroll down",g=n.useBlockProps.save({className:M(a,d,x),style:{"--scroll-indicator-size":v,...N(a,u,h)}});return(0,t.jsx)("div",{...g,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${p}`,"aria-label":w,"data-hide-after-scrolling":r?"true":"false",children:[(0,t.jsx)(b,{iconType:p}),s&&(0,t.jsx)("div",{className:"scroll-text",children:w})]})})}})}},t={};function i(e){var l=t[e];if(void 0!==l)return l.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,e=[],i.O=(o,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,l,n]=e[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(e=>i.O[e](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var a=l();void 0!==a&&(o=a)}}return o}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[t,l,n]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(o&&o(t);a<r.length;a++)n=r[a],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(511));l=i.O(l)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index 3b6a5d7..9f10f34 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 24ca1ce..5043022 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/view.asset.php b/compiled/view.asset.php
index 8c59f3f..a54dc0f 100644
--- a/compiled/view.asset.php
+++ b/compiled/view.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '04a12027677121da76eb');
+<?php return array('dependencies' => array(), 'version' => '34d67748a8104cbcd634');
diff --git a/compiled/view.js b/compiled/view.js
index 70f55b9..063be0b 100644
--- a/compiled/view.js
+++ b/compiled/view.js
@@ -1 +1 @@
-document.addEventListener("DOMContentLoaded",function(){const t=document.querySelectorAll(".scroll-indicator");if(0===t.length)return;const e=window.matchMedia("(prefers-reduced-motion: reduce)");t.forEach(function(t){const i="true"===t.getAttribute("data-hide-after-scrolling"),n=t.closest(".wp-block-scroll-indicator-scroll-indicator"),o=t.getAttribute("tabindex");if(t.addEventListener("click",function(){const t=window.innerHeight,i=window.scrollY+t;window.scrollTo({top:i,behavior:e.matches?"auto":"smooth"})}),t.style.cursor="pointer",i&&n){let s=n.offsetTop,c=s+n.offsetHeight;function r(){const e=window.scrollY,i=window.innerHeight;var n;n=e<=s||s<e+i&&c>e,t.style.transition=n?"opacity 0.3s ease-in":"opacity 0.3s ease-out",t.style.opacity=n?"1":"0",t.style.visibility=n?"visible":"hidden",t.style.pointerEvents=n?"auto":"none",n?(t.removeAttribute("aria-hidden"),null===o?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o)):(t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","-1"),t.ownerDocument.activeElement===t&&t.blur())}window.addEventListener("resize",function(){s=n.offsetTop,c=s+n.offsetHeight,r()}),r(),window.addEventListener("scroll",r,{passive:!0})}})});
\ No newline at end of file
+document.addEventListener("DOMContentLoaded",function(){const t=document.querySelectorAll(".scroll-indicator");if(0===t.length)return;const e=window.matchMedia("(prefers-reduced-motion: reduce)");t.forEach(function(t){const n="true"===t.getAttribute("data-hide-after-scrolling"),i=t.closest(".wp-block-scroll-indicator-scroll-indicator"),o=t.getAttribute("tabindex");if(t.addEventListener("click",function(){const t=window.innerHeight,n=window.scrollY+t;window.scrollTo({top:n,behavior:e.matches?"auto":"smooth"})}),t.style.cursor="pointer",n&&i){let r=i.offsetTop,a=r+i.offsetHeight;const c=e.matches?"none":"opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s",l=e.matches?"none":"opacity 0.35s ease, transform 0.35s ease";function s(){const e=window.scrollY,n=window.innerHeight;var i;i=e<=r||r<e+n&&a>e,t.style.transition=i?l:c,t.style.opacity=i?"1":"0",t.style.visibility=i?"visible":"hidden",t.style.pointerEvents=i?"auto":"none",t.style.transform=i?"translateY(0)":"translateY(10px)",i?(t.removeAttribute("aria-hidden"),null===o?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o)):(t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","-1"),t.ownerDocument.activeElement===t&&t.blur())}window.addEventListener("resize",function(){r=i.offsetTop,a=r+i.offsetHeight,s()}),s(),window.addEventListener("scroll",s,{passive:!0})}})});
\ No newline at end of file
diff --git a/src/edit.js b/src/edit.js
index 4cc4664..c001746 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -20,6 +20,7 @@ import {
 	Button,
 	RangeControl,
 } from '@wordpress/components';
+import { useDispatch } from '@wordpress/data';
 
 import './editor.scss';
 import {
@@ -101,7 +102,7 @@ const SCREEN_POSITION_OPTIONS = [
 	},
 ];
 
-export default function Edit( { attributes, setAttributes, isSelected } ) {
+export default function Edit( { attributes, setAttributes, clientId } ) {
 	const {
 		iconType = 'mouse',
 		iconSize = 'M',
@@ -116,6 +117,7 @@ export default function Edit( { attributes, setAttributes, isSelected } ) {
 	} = attributes;
 
 	const blockRef = useRef();
+	const { selectBlock } = useDispatch( 'core/block-editor' );
 	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
 	const normalizedPositionMode = getPositionMode( positionMode );
@@ -154,16 +156,14 @@ export default function Edit( { attributes, setAttributes, isSelected } ) {
 	}
 
 	function startAbsoluteDrag( event ) {
-		if (
-			normalizedPositionMode !== 'absolute' ||
-			event.button !== 0 ||
-			! isSelected
-		) {
+		if ( normalizedPositionMode !== 'absolute' || event.button !== 0 ) {
 			return;
 		}
 
 		event.preventDefault();
 		event.stopPropagation();
+		selectBlock( clientId );
+		updateAbsolutePosition( event );
 
 		const ownerDocument = event.currentTarget.ownerDocument;
 		const handlePointerMove = ( moveEvent ) => {
diff --git a/src/editor.scss b/src/editor.scss
index 63689df..ebe3256 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -37,6 +37,19 @@
 	height: 20px;
 	justify-content: center;
 	width: 20px;
+
+	&.icon-mouse,
+	&.icon-arrow-down,
+	&.icon-chevron-bounce,
+	&.icon-hand-point {
+
+		svg,
+		path,
+		rect,
+		line {
+			fill: none;
+		}
+	}
 }
 
 .scroll-indicator-mode-buttons {
@@ -71,3 +84,14 @@
 	vertical-align: middle;
 	width: 18px;
 }
+
+.editor-styles-wrapper {
+
+	.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed) {
+		position: relative;
+	}
+
+	.wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed {
+		position: absolute;
+	}
+}
diff --git a/src/style.scss b/src/style.scss
index 205b561..f2cd0a6 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -115,6 +115,13 @@
 	position: relative;
 }
 
+.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
+
+	> .wp-block-cover__inner-container {
+		position: static;
+	}
+}
+
 // Animations — only when user hasn't requested reduced motion
 @media (prefers-reduced-motion: no-preference) {
 
diff --git a/src/view.js b/src/view.js
index 022fdc3..f0ecda6 100644
--- a/src/view.js
+++ b/src/view.js
@@ -34,6 +34,12 @@ document.addEventListener( 'DOMContentLoaded', function () {
 		if ( hideAfterScrolling && blockElement ) {
 			let blockTop = blockElement.offsetTop;
 			let blockBottom = blockTop + blockElement.offsetHeight;
+			const transition = prefersReducedMotion.matches
+				? 'none'
+				: 'opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s';
+			const visibleTransition = prefersReducedMotion.matches
+				? 'none'
+				: 'opacity 0.35s ease, transform 0.35s ease';
 
 			function updateBlockPosition() {
 				blockTop = blockElement.offsetTop;
@@ -42,11 +48,14 @@ document.addEventListener( 'DOMContentLoaded', function () {
 
 			function setIndicatorVisibility( isVisible ) {
 				indicator.style.transition = isVisible
-					? 'opacity 0.3s ease-in'
-					: 'opacity 0.3s ease-out';
+					? visibleTransition
+					: transition;
 				indicator.style.opacity = isVisible ? '1' : '0';
 				indicator.style.visibility = isVisible ? 'visible' : 'hidden';
 				indicator.style.pointerEvents = isVisible ? 'auto' : 'none';
+				indicator.style.transform = isVisible
+					? 'translateY(0)'
+					: 'translateY(10px)';
 
 				if ( isVisible ) {
 					indicator.removeAttribute( 'aria-hidden' );

From 9a3bc81bb46295c52309817a2bb1402a0ae22da9 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 16:29:33 -0500
Subject: [PATCH 07/12] Simplify scroll indicator hide behavior

---
 README.md                |   2 +-
 compiled/block.json      |   2 +-
 compiled/index-rtl.css   |   2 +-
 compiled/index.asset.php |   2 +-
 compiled/index.css       |   2 +-
 compiled/index.js        |   2 +-
 compiled/view.asset.php  |   2 +-
 compiled/view.js         |   2 +-
 readme.txt               |   8 +--
 src/block.json           |   2 +-
 src/edit.js              |  49 ++++++----------
 src/editor.scss          |   7 +++
 src/save.js              |   5 +-
 src/view.js              | 121 +++++++++++++++++++--------------------
 14 files changed, 96 insertions(+), 112 deletions(-)

diff --git a/README.md b/README.md
index 54dca36..4df1627 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ Site builders can choose an icon style, tune the size and color, add optional te
 - Fixed screen positioning and draggable absolute positioning for hero-style sections.
 - CSS-only animation that respects `prefers-reduced-motion`.
 - Optional helper text beneath the icon.
-- Optional hide-after-scrolling behavior.
+- Automatic hide-on-scroll behavior.
 - Keyboard-accessible click-to-scroll behavior on the front end.
 - No animation libraries or heavy runtime dependencies.
 
diff --git a/compiled/block.json b/compiled/block.json
index a485a29..c5c365f 100644
--- a/compiled/block.json
+++ b/compiled/block.json
@@ -23,7 +23,7 @@
     },
     "hideAfterScrolling": {
       "type": "boolean",
-      "default": false
+      "default": true
     },
     "showText": {
       "type": "boolean",
diff --git a/compiled/index-rtl.css b/compiled/index-rtl.css
index fe6af59..ffad80d 100644
--- a/compiled/index-rtl.css
+++ b/compiled/index-rtl.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-size-picker .components-font-size-picker>:first-child{display:none}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index 8f5d52b..47f31c9 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '600962fe99bf999d456c');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'e225724cc9f6cf5c7803');
diff --git a/compiled/index.css b/compiled/index.css
index fd39c5e..be846aa 100644
--- a/compiled/index.css
+++ b/compiled/index.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-size-picker .components-font-size-picker>:first-child{display:none}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
diff --git a/compiled/index.js b/compiled/index.js
index 22e6f15..b01c536 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var e,o={511(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,p={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function m(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return v.test(e)?e:"24px"}return p[e]||"24px"}const w={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function f(e){return Object.prototype.hasOwnProperty.call(w,e)?e:"mouse"}function b({iconType:e}){const o=w[f(e)];return(0,t.jsx)(o,{})}const g={flow:"flow",fixed:"fixed",absolute:"absolute"},j={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},_={left:"left",center:"center",right:"right"};function k(e){return g[e]||g.flow}function y(e){return j[e]||j["bottom-center"]}function B(e){return _[e]||_.center}function S(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function M(e,o,t="center"){const i=k(e);if("fixed"===i)return`is-position-fixed is-screen-position-${y(o)}`;if("absolute"===i)return"is-position-absolute";const l=B(t);return"center"!==l?`is-flow-align-${l}`:""}function N(e,o,t){return"absolute"!==k(e)?{}:{"--scroll-indicator-x":`${S(o,50)}%`,"--scroll-indicator-y":`${S(t,85)}%`}}const P=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],C=[{name:(0,l.__)("Small","scroll-indicator"),slug:"small",size:"18px"},{name:(0,l.__)("Medium","scroll-indicator"),slug:"medium",size:"24px"},{name:(0,l.__)("Large","scroll-indicator"),slug:"large",size:"32px"},{name:(0,l.__)("Extra Large","scroll-indicator"),slug:"extra-large",size:"48px"}],V=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],T=[{value:"left",label:(0,l.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,l.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,l.__)("Align right","scroll-indicator"),icon:a}],z=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],H=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)(H.UU,{icon:i,edit:function({attributes:e,setAttributes:o,clientId:i}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",hideAfterScrolling:p=!1,showText:v=!0,customText:g="Scroll down",positionMode:j="flow",screenPosition:_="bottom-center",absoluteX:H=50,absoluteY:O=85}=e,L=(0,r.useRef)(),{selectBlock:A}=(0,x.useDispatch)("core/block-editor"),G=f(s),Z=m(c,a),E=k(j),$=y(_),F=S(H,50),X=S(O,85),D=B(e.flowAlign);function R(e){const t=L.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&o({absoluteX:S((e.clientX-l.left)/l.width*100,50),absoluteY:S((e.clientY-l.top)/l.height*100,85)})}const Y=(0,n.useBlockProps)({ref:L,className:M(E,$,D),style:{"--scroll-indicator-size":Z,...N(E,F,X)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:P.map(e=>{const i=w[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(i,{})})},e.value)})})]}),(0,t.jsx)(n.FontSizePicker,{fontSizes:C,value:Z,onChange:e=>o({iconSize:"custom",customSizeValue:e||"24px"}),headingLevel:3,withSlider:!1})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:V.map(e=>(0,t.jsx)(h.Button,{isPressed:E===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===E&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:T.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:D===e.value,onClick:()=>o({flowAlign:e.value})},e.value)})})]}),"fixed"===E&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:z.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:$===e.value,onClick:()=>o({screenPosition:e.value})},e.value)})})]}),"absolute"===E&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:F,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:X,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===E&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:v,onChange:e=>o({showText:e})}),v&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:g,onChange:e=>o({customText:e}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]}),(0,t.jsx)(h.PanelBody,{title:(0,l.__)("Behavior","scroll-indicator"),initialOpen:!1,children:(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Hide after scrolling","scroll-indicator"),help:(0,l.__)("Hide the indicator once user starts scrolling","scroll-indicator"),checked:p,onChange:e=>o({hideAfterScrolling:e})})})]}),(0,t.jsx)("div",{...Y,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${G}`,onPointerDown:function(e){if("absolute"!==E||0!==e.button)return;e.preventDefault(),e.stopPropagation(),A(i),R(e);const o=e.currentTarget.ownerDocument,t=e=>{R(e)},l=()=>{o.removeEventListener("pointermove",t),o.removeEventListener("pointerup",l)};o.addEventListener("pointermove",t),o.addEventListener("pointerup",l)},children:[(0,t.jsx)(b,{iconType:G}),v&&(0,t.jsx)("div",{className:"scroll-text",children:g||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:i="M",customSizeValue:l="24px",hideAfterScrolling:r=!1,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=e,p=f(o),v=m(i,l),w=c||"Scroll down",g=n.useBlockProps.save({className:M(a,d,x),style:{"--scroll-indicator-size":v,...N(a,u,h)}});return(0,t.jsx)("div",{...g,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${p}`,"aria-label":w,"data-hide-after-scrolling":r?"true":"false",children:[(0,t.jsx)(b,{iconType:p}),s&&(0,t.jsx)("div",{className:"scroll-text",children:w})]})})}})}},t={};function i(e){var l=t[e];if(void 0!==l)return l.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,e=[],i.O=(o,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,l,n]=e[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(e=>i.O[e](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var a=l();void 0!==a&&(o=a)}}return o}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[t,l,n]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(o&&o(t);a<r.length;a++)n=r[a],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(511));l=i.O(l)})();
\ No newline at end of file
+(()=>{"use strict";var e,o={511(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,p={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function m(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return v.test(e)?e:"24px"}return p[e]||"24px"}const w={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function b(e){return Object.prototype.hasOwnProperty.call(w,e)?e:"mouse"}function f({iconType:e}){const o=w[b(e)];return(0,t.jsx)(o,{})}const j={flow:"flow",fixed:"fixed",absolute:"absolute"},g={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},_={left:"left",center:"center",right:"right"};function k(e){return j[e]||j.flow}function y(e){return g[e]||g["bottom-center"]}function B(e){return _[e]||_.center}function M(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function N(e,o,t="center"){const i=k(e);if("fixed"===i)return`is-position-fixed is-screen-position-${y(o)}`;if("absolute"===i)return"is-position-absolute";const l=B(t);return"center"!==l?`is-flow-align-${l}`:""}function S(e,o,t){return"absolute"!==k(e)?{}:{"--scroll-indicator-x":`${M(o,50)}%`,"--scroll-indicator-y":`${M(t,85)}%`}}const z=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],P=[{name:(0,l.__)("Small","scroll-indicator"),slug:"small",size:"18px"},{name:(0,l.__)("Medium","scroll-indicator"),slug:"medium",size:"24px"},{name:(0,l.__)("Large","scroll-indicator"),slug:"large",size:"32px"},{name:(0,l.__)("Extra Large","scroll-indicator"),slug:"extra-large",size:"48px"}],V=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],C=[{value:"left",label:(0,l.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,l.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,l.__)("Align right","scroll-indicator"),icon:a}],T=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],L=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)(L.UU,{icon:i,edit:function({attributes:e,setAttributes:o,clientId:i}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",showText:p=!0,customText:v="Scroll down",positionMode:j="flow",screenPosition:g="bottom-center",absoluteX:_=50,absoluteY:L=85}=e,O=(0,r.useRef)(),{selectBlock:H}=(0,x.useDispatch)("core/block-editor"),A=b(s),G=m(c,a),Z=k(j),E=y(g),$=M(_,50),F=M(L,85),X=B(e.flowAlign);function D(e){const t=O.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&o({absoluteX:M((e.clientX-l.left)/l.width*100,50),absoluteY:M((e.clientY-l.top)/l.height*100,85)})}const R=(0,n.useBlockProps)({ref:O,className:N(Z,E,X),style:{"--scroll-indicator-size":G,...S(Z,$,F)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:z.map(e=>{const i=w[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(i,{})})},e.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(n.FontSizePicker,{fontSizes:P,value:G,onChange:e=>o({iconSize:"custom",customSizeValue:e||"24px"}),headingLevel:3,withSlider:!1})]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:V.map(e=>(0,t.jsx)(h.Button,{isPressed:Z===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===Z&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:C.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:X===e.value,onClick:()=>o({flowAlign:e.value})},e.value)})})]}),"fixed"===Z&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:T.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:E===e.value,onClick:()=>o({screenPosition:e.value})},e.value)})})]}),"absolute"===Z&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:$,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:F,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===Z&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:p,onChange:e=>o({showText:e})}),p&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:v,onChange:e=>o({customText:e}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]})]}),(0,t.jsx)("div",{...R,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${A}`,onPointerDown:function(e){if("absolute"!==Z||0!==e.button)return;e.preventDefault(),e.stopPropagation(),H(i),D(e);const o=e.currentTarget.ownerDocument,t=e=>{D(e)},l=()=>{o.removeEventListener("pointermove",t),o.removeEventListener("pointerup",l)};o.addEventListener("pointermove",t),o.addEventListener("pointerup",l)},children:[(0,t.jsx)(f,{iconType:A}),p&&(0,t.jsx)("div",{className:"scroll-text",children:v||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:i="M",customSizeValue:l="24px",showText:r=!0,customText:s="Scroll down",positionMode:c="flow",screenPosition:a="bottom-center",absoluteX:d=50,absoluteY:u=85,flowAlign:h="center"}=e,x=b(o),p=m(i,l),v=s||"Scroll down",w=n.useBlockProps.save({className:N(c,a,h),style:{"--scroll-indicator-size":p,...S(c,d,u)}});return(0,t.jsx)("div",{...w,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${x}`,"aria-label":v,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(f,{iconType:x}),r&&(0,t.jsx)("div",{className:"scroll-text",children:v})]})})}})}},t={};function i(e){var l=t[e];if(void 0!==l)return l.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,e=[],i.O=(o,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,l,n]=e[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(e=>i.O[e](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var a=l();void 0!==a&&(o=a)}}return o}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[t,l,n]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(o&&o(t);a<r.length;a++)n=r[a],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(511));l=i.O(l)})();
\ No newline at end of file
diff --git a/compiled/view.asset.php b/compiled/view.asset.php
index a54dc0f..faf9a1b 100644
--- a/compiled/view.asset.php
+++ b/compiled/view.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '34d67748a8104cbcd634');
+<?php return array('dependencies' => array(), 'version' => '2a6542ac716471a64c5c');
diff --git a/compiled/view.js b/compiled/view.js
index 063be0b..7e60c65 100644
--- a/compiled/view.js
+++ b/compiled/view.js
@@ -1 +1 @@
-document.addEventListener("DOMContentLoaded",function(){const t=document.querySelectorAll(".scroll-indicator");if(0===t.length)return;const e=window.matchMedia("(prefers-reduced-motion: reduce)");t.forEach(function(t){const n="true"===t.getAttribute("data-hide-after-scrolling"),i=t.closest(".wp-block-scroll-indicator-scroll-indicator"),o=t.getAttribute("tabindex");if(t.addEventListener("click",function(){const t=window.innerHeight,n=window.scrollY+t;window.scrollTo({top:n,behavior:e.matches?"auto":"smooth"})}),t.style.cursor="pointer",n&&i){let r=i.offsetTop,a=r+i.offsetHeight;const c=e.matches?"none":"opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s",l=e.matches?"none":"opacity 0.35s ease, transform 0.35s ease";function s(){const e=window.scrollY,n=window.innerHeight;var i;i=e<=r||r<e+n&&a>e,t.style.transition=i?l:c,t.style.opacity=i?"1":"0",t.style.visibility=i?"visible":"hidden",t.style.pointerEvents=i?"auto":"none",t.style.transform=i?"translateY(0)":"translateY(10px)",i?(t.removeAttribute("aria-hidden"),null===o?t.removeAttribute("tabindex"):t.setAttribute("tabindex",o)):(t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","-1"),t.ownerDocument.activeElement===t&&t.blur())}window.addEventListener("resize",function(){r=i.offsetTop,a=r+i.offsetHeight,s()}),s(),window.addEventListener("scroll",s,{passive:!0})}})});
\ No newline at end of file
+document.addEventListener("DOMContentLoaded",function(){const t=document.querySelectorAll(".scroll-indicator");if(0===t.length)return;const e=window.matchMedia("(prefers-reduced-motion: reduce)");t.forEach(function(t){const n=t.getAttribute("tabindex");let i=!1;t.addEventListener("click",function(){const t=window.innerHeight,n=window.scrollY+t;window.scrollTo({top:n,behavior:e.matches?"auto":"smooth"})}),t.style.cursor="pointer";const o=e.matches?"none":"opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s",s=e.matches?"none":"opacity 0.35s ease, transform 0.35s ease, visibility 0s";function r(){var e;e=window.scrollY<=16,t.style.transition=e?s:o,t.style.opacity=e?"1":"0",t.style.visibility=e?"visible":"hidden",t.style.pointerEvents=e?"auto":"none",t.style.transform=e?"translateY(0)":"translateY(10px)",e?(t.removeAttribute("aria-hidden"),null===n?t.removeAttribute("tabindex"):t.setAttribute("tabindex",n)):(t.setAttribute("aria-hidden","true"),t.setAttribute("tabindex","-1"),t.ownerDocument.activeElement===t&&t.blur())}r(),window.addEventListener("scroll",function(){i||(i=!0,window.requestAnimationFrame(function(){r(),i=!1}))},{passive:!0}),"function"==typeof e.addEventListener&&e.addEventListener("change",function(){r()})})});
\ No newline at end of file
diff --git a/readme.txt b/readme.txt
index 2338e18..b80426c 100644
--- a/readme.txt
+++ b/readme.txt
@@ -16,7 +16,7 @@ Scroll Indicator adds a focused block for landing pages, hero sections, editoria
 
 Choose from multiple icon styles, adjust the size, use native WordPress text color controls, add optional helper text, and let visitors click or keyboard-activate the indicator to move smoothly down the page.
 
-The block is intentionally lightweight. Animations are handled with CSS, respect reduced-motion preferences, and the front-end script is limited to click-to-scroll and optional hide-after-scrolling behavior.
+The block is intentionally lightweight. Animations are handled with CSS, respect reduced-motion preferences, and the front-end script is limited to click-to-scroll and automatic hide-on-scroll behavior.
 
 = Key Features =
 
@@ -26,7 +26,7 @@ The block is intentionally lightweight. Animations are handled with CSS, respect
 * Fixed screen positioning and draggable absolute positioning for hero-style sections.
 * CSS-only animation that respects the visitor's reduced-motion preference.
 * Optional text label beneath the icon.
-* Optional hide-after-scrolling behavior.
+* Automatic hide-on-scroll behavior.
 * Keyboard-accessible click-to-scroll interaction.
 * No animation libraries or heavy runtime dependencies.
 
@@ -53,7 +53,7 @@ Source code and build tooling are maintained at https://github.com/dhanson-wp/sc
 
 = Does this plugin require a JavaScript animation library? =
 
-No. Animations are handled with CSS. The front-end script only powers click-to-scroll and the optional hide-after-scrolling behavior.
+No. Animations are handled with CSS. The front-end script only powers click-to-scroll and automatic hide-on-scroll behavior.
 
 = Can I change the icon color? =
 
@@ -69,7 +69,7 @@ Yes. The front-end indicator is saved as a keyboard-focusable button-like contro
 
 = Will the block work without JavaScript? =
 
-The icon and optional text still render without JavaScript. JavaScript is only needed for click-to-scroll and hide-after-scrolling behavior.
+The icon and optional text still render without JavaScript. JavaScript is only needed for click-to-scroll and automatic hide-on-scroll behavior.
 
 == Changelog ==
 
diff --git a/src/block.json b/src/block.json
index 55c74bb..eefa0a5 100644
--- a/src/block.json
+++ b/src/block.json
@@ -23,7 +23,7 @@
 		},
 		"hideAfterScrolling": {
 			"type": "boolean",
-			"default": false
+			"default": true
 		},
 		"showText": {
 			"type": "boolean",
diff --git a/src/edit.js b/src/edit.js
index c001746..a8f7f54 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -107,7 +107,6 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 		iconType = 'mouse',
 		iconSize = 'M',
 		customSizeValue = '24px',
-		hideAfterScrolling = false,
 		showText = true,
 		customText = 'Scroll down',
 		positionMode = 'flow',
@@ -236,18 +235,23 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 							} ) }
 						</ButtonGroup>
 					</fieldset>
-					<FontSizePicker
-						fontSizes={ ICON_SIZE_OPTIONS }
-						value={ sizeValue }
-						onChange={ ( value ) =>
-							setAttributes( {
-								iconSize: 'custom',
-								customSizeValue: value || '24px',
-							} )
-						}
-						headingLevel={ 3 }
-						withSlider={ false }
-					/>
+					<fieldset className="scroll-indicator-size-picker">
+						<legend>
+							{ __( 'Icon Size', 'scroll-indicator' ) }
+						</legend>
+						<FontSizePicker
+							fontSizes={ ICON_SIZE_OPTIONS }
+							value={ sizeValue }
+							onChange={ ( value ) =>
+								setAttributes( {
+									iconSize: 'custom',
+									customSizeValue: value || '24px',
+								} )
+							}
+							headingLevel={ 3 }
+							withSlider={ false }
+						/>
+					</fieldset>
 				</PanelBody>
 				<PanelBody
 					title={ __( 'Position', 'scroll-indicator' ) }
@@ -404,25 +408,6 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 						/>
 					) }
 				</PanelBody>
-				<PanelBody
-					title={ __( 'Behavior', 'scroll-indicator' ) }
-					initialOpen={ false }
-				>
-					<ToggleControl
-						label={ __(
-							'Hide after scrolling',
-							'scroll-indicator'
-						) }
-						help={ __(
-							'Hide the indicator once user starts scrolling',
-							'scroll-indicator'
-						) }
-						checked={ hideAfterScrolling }
-						onChange={ ( value ) =>
-							setAttributes( { hideAfterScrolling: value } )
-						}
-					/>
-				</PanelBody>
 			</InspectorControls>
 			<div { ...blockProps }>
 				<div
diff --git a/src/editor.scss b/src/editor.scss
index ebe3256..7bb33b7 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -11,6 +11,13 @@
 	}
 }
 
+.scroll-indicator-size-picker {
+
+	.components-font-size-picker > :first-child {
+		display: none;
+	}
+}
+
 .scroll-indicator-icon-buttons {
 	display: flex;
 	flex-wrap: wrap;
diff --git a/src/save.js b/src/save.js
index ddebaf0..48cc49a 100644
--- a/src/save.js
+++ b/src/save.js
@@ -7,7 +7,6 @@ export default function save( { attributes } ) {
 		iconType = 'mouse',
 		iconSize = 'M',
 		customSizeValue = '24px',
-		hideAfterScrolling = false,
 		showText = true,
 		customText = 'Scroll down',
 		positionMode = 'flow',
@@ -39,9 +38,7 @@ export default function save( { attributes } ) {
 				type="button"
 				className={ `scroll-indicator icon-${ normalizedIconType }` }
 				aria-label={ label }
-				data-hide-after-scrolling={
-					hideAfterScrolling ? 'true' : 'false'
-				}
+				data-hide-after-scrolling="true"
 			>
 				<IconRenderer iconType={ normalizedIconType } />
 				{ showText && <div className="scroll-text">{ label }</div> }
diff --git a/src/view.js b/src/view.js
index f0ecda6..26adfca 100644
--- a/src/view.js
+++ b/src/view.js
@@ -10,12 +10,9 @@ document.addEventListener( 'DOMContentLoaded', function () {
 	);
 
 	scrollIndicators.forEach( function ( indicator ) {
-		const hideAfterScrolling =
-			indicator.getAttribute( 'data-hide-after-scrolling' ) === 'true';
-		const blockElement = indicator.closest(
-			'.wp-block-scroll-indicator-scroll-indicator'
-		);
 		const originalTabIndex = indicator.getAttribute( 'tabindex' );
+		const hideThreshold = 16;
+		let ticking = false;
 
 		function scrollOneViewport() {
 			const windowHeight = window.innerHeight;
@@ -31,75 +28,73 @@ document.addEventListener( 'DOMContentLoaded', function () {
 
 		indicator.style.cursor = 'pointer';
 
-		if ( hideAfterScrolling && blockElement ) {
-			let blockTop = blockElement.offsetTop;
-			let blockBottom = blockTop + blockElement.offsetHeight;
-			const transition = prefersReducedMotion.matches
-				? 'none'
-				: 'opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s';
-			const visibleTransition = prefersReducedMotion.matches
-				? 'none'
-				: 'opacity 0.35s ease, transform 0.35s ease';
-
-			function updateBlockPosition() {
-				blockTop = blockElement.offsetTop;
-				blockBottom = blockTop + blockElement.offsetHeight;
-			}
-
-			function setIndicatorVisibility( isVisible ) {
-				indicator.style.transition = isVisible
-					? visibleTransition
-					: transition;
-				indicator.style.opacity = isVisible ? '1' : '0';
-				indicator.style.visibility = isVisible ? 'visible' : 'hidden';
-				indicator.style.pointerEvents = isVisible ? 'auto' : 'none';
-				indicator.style.transform = isVisible
-					? 'translateY(0)'
-					: 'translateY(10px)';
-
-				if ( isVisible ) {
-					indicator.removeAttribute( 'aria-hidden' );
-
-					if ( originalTabIndex === null ) {
-						indicator.removeAttribute( 'tabindex' );
-					} else {
-						indicator.setAttribute( 'tabindex', originalTabIndex );
-					}
+		const hiddenTransition = prefersReducedMotion.matches
+			? 'none'
+			: 'opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s';
+		const visibleTransition = prefersReducedMotion.matches
+			? 'none'
+			: 'opacity 0.35s ease, transform 0.35s ease, visibility 0s';
+
+		function setIndicatorVisibility( isVisible ) {
+			indicator.style.transition = isVisible
+				? visibleTransition
+				: hiddenTransition;
+			indicator.style.opacity = isVisible ? '1' : '0';
+			indicator.style.visibility = isVisible ? 'visible' : 'hidden';
+			indicator.style.pointerEvents = isVisible ? 'auto' : 'none';
+			indicator.style.transform = isVisible
+				? 'translateY(0)'
+				: 'translateY(10px)';
+
+			if ( isVisible ) {
+				indicator.removeAttribute( 'aria-hidden' );
+
+				if ( originalTabIndex === null ) {
+					indicator.removeAttribute( 'tabindex' );
 				} else {
-					indicator.setAttribute( 'aria-hidden', 'true' );
-					indicator.setAttribute( 'tabindex', '-1' );
+					indicator.setAttribute( 'tabindex', originalTabIndex );
+				}
+			} else {
+				indicator.setAttribute( 'aria-hidden', 'true' );
+				indicator.setAttribute( 'tabindex', '-1' );
 
-					if ( indicator.ownerDocument.activeElement === indicator ) {
-						indicator.blur();
-					}
+				if ( indicator.ownerDocument.activeElement === indicator ) {
+					indicator.blur();
 				}
 			}
+		}
+
+		function handleScroll() {
+			setIndicatorVisibility( window.scrollY <= hideThreshold );
+		}
+
+		function requestVisibilityUpdate() {
+			if ( ticking ) {
+				return;
+			}
 
-			window.addEventListener( 'resize', function () {
-				updateBlockPosition();
+			ticking = true;
+			window.requestAnimationFrame( function () {
 				handleScroll();
+				ticking = false;
 			} );
+		}
 
-			function handleScroll() {
-				const scrollTop = window.scrollY;
-				const viewportHeight = window.innerHeight;
-				const viewportBottom = scrollTop + viewportHeight;
+		function handleReducedMotionChange() {
+			handleScroll();
+		}
 
-				if (
-					scrollTop <= blockTop ||
-					( blockTop < viewportBottom && blockBottom > scrollTop )
-				) {
-					setIndicatorVisibility( true );
-				} else {
-					setIndicatorVisibility( false );
-				}
-			}
+		handleScroll();
 
-			handleScroll();
+		window.addEventListener( 'scroll', requestVisibilityUpdate, {
+			passive: true,
+		} );
 
-			window.addEventListener( 'scroll', handleScroll, {
-				passive: true,
-			} );
+		if ( typeof prefersReducedMotion.addEventListener === 'function' ) {
+			prefersReducedMotion.addEventListener(
+				'change',
+				handleReducedMotionChange
+			);
 		}
 	} );
 } );

From dda374359ca21db39143e4319f83433c6b93d688 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Wed, 20 May 2026 16:38:22 -0500
Subject: [PATCH 08/12] Make Playground blueprint use packaged zip

---
 .wp-playground/blueprint.json       |   2 +-
 .wp-playground/scroll-indicator.zip | Bin 0 -> 12332 bytes
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 .wp-playground/scroll-indicator.zip

diff --git a/.wp-playground/blueprint.json b/.wp-playground/blueprint.json
index 27ddb0e..4e551bb 100644
--- a/.wp-playground/blueprint.json
+++ b/.wp-playground/blueprint.json
@@ -11,7 +11,7 @@
 			"step": "installPlugin",
 			"pluginZipFile": {
 				"resource": "url",
-				"url": "https://codeload.github.com/dhanson-wp/scroll-indicator/zip/refs/heads/codex/submission-readiness"
+				"url": "https://raw.githubusercontent.com/dhanson-wp/scroll-indicator/codex/submission-readiness/.wp-playground/scroll-indicator.zip"
 			},
 			"options": {
 				"activate": true
diff --git a/.wp-playground/scroll-indicator.zip b/.wp-playground/scroll-indicator.zip
new file mode 100644
index 0000000000000000000000000000000000000000..892e1b2c1d5782d408259a7ca749abf0577dab34
GIT binary patch
literal 12332
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

literal 0
HcmV?d00001


From 3843e4a3496ecc993fc2e82ea4e00ac0e27a5613 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Thu, 21 May 2026 08:57:29 -0500
Subject: [PATCH 09/12] Polish editor controls and positioning

---
 .wp-playground/scroll-indicator.zip | Bin 12332 -> 12265 bytes
 compiled/block.json                 |   3 -
 compiled/index-rtl.css              |   2 +-
 compiled/index.asset.php            |   2 +-
 compiled/index.css                  |   2 +-
 compiled/index.js                   |   2 +-
 compiled/style-index-rtl.css        |   2 +-
 compiled/style-index.css            |   2 +-
 src/block.json                      |   1 -
 src/edit.js                         |  89 +++++++++++++---------------
 src/editor.scss                     |  17 ++----
 src/style.scss                      |  16 +++--
 12 files changed, 62 insertions(+), 76 deletions(-)

diff --git a/.wp-playground/scroll-indicator.zip b/.wp-playground/scroll-indicator.zip
index 892e1b2c1d5782d408259a7ca749abf0577dab34..6bcffdf8e32fb59d350dd2bbf520d5e51944da5d 100644
GIT binary patch
literal 12265
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
b(f?roOZ1@cng9TRdH)i8*Ip#$&)@zZ)PvPC

delta 10930
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

diff --git a/compiled/block.json b/compiled/block.json
index c5c365f..e6e3a75 100644
--- a/compiled/block.json
+++ b/compiled/block.json
@@ -65,9 +65,6 @@
       "text": true,
       "background": false
     },
-    "typography": {
-      "fontSize": true
-    },
     "spacing": {
       "margin": true,
       "padding": true
diff --git a/compiled/index-rtl.css b/compiled/index-rtl.css
index ffad80d..4049b21 100644
--- a/compiled/index-rtl.css
+++ b/compiled/index-rtl.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-size-picker .components-font-size-picker>:first-child{display:none}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-left:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-scroll-indicator-scroll-indicator.is-position-absolute{cursor:grab}.editor-styles-wrapper .wp-block-scroll-indicator-scroll-indicator.is-position-absolute:active{cursor:grabbing}
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index 47f31c9..1d94846 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'e225724cc9f6cf5c7803');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '1b44d2428cdc22b0bb6b');
diff --git a/compiled/index.css b/compiled/index.css
index be846aa..38265f0 100644
--- a/compiled/index.css
+++ b/compiled/index.css
@@ -1 +1 @@
-.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-size-picker .components-font-size-picker>:first-child{display:none}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed){position:relative}.editor-styles-wrapper .wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed{position:absolute}
+.scroll-indicator-icon-picker,.scroll-indicator-position-picker,.scroll-indicator-size-picker{border:0;margin:0 0 16px;padding:0}.scroll-indicator-icon-picker legend,.scroll-indicator-position-picker legend,.scroll-indicator-size-picker legend{font-weight:500;margin-bottom:8px}.scroll-indicator-icon-buttons{display:flex;flex-wrap:wrap;gap:4px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button{align-items:center;display:flex;height:44px;justify-content:center;padding:8px;width:44px}.scroll-indicator-icon-buttons .scroll-indicator-icon-button svg{height:20px;width:20px}.scroll-indicator-icon-preview{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.scroll-indicator-icon-preview.icon-arrow-down line,.scroll-indicator-icon-preview.icon-arrow-down path,.scroll-indicator-icon-preview.icon-arrow-down rect,.scroll-indicator-icon-preview.icon-arrow-down svg,.scroll-indicator-icon-preview.icon-chevron-bounce line,.scroll-indicator-icon-preview.icon-chevron-bounce path,.scroll-indicator-icon-preview.icon-chevron-bounce rect,.scroll-indicator-icon-preview.icon-chevron-bounce svg,.scroll-indicator-icon-preview.icon-hand-point line,.scroll-indicator-icon-preview.icon-hand-point path,.scroll-indicator-icon-preview.icon-hand-point rect,.scroll-indicator-icon-preview.icon-hand-point svg,.scroll-indicator-icon-preview.icon-mouse line,.scroll-indicator-icon-preview.icon-mouse path,.scroll-indicator-icon-preview.icon-mouse rect,.scroll-indicator-icon-preview.icon-mouse svg{fill:none}.scroll-indicator-mode-buttons{display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.scroll-indicator-position-buttons{display:flex;gap:4px}.scroll-indicator-position-buttons .components-button{justify-content:center;min-width:44px}.scroll-indicator-absolute-controls,.scroll-indicator-position-note{color:#1e1e1e;font-size:12px;line-height:1.4;margin:0 0 12px}.scroll-indicator-control-icon{display:inline-flex;height:18px;margin-right:6px;vertical-align:middle;width:18px}.editor-styles-wrapper .wp-block-scroll-indicator-scroll-indicator.is-position-absolute{cursor:grab}.editor-styles-wrapper .wp-block-scroll-indicator-scroll-indicator.is-position-absolute:active{cursor:grabbing}
diff --git a/compiled/index.js b/compiled/index.js
index b01c536..3ed95e0 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var e,o={511(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const l=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,p={S:"18px",M:"24px",L:"32px",XL:"48px"},v=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function m(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return v.test(e)?e:"24px"}return p[e]||"24px"}const w={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function b(e){return Object.prototype.hasOwnProperty.call(w,e)?e:"mouse"}function f({iconType:e}){const o=w[b(e)];return(0,t.jsx)(o,{})}const j={flow:"flow",fixed:"fixed",absolute:"absolute"},g={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},_={left:"left",center:"center",right:"right"};function k(e){return j[e]||j.flow}function y(e){return g[e]||g["bottom-center"]}function B(e){return _[e]||_.center}function M(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function N(e,o,t="center"){const i=k(e);if("fixed"===i)return`is-position-fixed is-screen-position-${y(o)}`;if("absolute"===i)return"is-position-absolute";const l=B(t);return"center"!==l?`is-flow-align-${l}`:""}function S(e,o,t){return"absolute"!==k(e)?{}:{"--scroll-indicator-x":`${M(o,50)}%`,"--scroll-indicator-y":`${M(t,85)}%`}}const z=[{value:"mouse",label:(0,l.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,l.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,l.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,l.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,l.__)("Hand","scroll-indicator")}],P=[{name:(0,l.__)("Small","scroll-indicator"),slug:"small",size:"18px"},{name:(0,l.__)("Medium","scroll-indicator"),slug:"medium",size:"24px"},{name:(0,l.__)("Large","scroll-indicator"),slug:"large",size:"32px"},{name:(0,l.__)("Extra Large","scroll-indicator"),slug:"extra-large",size:"48px"}],V=[{value:"flow",label:(0,l.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,l.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,l.__)("Absolute","scroll-indicator")}],C=[{value:"left",label:(0,l.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,l.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,l.__)("Align right","scroll-indicator"),icon:a}],T=[{value:"bottom-left",label:(0,l.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,l.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,l.__)("Bottom right","scroll-indicator"),icon:a}],L=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)(L.UU,{icon:i,edit:function({attributes:e,setAttributes:o,clientId:i}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",showText:p=!0,customText:v="Scroll down",positionMode:j="flow",screenPosition:g="bottom-center",absoluteX:_=50,absoluteY:L=85}=e,O=(0,r.useRef)(),{selectBlock:H}=(0,x.useDispatch)("core/block-editor"),A=b(s),G=m(c,a),Z=k(j),E=y(g),$=M(_,50),F=M(L,85),X=B(e.flowAlign);function D(e){const t=O.current,i=t?.closest(".wp-block-cover")||t?.parentElement;if(!i)return;const l=i.getBoundingClientRect();0!==l.width&&0!==l.height&&o({absoluteX:M((e.clientX-l.left)/l.width*100,50),absoluteY:M((e.clientY-l.top)/l.height*100,85)})}const R=(0,n.useBlockProps)({ref:O,className:N(Z,E,X),style:{"--scroll-indicator-size":G,...S(Z,$,F)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:z.map(e=>{const i=w[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(i,{})})},e.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(n.FontSizePicker,{fontSizes:P,value:G,onChange:e=>o({iconSize:"custom",customSizeValue:e||"24px"}),headingLevel:3,withSlider:!1})]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:V.map(e=>(0,t.jsx)(h.Button,{isPressed:Z===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===Z&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:C.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:X===e.value,onClick:()=>o({flowAlign:e.value})},e.value)})})]}),"fixed"===Z&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,l.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:T.map(e=>{const i=e.icon;return(0,t.jsx)(h.Button,{icon:i,label:e.label,showTooltip:!0,isPressed:E===e.value,onClick:()=>o({screenPosition:e.value})},e.value)})})]}),"absolute"===Z&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,l.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Horizontal","scroll-indicator"),value:$,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,l.__)("Vertical","scroll-indicator"),value:F,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===Z&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,l.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]}),(0,t.jsxs)(h.PanelBody,{title:(0,l.__)("Text","scroll-indicator"),initialOpen:!1,children:[(0,t.jsx)(h.ToggleControl,{label:(0,l.__)("Show text","scroll-indicator"),checked:p,onChange:e=>o({showText:e})}),p&&(0,t.jsx)(h.TextControl,{label:(0,l.__)("Custom Text","scroll-indicator"),value:v,onChange:e=>o({customText:e}),placeholder:(0,l.__)("Scroll down","scroll-indicator")})]})]}),(0,t.jsx)("div",{...R,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${A}`,onPointerDown:function(e){if("absolute"!==Z||0!==e.button)return;e.preventDefault(),e.stopPropagation(),H(i),D(e);const o=e.currentTarget.ownerDocument,t=e=>{D(e)},l=()=>{o.removeEventListener("pointermove",t),o.removeEventListener("pointerup",l)};o.addEventListener("pointermove",t),o.addEventListener("pointerup",l)},children:[(0,t.jsx)(f,{iconType:A}),p&&(0,t.jsx)("div",{className:"scroll-text",children:v||(0,l.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:i="M",customSizeValue:l="24px",showText:r=!0,customText:s="Scroll down",positionMode:c="flow",screenPosition:a="bottom-center",absoluteX:d=50,absoluteY:u=85,flowAlign:h="center"}=e,x=b(o),p=m(i,l),v=s||"Scroll down",w=n.useBlockProps.save({className:N(c,a,h),style:{"--scroll-indicator-size":p,...S(c,d,u)}});return(0,t.jsx)("div",{...w,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${x}`,"aria-label":v,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(f,{iconType:x}),r&&(0,t.jsx)("div",{className:"scroll-text",children:v})]})})}})}},t={};function i(e){var l=t[e];if(void 0!==l)return l.exports;var n=t[e]={exports:{}};return o[e](n,n.exports,i),n.exports}i.m=o,e=[],i.O=(o,t,l,n)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,l,n]=e[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(i.O).every(e=>i.O[e](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){e.splice(d--,1);var a=l();void 0!==a&&(o=a)}}return o}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[t,l,n]},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};i.O.j=o=>0===e[o];var o=(o,t)=>{var l,n,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(l in s)i.o(s,l)&&(i.m[l]=s[l]);if(c)var d=c(i)}for(o&&o(t);a<r.length;a++)n=r[a],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var l=i.O(void 0,[350],()=>i(511));l=i.O(l)})();
\ No newline at end of file
+(()=>{"use strict";var o,e={511(){const o=window.wp.blocks,e=window.wp.primitives,t=window.ReactJSXRuntime;var l=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const i=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,v={S:"18px",M:"24px",L:"32px",XL:"48px"},p=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function w(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return p.test(o)?o:"24px"}return v[o]||"24px"}const m={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function b(o){return Object.prototype.hasOwnProperty.call(m,o)?o:"mouse"}function f({iconType:o}){const e=m[b(o)];return(0,t.jsx)(e,{})}const j={flow:"flow",fixed:"fixed",absolute:"absolute"},_={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},g={left:"left",center:"center",right:"right"};function k(o){return j[o]||j.flow}function B(o){return _[o]||_["bottom-center"]}function y(o){return g[o]||g.center}function M(o,e){const t="number"==typeof o?o:Number.parseFloat(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}function N(o,e,t="center"){const l=k(o);if("fixed"===l)return`is-position-fixed is-screen-position-${B(e)}`;if("absolute"===l)return"is-position-absolute";const i=y(t);return"center"!==i?`is-flow-align-${i}`:""}function S(o,e,t){return"absolute"!==k(o)?{}:{"--scroll-indicator-x":`${M(e,50)}%`,"--scroll-indicator-y":`${M(t,85)}%`}}const P=[{value:"mouse",label:(0,i.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,i.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,i.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,i.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,i.__)("Hand","scroll-indicator")}],V=[{value:"S",label:(0,i.__)("Small","scroll-indicator"),text:"S"},{value:"M",label:(0,i.__)("Medium","scroll-indicator"),text:"M"},{value:"L",label:(0,i.__)("Large","scroll-indicator"),text:"L"},{value:"XL",label:(0,i.__)("Extra Large","scroll-indicator"),text:"XL"}],T=[{value:"flow",label:(0,i.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,i.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,i.__)("Absolute","scroll-indicator")}],C=[{value:"left",label:(0,i.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,i.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,i.__)("Align right","scroll-indicator"),icon:a}],z=[{value:"bottom-left",label:(0,i.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,i.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,i.__)("Bottom right","scroll-indicator"),icon:a}],L=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(L.UU,{icon:l,edit:function({attributes:o,setAttributes:e,clientId:l}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",showText:v=!0,customText:p="Scroll down",positionMode:j="flow",screenPosition:_="bottom-center",absoluteX:g=50,absoluteY:L=85}=o,H=(0,r.useRef)(),{selectBlock:O}=(0,x.useDispatch)("core/block-editor"),G=b(s),A=w(c,a),X=k(j),Z=B(_),E=M(g,50),$=M(L,85),D=y(o.flowAlign);function F(o){const t=H.current,l=t?.closest(".wp-block-cover")||t?.parentElement;if(!l)return;const i=l.getBoundingClientRect();0!==i.width&&0!==i.height&&e({absoluteX:M((o.clientX-i.left)/i.width*100,50),absoluteY:M((o.clientY-i.top)/i.height*100,85)})}const R=(0,n.useBlockProps)({ref:H,className:N(X,Z,D),style:{"--scroll-indicator-size":A,...S(X,E,$)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,i.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:P.map(o=>{const l=m[o.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===o.value,onClick:()=>e({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${o.value}`,children:(0,t.jsx)(l,{})})},o.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-size-buttons",children:V.map(o=>(0,t.jsx)(h.Button,{isPressed:c===o.value,label:o.label,showTooltip:!0,onClick:()=>e({iconSize:o.value}),children:o.text},o.value))})]}),(0,t.jsx)(h.ToggleControl,{label:(0,i.__)("Show text","scroll-indicator"),checked:v,onChange:o=>e({showText:o})}),v&&(0,t.jsx)(h.TextControl,{__next40pxDefaultSize:!0,label:(0,i.__)("Text","scroll-indicator"),value:p,onChange:o=>e({customText:o}),placeholder:(0,i.__)("Scroll down","scroll-indicator")})]}),(0,t.jsxs)(h.PanelBody,{title:(0,i.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:T.map(o=>(0,t.jsx)(h.Button,{isPressed:X===o.value,onClick:()=>e({positionMode:o.value}),children:o.label},o.value))})]}),"flow"===X&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:C.map(o=>{const l=o.icon;return(0,t.jsx)(h.Button,{icon:l,label:o.label,showTooltip:!0,isPressed:D===o.value,onClick:()=>e({flowAlign:o.value})},o.value)})})]}),"fixed"===X&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:z.map(o=>{const l=o.icon;return(0,t.jsx)(h.Button,{icon:l,label:o.label,showTooltip:!0,isPressed:Z===o.value,onClick:()=>e({screenPosition:o.value})},o.value)})})]}),"absolute"===X&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,i.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,i.__)("Horizontal","scroll-indicator"),value:E,min:0,max:100,onChange:o=>e({absoluteX:o})}),(0,t.jsx)(h.RangeControl,{label:(0,i.__)("Vertical","scroll-indicator"),value:$,min:0,max:100,onChange:o=>e({absoluteY:o})})]}),"fixed"===X&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,i.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]})]}),(0,t.jsx)("div",{...R,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${G}`,onPointerDown:function(o){if("absolute"!==X||0!==o.button)return;o.preventDefault(),o.stopPropagation(),O(l),F(o);const e=o.currentTarget.ownerDocument,t=o=>{F(o)},i=()=>{e.removeEventListener("pointermove",t),e.removeEventListener("pointerup",i)};e.addEventListener("pointermove",t),e.addEventListener("pointerup",i)},children:[(0,t.jsx)(f,{iconType:G}),v&&(0,t.jsx)("div",{className:"scroll-text",children:p||(0,i.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:i="24px",showText:r=!0,customText:s="Scroll down",positionMode:c="flow",screenPosition:a="bottom-center",absoluteX:d=50,absoluteY:u=85,flowAlign:h="center"}=o,x=b(e),v=w(l,i),p=s||"Scroll down",m=n.useBlockProps.save({className:N(c,a,h),style:{"--scroll-indicator-size":v,...S(c,d,u)}});return(0,t.jsx)("div",{...m,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${x}`,"aria-label":p,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(f,{iconType:x}),r&&(0,t.jsx)("div",{className:"scroll-text",children:p})]})})}})}},t={};function l(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,l),n.exports}l.m=e,o=[],l.O=(e,t,i,n)=>{if(!t){var r=1/0;for(d=0;d<o.length;d++){for(var[t,i,n]=o[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(l.O).every(o=>l.O[o](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}n=n||0;for(var d=o.length;d>0&&o[d-1][2]>n;d--)o[d]=o[d-1];o[d]=[t,i,n]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,t)=>{var i,n,[r,s,c]=t,a=0;if(r.some(e=>0!==o[e])){for(i in s)l.o(s,i)&&(l.m[i]=s[i]);if(c)var d=c(l)}for(e&&e(t);a<r.length;a++)n=r[a],l.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var i=l.O(void 0,[350],()=>l(511));i=l.O(i)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index 9f10f34..3e79518 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 5043022..4c926ed 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:20px;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/src/block.json b/src/block.json
index eefa0a5..a4a5512 100644
--- a/src/block.json
+++ b/src/block.json
@@ -58,7 +58,6 @@
 		"html": false,
 		"align": [ "left", "center", "right" ],
 		"color": { "text": true, "background": false },
-		"typography": { "fontSize": true },
 		"spacing": { "margin": true, "padding": true }
 	},
 	"textdomain": "scroll-indicator",
diff --git a/src/edit.js b/src/edit.js
index a8f7f54..cc53d7e 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -1,9 +1,5 @@
 import { __ } from '@wordpress/i18n';
-import {
-	useBlockProps,
-	InspectorControls,
-	FontSizePicker,
-} from '@wordpress/block-editor';
+import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
 import { useRef } from '@wordpress/element';
 import {
 	desktop,
@@ -50,14 +46,10 @@ const ICON_OPTIONS = [
 ];
 
 const ICON_SIZE_OPTIONS = [
-	{ name: __( 'Small', 'scroll-indicator' ), slug: 'small', size: '18px' },
-	{ name: __( 'Medium', 'scroll-indicator' ), slug: 'medium', size: '24px' },
-	{ name: __( 'Large', 'scroll-indicator' ), slug: 'large', size: '32px' },
-	{
-		name: __( 'Extra Large', 'scroll-indicator' ),
-		slug: 'extra-large',
-		size: '48px',
-	},
+	{ value: 'S', label: __( 'Small', 'scroll-indicator' ), text: 'S' },
+	{ value: 'M', label: __( 'Medium', 'scroll-indicator' ), text: 'M' },
+	{ value: 'L', label: __( 'Large', 'scroll-indicator' ), text: 'L' },
+	{ value: 'XL', label: __( 'Extra Large', 'scroll-indicator' ), text: 'XL' },
 ];
 
 const POSITION_MODE_OPTIONS = [
@@ -239,19 +231,45 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 						<legend>
 							{ __( 'Icon Size', 'scroll-indicator' ) }
 						</legend>
-						<FontSizePicker
-							fontSizes={ ICON_SIZE_OPTIONS }
-							value={ sizeValue }
+						<ButtonGroup className="scroll-indicator-size-buttons">
+							{ ICON_SIZE_OPTIONS.map( ( option ) => (
+								<Button
+									key={ option.value }
+									isPressed={ iconSize === option.value }
+									label={ option.label }
+									showTooltip
+									onClick={ () =>
+										setAttributes( {
+											iconSize: option.value,
+										} )
+									}
+								>
+									{ option.text }
+								</Button>
+							) ) }
+						</ButtonGroup>
+					</fieldset>
+					<ToggleControl
+						label={ __( 'Show text', 'scroll-indicator' ) }
+						checked={ showText }
+						onChange={ ( value ) =>
+							setAttributes( { showText: value } )
+						}
+					/>
+					{ showText && (
+						<TextControl
+							__next40pxDefaultSize
+							label={ __( 'Text', 'scroll-indicator' ) }
+							value={ customText }
 							onChange={ ( value ) =>
-								setAttributes( {
-									iconSize: 'custom',
-									customSizeValue: value || '24px',
-								} )
+								setAttributes( { customText: value } )
 							}
-							headingLevel={ 3 }
-							withSlider={ false }
+							placeholder={ __(
+								'Scroll down',
+								'scroll-indicator'
+							) }
 						/>
-					</fieldset>
+					) }
 				</PanelBody>
 				<PanelBody
 					title={ __( 'Position', 'scroll-indicator' ) }
@@ -383,31 +401,6 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 						</p>
 					) }
 				</PanelBody>
-				<PanelBody
-					title={ __( 'Text', 'scroll-indicator' ) }
-					initialOpen={ false }
-				>
-					<ToggleControl
-						label={ __( 'Show text', 'scroll-indicator' ) }
-						checked={ showText }
-						onChange={ ( value ) =>
-							setAttributes( { showText: value } )
-						}
-					/>
-					{ showText && (
-						<TextControl
-							label={ __( 'Custom Text', 'scroll-indicator' ) }
-							value={ customText }
-							onChange={ ( value ) =>
-								setAttributes( { customText: value } )
-							}
-							placeholder={ __(
-								'Scroll down',
-								'scroll-indicator'
-							) }
-						/>
-					) }
-				</PanelBody>
 			</InspectorControls>
 			<div { ...blockProps }>
 				<div
diff --git a/src/editor.scss b/src/editor.scss
index 7bb33b7..8fe6df8 100644
--- a/src/editor.scss
+++ b/src/editor.scss
@@ -11,13 +11,6 @@
 	}
 }
 
-.scroll-indicator-size-picker {
-
-	.components-font-size-picker > :first-child {
-		display: none;
-	}
-}
-
 .scroll-indicator-icon-buttons {
 	display: flex;
 	flex-wrap: wrap;
@@ -94,11 +87,11 @@
 
 .editor-styles-wrapper {
 
-	.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-fixed) {
-		position: relative;
-	}
+	.wp-block-scroll-indicator-scroll-indicator.is-position-absolute {
+		cursor: grab;
 
-	.wp-block-cover .wp-block-scroll-indicator-scroll-indicator.is-position-fixed {
-		position: absolute;
+		&:active {
+			cursor: grabbing;
+		}
 	}
 }
diff --git a/src/style.scss b/src/style.scss
index f2cd0a6..e8199d5 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -71,17 +71,17 @@
 	}
 
 	.scroll-indicator {
-		display: flex;
-		flex-direction: column;
 		align-items: center;
-		gap: 10px;
-		max-width: 100%;
-		padding: 20px;
-		border: 0;
 		background: transparent;
+		border: 0;
 		color: inherit;
 		cursor: pointer;
+		display: inline-flex;
+		flex-direction: column;
 		font: inherit;
+		gap: 10px;
+		max-width: 100%;
+		padding: 0;
 		text-align: center;
 
 		&:focus-visible {
@@ -102,6 +102,10 @@
 		touch-action: none;
 	}
 
+	&.is-position-absolute .scroll-indicator:active {
+		cursor: grabbing;
+	}
+
 	.scroll-text {
 		font-size: 14px;
 		color: currentcolor;

From 49341c9d200c70cb249f52bf9c8ce90df9328e43 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Thu, 21 May 2026 09:26:20 -0500
Subject: [PATCH 10/12] Fix cover content layering

---
 .wp-playground/scroll-indicator.zip | Bin 12265 -> 12215 bytes
 compiled/style-index-rtl.css        |   2 +-
 compiled/style-index.css            |   2 +-
 src/style.scss                      |   7 -------
 4 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/.wp-playground/scroll-indicator.zip b/.wp-playground/scroll-indicator.zip
index 6bcffdf8e32fb59d350dd2bbf520d5e51944da5d..2b8d98d0d443c6b4e06de90ced1c72508b410a5c 100644
GIT binary patch
delta 2026
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

delta 2034
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
M8QMuu^!7jf4FQ1AdH?_b

diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index 3e79518..7a55763 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 4c926ed..8297712 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/src/style.scss b/src/style.scss
index e8199d5..07ff968 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -119,13 +119,6 @@
 	position: relative;
 }
 
-.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
-
-	> .wp-block-cover__inner-container {
-		position: static;
-	}
-}
-
 // Animations — only when user hasn't requested reduced motion
 @media (prefers-reduced-motion: no-preference) {
 

From 63e4593dac932a591240ff3d61a1f1e428ae48e5 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Thu, 21 May 2026 11:24:46 -0500
Subject: [PATCH 11/12] Sync positioning controls with core alignment

---
 .wp-playground/scroll-indicator.zip | Bin 12215 -> 12553 bytes
 compiled/index.asset.php            |   2 +-
 compiled/index.js                   |   2 +-
 compiled/style-index-rtl.css        |   2 +-
 compiled/style-index.css            |   2 +-
 src/edit.js                         |  79 ++++++++++++++++++++++++++--
 src/position.js                     |  26 +++++++++
 src/save.js                         |  20 +++++--
 src/style.scss                      |  12 +++++
 9 files changed, 133 insertions(+), 12 deletions(-)

diff --git a/.wp-playground/scroll-indicator.zip b/.wp-playground/scroll-indicator.zip
index 2b8d98d0d443c6b4e06de90ced1c72508b410a5c..b4e05f9c02aed8d3e884d41ea0dfe69502ca473a 100644
GIT binary patch
delta 6429
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
Vd&Mh(w!oR@$t#Uj5B!Jue*w`tIX3_R

delta 6115
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
N&qw*pobzu1{{wxKw6_2N

diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index 1d94846..2df1f03 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '1b44d2428cdc22b0bb6b');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '2a079bfab507fd75781d');
diff --git a/compiled/index.js b/compiled/index.js
index 3ed95e0..e020191 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var o,e={511(){const o=window.wp.blocks,e=window.wp.primitives,t=window.ReactJSXRuntime;var l=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const i=window.wp.i18n,n=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,v={S:"18px",M:"24px",L:"32px",XL:"48px"},p=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function w(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return p.test(o)?o:"24px"}return v[o]||"24px"}const m={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function b(o){return Object.prototype.hasOwnProperty.call(m,o)?o:"mouse"}function f({iconType:o}){const e=m[b(o)];return(0,t.jsx)(e,{})}const j={flow:"flow",fixed:"fixed",absolute:"absolute"},_={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},g={left:"left",center:"center",right:"right"};function k(o){return j[o]||j.flow}function B(o){return _[o]||_["bottom-center"]}function y(o){return g[o]||g.center}function M(o,e){const t="number"==typeof o?o:Number.parseFloat(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}function N(o,e,t="center"){const l=k(o);if("fixed"===l)return`is-position-fixed is-screen-position-${B(e)}`;if("absolute"===l)return"is-position-absolute";const i=y(t);return"center"!==i?`is-flow-align-${i}`:""}function S(o,e,t){return"absolute"!==k(o)?{}:{"--scroll-indicator-x":`${M(e,50)}%`,"--scroll-indicator-y":`${M(t,85)}%`}}const P=[{value:"mouse",label:(0,i.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,i.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,i.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,i.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,i.__)("Hand","scroll-indicator")}],V=[{value:"S",label:(0,i.__)("Small","scroll-indicator"),text:"S"},{value:"M",label:(0,i.__)("Medium","scroll-indicator"),text:"M"},{value:"L",label:(0,i.__)("Large","scroll-indicator"),text:"L"},{value:"XL",label:(0,i.__)("Extra Large","scroll-indicator"),text:"XL"}],T=[{value:"flow",label:(0,i.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,i.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,i.__)("Absolute","scroll-indicator")}],C=[{value:"left",label:(0,i.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,i.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,i.__)("Align right","scroll-indicator"),icon:a}],z=[{value:"bottom-left",label:(0,i.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,i.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,i.__)("Bottom right","scroll-indicator"),icon:a}],L=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(L.UU,{icon:l,edit:function({attributes:o,setAttributes:e,clientId:l}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",showText:v=!0,customText:p="Scroll down",positionMode:j="flow",screenPosition:_="bottom-center",absoluteX:g=50,absoluteY:L=85}=o,H=(0,r.useRef)(),{selectBlock:O}=(0,x.useDispatch)("core/block-editor"),G=b(s),A=w(c,a),X=k(j),Z=B(_),E=M(g,50),$=M(L,85),D=y(o.flowAlign);function F(o){const t=H.current,l=t?.closest(".wp-block-cover")||t?.parentElement;if(!l)return;const i=l.getBoundingClientRect();0!==i.width&&0!==i.height&&e({absoluteX:M((o.clientX-i.left)/i.width*100,50),absoluteY:M((o.clientY-i.top)/i.height*100,85)})}const R=(0,n.useBlockProps)({ref:H,className:N(X,Z,D),style:{"--scroll-indicator-size":A,...S(X,E,$)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(n.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,i.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:P.map(o=>{const l=m[o.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===o.value,onClick:()=>e({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${o.value}`,children:(0,t.jsx)(l,{})})},o.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-size-buttons",children:V.map(o=>(0,t.jsx)(h.Button,{isPressed:c===o.value,label:o.label,showTooltip:!0,onClick:()=>e({iconSize:o.value}),children:o.text},o.value))})]}),(0,t.jsx)(h.ToggleControl,{label:(0,i.__)("Show text","scroll-indicator"),checked:v,onChange:o=>e({showText:o})}),v&&(0,t.jsx)(h.TextControl,{__next40pxDefaultSize:!0,label:(0,i.__)("Text","scroll-indicator"),value:p,onChange:o=>e({customText:o}),placeholder:(0,i.__)("Scroll down","scroll-indicator")})]}),(0,t.jsxs)(h.PanelBody,{title:(0,i.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:T.map(o=>(0,t.jsx)(h.Button,{isPressed:X===o.value,onClick:()=>e({positionMode:o.value}),children:o.label},o.value))})]}),"flow"===X&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:C.map(o=>{const l=o.icon;return(0,t.jsx)(h.Button,{icon:l,label:o.label,showTooltip:!0,isPressed:D===o.value,onClick:()=>e({flowAlign:o.value})},o.value)})})]}),"fixed"===X&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,i.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:z.map(o=>{const l=o.icon;return(0,t.jsx)(h.Button,{icon:l,label:o.label,showTooltip:!0,isPressed:Z===o.value,onClick:()=>e({screenPosition:o.value})},o.value)})})]}),"absolute"===X&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,i.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,i.__)("Horizontal","scroll-indicator"),value:E,min:0,max:100,onChange:o=>e({absoluteX:o})}),(0,t.jsx)(h.RangeControl,{label:(0,i.__)("Vertical","scroll-indicator"),value:$,min:0,max:100,onChange:o=>e({absoluteY:o})})]}),"fixed"===X&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,i.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]})]}),(0,t.jsx)("div",{...R,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${G}`,onPointerDown:function(o){if("absolute"!==X||0!==o.button)return;o.preventDefault(),o.stopPropagation(),O(l),F(o);const e=o.currentTarget.ownerDocument,t=o=>{F(o)},i=()=>{e.removeEventListener("pointermove",t),e.removeEventListener("pointerup",i)};e.addEventListener("pointermove",t),e.addEventListener("pointerup",i)},children:[(0,t.jsx)(f,{iconType:G}),v&&(0,t.jsx)("div",{className:"scroll-text",children:p||(0,i.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:i="24px",showText:r=!0,customText:s="Scroll down",positionMode:c="flow",screenPosition:a="bottom-center",absoluteX:d=50,absoluteY:u=85,flowAlign:h="center"}=o,x=b(e),v=w(l,i),p=s||"Scroll down",m=n.useBlockProps.save({className:N(c,a,h),style:{"--scroll-indicator-size":v,...S(c,d,u)}});return(0,t.jsx)("div",{...m,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${x}`,"aria-label":p,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(f,{iconType:x}),r&&(0,t.jsx)("div",{className:"scroll-text",children:p})]})})}})}},t={};function l(o){var i=t[o];if(void 0!==i)return i.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,l),n.exports}l.m=e,o=[],l.O=(e,t,i,n)=>{if(!t){var r=1/0;for(d=0;d<o.length;d++){for(var[t,i,n]=o[d],s=!0,c=0;c<t.length;c++)(!1&n||r>=n)&&Object.keys(l.O).every(o=>l.O[o](t[c]))?t.splice(c--,1):(s=!1,n<r&&(r=n));if(s){o.splice(d--,1);var a=i();void 0!==a&&(e=a)}}return e}n=n||0;for(var d=o.length;d>0&&o[d-1][2]>n;d--)o[d]=o[d-1];o[d]=[t,i,n]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,t)=>{var i,n,[r,s,c]=t,a=0;if(r.some(e=>0!==o[e])){for(i in s)l.o(s,i)&&(l.m[i]=s[i]);if(c)var d=c(l)}for(e&&e(t);a<r.length;a++)n=r[a],l.o(o,n)&&o[n]&&o[n][0](),o[n]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var i=l.O(void 0,[350],()=>l(511));i=l.O(i)})();
\ No newline at end of file
+(()=>{"use strict";var e,o={511(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var l=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const n=window.wp.i18n,i=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,v={S:"18px",M:"24px",L:"32px",XL:"48px"},p=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function m(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return p.test(e)?e:"24px"}return v[e]||"24px"}const b={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function w(e){return Object.prototype.hasOwnProperty.call(b,e)?e:"mouse"}function f({iconType:e}){const o=b[w(e)];return(0,t.jsx)(o,{})}const g={flow:"flow",fixed:"fixed",absolute:"absolute"},j={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},_={left:"left",center:"center",right:"right"},k={left:"bottom-left",center:"bottom-center",right:"bottom-right"},M={"bottom-left":"left","bottom-center":"center","bottom-right":"right"};function y(e){return g[e]||g.flow}function B(e){return j[e]||j["bottom-center"]}function N(e){return _[e]||_.center}function C(e){return M[B(e)]||_.center}function S(e){return k[N(e)]||j["bottom-center"]}function V(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function P(e,o,t="center"){const l=y(e);if("fixed"===l)return`is-position-fixed is-screen-position-${B(o)}`;if("absolute"===l)return"is-position-absolute";const n=N(t);return"center"!==n?`is-flow-align-${n}`:""}function T(e,o,t){return"absolute"!==y(e)?{}:{"--scroll-indicator-x":`${V(o,50)}%`,"--scroll-indicator-y":`${V(t,85)}%`}}const z=[{value:"mouse",label:(0,n.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,n.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,n.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,n.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,n.__)("Hand","scroll-indicator")}],L=[{value:"S",label:(0,n.__)("Small","scroll-indicator"),text:"S"},{value:"M",label:(0,n.__)("Medium","scroll-indicator"),text:"M"},{value:"L",label:(0,n.__)("Large","scroll-indicator"),text:"L"},{value:"XL",label:(0,n.__)("Extra Large","scroll-indicator"),text:"XL"},{value:"custom",label:(0,n.__)("Custom","scroll-indicator"),text:(0,n.__)("Custom","scroll-indicator")}],H=[{value:"flow",label:(0,n.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,n.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,n.__)("Absolute","scroll-indicator")}],O=[{value:"left",label:(0,n.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,n.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,n.__)("Align right","scroll-indicator"),icon:a}],G=[{value:"bottom-left",label:(0,n.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,n.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,n.__)("Bottom right","scroll-indicator"),icon:a}],$=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)($.UU,{icon:l,edit:function({attributes:e,setAttributes:o,clientId:l}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",align:v,showText:p=!0,customText:g="Scroll down",positionMode:j="flow",screenPosition:_="bottom-center",absoluteX:k=50,absoluteY:M=85,flowAlign:$="center"}=e,A=(0,r.useRef)(),{selectBlock:X}=(0,x.useDispatch)("core/block-editor"),Z=w(s),E=m(c,a),F=y(j),D=["left","center","right"].includes(v),R=D?S(v):B(_),Y=V(k,50),I=V(M,85),U=N(D?v:$),W=function(e){const o="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(o)?Math.min(96,Math.max(12,o)):24}(a);function J(e){const t=A.current,l=t?.closest(".wp-block-cover")||t?.parentElement;if(!l)return;const n=l.getBoundingClientRect();0!==n.width&&0!==n.height&&o({absoluteX:V((e.clientX-n.left)/n.width*100,50),absoluteY:V((e.clientY-n.top)/n.height*100,85)})}const q=(0,i.useBlockProps)({ref:A,className:P(F,R,U),style:{"--scroll-indicator-size":E,...T(F,Y,I)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(i.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,n.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:z.map(e=>{const l=b[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(l,{})})},e.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-size-buttons",children:L.map(e=>(0,t.jsx)(h.Button,{isPressed:c===e.value,label:e.label,showTooltip:!0,onClick:()=>function(e){const t={iconSize:e};"custom"===e&&(t.customSizeValue=`${W}px`),o(t)}(e.value),children:e.text},e.value))}),"custom"===c&&(0,t.jsx)(h.RangeControl,{label:(0,n.__)("Custom size","scroll-indicator"),value:W,min:12,max:96,step:1,renderTooltipContent:e=>`${e}px`,onChange:e=>o({customSizeValue:`${e||24}px`})})]}),(0,t.jsx)(h.ToggleControl,{label:(0,n.__)("Show text","scroll-indicator"),checked:p,onChange:e=>o({showText:e})}),p&&(0,t.jsx)(h.TextControl,{__next40pxDefaultSize:!0,label:(0,n.__)("Text","scroll-indicator"),value:g,onChange:e=>o({customText:e}),placeholder:(0,n.__)("Scroll down","scroll-indicator")})]}),(0,t.jsxs)(h.PanelBody,{title:(0,n.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:H.map(e=>(0,t.jsx)(h.Button,{isPressed:F===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===F&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:O.map(e=>{const l=e.icon;return(0,t.jsx)(h.Button,{icon:l,label:e.label,showTooltip:!0,isPressed:U===e.value,onClick:()=>o({flowAlign:e.value,align:e.value})},e.value)})})]}),"fixed"===F&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:G.map(e=>{const l=e.icon;return(0,t.jsx)(h.Button,{icon:l,label:e.label,showTooltip:!0,isPressed:R===e.value,onClick:()=>o({screenPosition:e.value,align:C(e.value)})},e.value)})})]}),"absolute"===F&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,n.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,n.__)("Horizontal","scroll-indicator"),value:Y,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,n.__)("Vertical","scroll-indicator"),value:I,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===F&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,n.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]})]}),(0,t.jsx)("div",{...q,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${Z}`,onPointerDown:function(e){if("absolute"!==F||0!==e.button)return;e.preventDefault(),e.stopPropagation(),X(l),J(e);const o=e.currentTarget.ownerDocument,t=e=>{J(e)},n=()=>{o.removeEventListener("pointermove",t),o.removeEventListener("pointerup",n)};o.addEventListener("pointermove",t),o.addEventListener("pointerup",n)},children:[(0,t.jsx)(f,{iconType:Z}),p&&(0,t.jsx)("div",{className:"scroll-text",children:g||(0,n.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:l="M",customSizeValue:n="24px",align:r,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=e,v=w(o),p=m(l,n),b=c||"Scroll down",g=["left","center","right"].includes(r),j=g?S(r):B(d),_=N(g?r:x),k=i.useBlockProps.save({className:P(a,j,_),style:{"--scroll-indicator-size":p,...T(a,u,h)}});return(0,t.jsx)("div",{...k,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${v}`,"aria-label":b,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(f,{iconType:v}),s&&(0,t.jsx)("div",{className:"scroll-text",children:b})]})})}})}},t={};function l(e){var n=t[e];if(void 0!==n)return n.exports;var i=t[e]={exports:{}};return o[e](i,i.exports,l),i.exports}l.m=o,e=[],l.O=(o,t,n,i)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,n,i]=e[d],s=!0,c=0;c<t.length;c++)(!1&i||r>=i)&&Object.keys(l.O).every(e=>l.O[e](t[c]))?t.splice(c--,1):(s=!1,i<r&&(r=i));if(s){e.splice(d--,1);var a=n();void 0!==a&&(o=a)}}return o}i=i||0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[t,n,i]},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};l.O.j=o=>0===e[o];var o=(o,t)=>{var n,i,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(n in s)l.o(s,n)&&(l.m[n]=s[n]);if(c)var d=c(l)}for(o&&o(t);a<r.length;a++)i=r[a],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var n=l.O(void 0,[350],()=>l(511));n=l.O(n)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index 7a55763..52e68d4 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 8297712..83788be 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/src/edit.js b/src/edit.js
index cc53d7e..ee25d9a 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -32,6 +32,8 @@ import {
 	getAbsoluteCoordinate,
 	getFlowAlignment,
 	getScreenPosition,
+	getAlignmentFromScreenPosition,
+	getScreenPositionFromAlignment,
 } from './position';
 
 const ICON_OPTIONS = [
@@ -50,8 +52,17 @@ const ICON_SIZE_OPTIONS = [
 	{ value: 'M', label: __( 'Medium', 'scroll-indicator' ), text: 'M' },
 	{ value: 'L', label: __( 'Large', 'scroll-indicator' ), text: 'L' },
 	{ value: 'XL', label: __( 'Extra Large', 'scroll-indicator' ), text: 'XL' },
+	{
+		value: 'custom',
+		label: __( 'Custom', 'scroll-indicator' ),
+		text: __( 'Custom', 'scroll-indicator' ),
+	},
 ];
 
+const CUSTOM_SIZE_MIN = 12;
+const CUSTOM_SIZE_MAX = 96;
+const CUSTOM_SIZE_DEFAULT = 24;
+
 const POSITION_MODE_OPTIONS = [
 	{ value: 'flow', label: __( 'Flow', 'scroll-indicator' ) },
 	{ value: 'fixed', label: __( 'Fixed', 'scroll-indicator' ) },
@@ -99,12 +110,14 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 		iconType = 'mouse',
 		iconSize = 'M',
 		customSizeValue = '24px',
+		align,
 		showText = true,
 		customText = 'Scroll down',
 		positionMode = 'flow',
 		screenPosition = 'bottom-center',
 		absoluteX = 50,
 		absoluteY = 85,
+		flowAlign = 'center',
 	} = attributes;
 
 	const blockRef = useRef();
@@ -112,10 +125,42 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
 	const normalizedPositionMode = getPositionMode( positionMode );
-	const normalizedScreenPosition = getScreenPosition( screenPosition );
+	const hasCoreAlignment = [ 'left', 'center', 'right' ].includes( align );
+	const normalizedScreenPosition = hasCoreAlignment
+		? getScreenPositionFromAlignment( align )
+		: getScreenPosition( screenPosition );
 	const normalizedAbsoluteX = getAbsoluteCoordinate( absoluteX, 50 );
 	const normalizedAbsoluteY = getAbsoluteCoordinate( absoluteY, 85 );
-	const normalizedFlowAlign = getFlowAlignment( attributes.flowAlign );
+	const normalizedFlowAlign = getFlowAlignment(
+		hasCoreAlignment ? align : flowAlign
+	);
+	const customSizeNumber = getCustomSizeNumber( customSizeValue );
+
+	function getCustomSizeNumber( value ) {
+		const numericValue =
+			typeof value === 'number' ? value : Number.parseFloat( value );
+
+		if ( ! Number.isFinite( numericValue ) ) {
+			return CUSTOM_SIZE_DEFAULT;
+		}
+
+		return Math.min(
+			CUSTOM_SIZE_MAX,
+			Math.max( CUSTOM_SIZE_MIN, numericValue )
+		);
+	}
+
+	function setIconSize( nextIconSize ) {
+		const nextAttributes = {
+			iconSize: nextIconSize,
+		};
+
+		if ( nextIconSize === 'custom' ) {
+			nextAttributes.customSizeValue = `${ customSizeNumber }px`;
+		}
+
+		setAttributes( nextAttributes );
+	}
 
 	function updateAbsolutePosition( event ) {
 		const wrapper = blockRef.current;
@@ -239,15 +284,35 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 									label={ option.label }
 									showTooltip
 									onClick={ () =>
-										setAttributes( {
-											iconSize: option.value,
-										} )
+										setIconSize( option.value )
 									}
 								>
 									{ option.text }
 								</Button>
 							) ) }
 						</ButtonGroup>
+						{ iconSize === 'custom' && (
+							<RangeControl
+								label={ __(
+									'Custom size',
+									'scroll-indicator'
+								) }
+								value={ customSizeNumber }
+								min={ CUSTOM_SIZE_MIN }
+								max={ CUSTOM_SIZE_MAX }
+								step={ 1 }
+								renderTooltipContent={ ( value ) =>
+									`${ value }px`
+								}
+								onChange={ ( value ) =>
+									setAttributes( {
+										customSizeValue: `${
+											value || CUSTOM_SIZE_DEFAULT
+										}px`,
+									} )
+								}
+							/>
+						) }
 					</fieldset>
 					<ToggleControl
 						label={ __( 'Show text', 'scroll-indicator' ) }
@@ -319,6 +384,7 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 											onClick={ () =>
 												setAttributes( {
 													flowAlign: option.value,
+													align: option.value,
 												} )
 											}
 										/>
@@ -350,6 +416,9 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 												setAttributes( {
 													screenPosition:
 														option.value,
+													align: getAlignmentFromScreenPosition(
+														option.value
+													),
 												} )
 											}
 										/>
diff --git a/src/position.js b/src/position.js
index 711e28a..e55a816 100644
--- a/src/position.js
+++ b/src/position.js
@@ -16,6 +16,18 @@ const FLOW_ALIGNMENT_MAP = {
 	right: 'right',
 };
 
+const ALIGNMENT_TO_SCREEN_POSITION = {
+	left: 'bottom-left',
+	center: 'bottom-center',
+	right: 'bottom-right',
+};
+
+const SCREEN_POSITION_TO_ALIGNMENT = {
+	'bottom-left': 'left',
+	'bottom-center': 'center',
+	'bottom-right': 'right',
+};
+
 export function getPositionMode( positionMode ) {
 	return POSITION_MODE_MAP[ positionMode ] || POSITION_MODE_MAP.flow;
 }
@@ -31,6 +43,20 @@ export function getFlowAlignment( flowAlign ) {
 	return FLOW_ALIGNMENT_MAP[ flowAlign ] || FLOW_ALIGNMENT_MAP.center;
 }
 
+export function getAlignmentFromScreenPosition( screenPosition ) {
+	return (
+		SCREEN_POSITION_TO_ALIGNMENT[ getScreenPosition( screenPosition ) ] ||
+		FLOW_ALIGNMENT_MAP.center
+	);
+}
+
+export function getScreenPositionFromAlignment( alignment ) {
+	return (
+		ALIGNMENT_TO_SCREEN_POSITION[ getFlowAlignment( alignment ) ] ||
+		SCREEN_POSITION_MAP[ 'bottom-center' ]
+	);
+}
+
 export function getAbsoluteCoordinate( coordinate, fallback ) {
 	const numericCoordinate =
 		typeof coordinate === 'number'
diff --git a/src/save.js b/src/save.js
index 48cc49a..da8992b 100644
--- a/src/save.js
+++ b/src/save.js
@@ -1,12 +1,19 @@
 import { useBlockProps } from '@wordpress/block-editor';
 import { IconRenderer, getIconType, getSizeValue } from './icons';
-import { getPositionClassNames, getPositionStyle } from './position';
+import {
+	getPositionClassNames,
+	getPositionStyle,
+	getFlowAlignment,
+	getScreenPosition,
+	getScreenPositionFromAlignment,
+} from './position';
 
 export default function save( { attributes } ) {
 	const {
 		iconType = 'mouse',
 		iconSize = 'M',
 		customSizeValue = '24px',
+		align,
 		showText = true,
 		customText = 'Scroll down',
 		positionMode = 'flow',
@@ -19,12 +26,19 @@ export default function save( { attributes } ) {
 	const normalizedIconType = getIconType( iconType );
 	const sizeValue = getSizeValue( iconSize, customSizeValue );
 	const label = customText || 'Scroll down';
+	const hasCoreAlignment = [ 'left', 'center', 'right' ].includes( align );
+	const normalizedScreenPosition = hasCoreAlignment
+		? getScreenPositionFromAlignment( align )
+		: getScreenPosition( screenPosition );
+	const normalizedFlowAlign = getFlowAlignment(
+		hasCoreAlignment ? align : flowAlign
+	);
 
 	const blockProps = useBlockProps.save( {
 		className: getPositionClassNames(
 			positionMode,
-			screenPosition,
-			flowAlign
+			normalizedScreenPosition,
+			normalizedFlowAlign
 		),
 		style: {
 			'--scroll-indicator-size': sizeValue,
diff --git a/src/style.scss b/src/style.scss
index 07ff968..20078e2 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -119,6 +119,18 @@
 	position: relative;
 }
 
+.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
+
+	> .wp-block-cover__inner-container {
+		position: static;
+
+		> :not(.wp-block-scroll-indicator-scroll-indicator) {
+			position: relative;
+			z-index: 1;
+		}
+	}
+}
+
 // Animations — only when user hasn't requested reduced motion
 @media (prefers-reduced-motion: no-preference) {
 

From 3a75436b735993295b52639b58e277086c2f8e39 Mon Sep 17 00:00:00 2001
From: Derek Hanson <derek.hanson@automattic.com>
Date: Thu, 21 May 2026 12:18:32 -0500
Subject: [PATCH 12/12] Refine toolbar and flow alignment

---
 .wp-playground/scroll-indicator.zip | Bin 12553 -> 13392 bytes
 compiled/block.json                 |   8 ++---
 compiled/index.asset.php            |   2 +-
 compiled/index.js                   |   2 +-
 compiled/style-index-rtl.css        |   2 +-
 compiled/style-index.css            |   2 +-
 src/block.json                      |   4 ++-
 src/edit.js                         |  52 ++++++++++++++++++++++++++--
 src/position.js                     |   6 ++++
 src/save.js                         |   5 ++-
 src/style.scss                      |  30 ++++++++++++++--
 11 files changed, 97 insertions(+), 16 deletions(-)

diff --git a/.wp-playground/scroll-indicator.zip b/.wp-playground/scroll-indicator.zip
index b4e05f9c02aed8d3e884d41ea0dfe69502ca473a..27fbdbe3960726b4192ebb6887d73334c9713e0d 100644
GIT binary patch
delta 7909
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
NgiwHPc>am}KLFl`+6@2z

delta 7071
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
HZ|MI4-W_63

diff --git a/compiled/block.json b/compiled/block.json
index e6e3a75..a6d3701 100644
--- a/compiled/block.json
+++ b/compiled/block.json
@@ -21,6 +21,9 @@
       "type": "string",
       "default": "24px"
     },
+    "align": {
+      "type": "string"
+    },
     "hideAfterScrolling": {
       "type": "boolean",
       "default": true
@@ -56,11 +59,6 @@
   },
   "supports": {
     "html": false,
-    "align": [
-      "left",
-      "center",
-      "right"
-    ],
     "color": {
       "text": true,
       "background": false
diff --git a/compiled/index.asset.php b/compiled/index.asset.php
index 2df1f03..ef8cd77 100644
--- a/compiled/index.asset.php
+++ b/compiled/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '2a079bfab507fd75781d');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '3e0f1d3a7adc1dd50ccc');
diff --git a/compiled/index.js b/compiled/index.js
index e020191..3d3a92e 100644
--- a/compiled/index.js
+++ b/compiled/index.js
@@ -1 +1 @@
-(()=>{"use strict";var e,o={511(){const e=window.wp.blocks,o=window.wp.primitives,t=window.ReactJSXRuntime;var l=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const n=window.wp.i18n,i=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),u=(0,t.jsx)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(o.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const h=window.wp.components,x=window.wp.data,v={S:"18px",M:"24px",L:"32px",XL:"48px"},p=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function m(e,o){if("custom"===e){const e="string"==typeof o?o.trim():"";return p.test(e)?e:"24px"}return v[e]||"24px"}const b={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function w(e){return Object.prototype.hasOwnProperty.call(b,e)?e:"mouse"}function f({iconType:e}){const o=b[w(e)];return(0,t.jsx)(o,{})}const g={flow:"flow",fixed:"fixed",absolute:"absolute"},j={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},_={left:"left",center:"center",right:"right"},k={left:"bottom-left",center:"bottom-center",right:"bottom-right"},M={"bottom-left":"left","bottom-center":"center","bottom-right":"right"};function y(e){return g[e]||g.flow}function B(e){return j[e]||j["bottom-center"]}function N(e){return _[e]||_.center}function C(e){return M[B(e)]||_.center}function S(e){return k[N(e)]||j["bottom-center"]}function V(e,o){const t="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):o}function P(e,o,t="center"){const l=y(e);if("fixed"===l)return`is-position-fixed is-screen-position-${B(o)}`;if("absolute"===l)return"is-position-absolute";const n=N(t);return"center"!==n?`is-flow-align-${n}`:""}function T(e,o,t){return"absolute"!==y(e)?{}:{"--scroll-indicator-x":`${V(o,50)}%`,"--scroll-indicator-y":`${V(t,85)}%`}}const z=[{value:"mouse",label:(0,n.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,n.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,n.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,n.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,n.__)("Hand","scroll-indicator")}],L=[{value:"S",label:(0,n.__)("Small","scroll-indicator"),text:"S"},{value:"M",label:(0,n.__)("Medium","scroll-indicator"),text:"M"},{value:"L",label:(0,n.__)("Large","scroll-indicator"),text:"L"},{value:"XL",label:(0,n.__)("Extra Large","scroll-indicator"),text:"XL"},{value:"custom",label:(0,n.__)("Custom","scroll-indicator"),text:(0,n.__)("Custom","scroll-indicator")}],H=[{value:"flow",label:(0,n.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,n.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,n.__)("Absolute","scroll-indicator")}],O=[{value:"left",label:(0,n.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,n.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,n.__)("Align right","scroll-indicator"),icon:a}],G=[{value:"bottom-left",label:(0,n.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,n.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,n.__)("Bottom right","scroll-indicator"),icon:a}],$=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,e.registerBlockType)($.UU,{icon:l,edit:function({attributes:e,setAttributes:o,clientId:l}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",align:v,showText:p=!0,customText:g="Scroll down",positionMode:j="flow",screenPosition:_="bottom-center",absoluteX:k=50,absoluteY:M=85,flowAlign:$="center"}=e,A=(0,r.useRef)(),{selectBlock:X}=(0,x.useDispatch)("core/block-editor"),Z=w(s),E=m(c,a),F=y(j),D=["left","center","right"].includes(v),R=D?S(v):B(_),Y=V(k,50),I=V(M,85),U=N(D?v:$),W=function(e){const o="number"==typeof e?e:Number.parseFloat(e);return Number.isFinite(o)?Math.min(96,Math.max(12,o)):24}(a);function J(e){const t=A.current,l=t?.closest(".wp-block-cover")||t?.parentElement;if(!l)return;const n=l.getBoundingClientRect();0!==n.width&&0!==n.height&&o({absoluteX:V((e.clientX-n.left)/n.width*100,50),absoluteY:V((e.clientY-n.top)/n.height*100,85)})}const q=(0,i.useBlockProps)({ref:A,className:P(F,R,U),style:{"--scroll-indicator-size":E,...T(F,Y,I)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(i.InspectorControls,{children:[(0,t.jsxs)(h.PanelBody,{title:(0,n.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:z.map(e=>{const l=b[e.value];return(0,t.jsx)(h.Button,{className:"scroll-indicator-icon-button",isPressed:s===e.value,onClick:()=>o({iconType:e.value}),label:e.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${e.value}`,children:(0,t.jsx)(l,{})})},e.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-size-buttons",children:L.map(e=>(0,t.jsx)(h.Button,{isPressed:c===e.value,label:e.label,showTooltip:!0,onClick:()=>function(e){const t={iconSize:e};"custom"===e&&(t.customSizeValue=`${W}px`),o(t)}(e.value),children:e.text},e.value))}),"custom"===c&&(0,t.jsx)(h.RangeControl,{label:(0,n.__)("Custom size","scroll-indicator"),value:W,min:12,max:96,step:1,renderTooltipContent:e=>`${e}px`,onChange:e=>o({customSizeValue:`${e||24}px`})})]}),(0,t.jsx)(h.ToggleControl,{label:(0,n.__)("Show text","scroll-indicator"),checked:p,onChange:e=>o({showText:e})}),p&&(0,t.jsx)(h.TextControl,{__next40pxDefaultSize:!0,label:(0,n.__)("Text","scroll-indicator"),value:g,onChange:e=>o({customText:e}),placeholder:(0,n.__)("Scroll down","scroll-indicator")})]}),(0,t.jsxs)(h.PanelBody,{title:(0,n.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:H.map(e=>(0,t.jsx)(h.Button,{isPressed:F===e.value,onClick:()=>o({positionMode:e.value}),children:e.label},e.value))})]}),"flow"===F&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Alignment","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:O.map(e=>{const l=e.icon;return(0,t.jsx)(h.Button,{icon:l,label:e.label,showTooltip:!0,isPressed:U===e.value,onClick:()=>o({flowAlign:e.value,align:e.value})},e.value)})})]}),"fixed"===F&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(h.ButtonGroup,{className:"scroll-indicator-position-buttons",children:G.map(e=>{const l=e.icon;return(0,t.jsx)(h.Button,{icon:l,label:e.label,showTooltip:!0,isPressed:R===e.value,onClick:()=>o({screenPosition:e.value,align:C(e.value)})},e.value)})})]}),"absolute"===F&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:d}),(0,n.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(h.RangeControl,{label:(0,n.__)("Horizontal","scroll-indicator"),value:Y,min:0,max:100,onChange:e=>o({absoluteX:e})}),(0,t.jsx)(h.RangeControl,{label:(0,n.__)("Vertical","scroll-indicator"),value:I,min:0,max:100,onChange:e=>o({absoluteY:e})})]}),"fixed"===F&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,n.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]})]}),(0,t.jsx)("div",{...q,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${Z}`,onPointerDown:function(e){if("absolute"!==F||0!==e.button)return;e.preventDefault(),e.stopPropagation(),X(l),J(e);const o=e.currentTarget.ownerDocument,t=e=>{J(e)},n=()=>{o.removeEventListener("pointermove",t),o.removeEventListener("pointerup",n)};o.addEventListener("pointermove",t),o.addEventListener("pointerup",n)},children:[(0,t.jsx)(f,{iconType:Z}),p&&(0,t.jsx)("div",{className:"scroll-text",children:g||(0,n.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:e}){const{iconType:o="mouse",iconSize:l="M",customSizeValue:n="24px",align:r,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=e,v=w(o),p=m(l,n),b=c||"Scroll down",g=["left","center","right"].includes(r),j=g?S(r):B(d),_=N(g?r:x),k=i.useBlockProps.save({className:P(a,j,_),style:{"--scroll-indicator-size":p,...T(a,u,h)}});return(0,t.jsx)("div",{...k,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${v}`,"aria-label":b,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(f,{iconType:v}),s&&(0,t.jsx)("div",{className:"scroll-text",children:b})]})})}})}},t={};function l(e){var n=t[e];if(void 0!==n)return n.exports;var i=t[e]={exports:{}};return o[e](i,i.exports,l),i.exports}l.m=o,e=[],l.O=(o,t,n,i)=>{if(!t){var r=1/0;for(d=0;d<e.length;d++){for(var[t,n,i]=e[d],s=!0,c=0;c<t.length;c++)(!1&i||r>=i)&&Object.keys(l.O).every(e=>l.O[e](t[c]))?t.splice(c--,1):(s=!1,i<r&&(r=i));if(s){e.splice(d--,1);var a=n();void 0!==a&&(o=a)}}return o}i=i||0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[t,n,i]},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),(()=>{var e={57:0,350:0};l.O.j=o=>0===e[o];var o=(o,t)=>{var n,i,[r,s,c]=t,a=0;if(r.some(o=>0!==e[o])){for(n in s)l.o(s,n)&&(l.m[n]=s[n]);if(c)var d=c(l)}for(o&&o(t);a<r.length;a++)i=r[a],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(o.bind(null,0)),t.push=o.bind(null,t.push.bind(t))})();var n=l.O(void 0,[350],()=>l(511));n=l.O(n)})();
\ No newline at end of file
+(()=>{"use strict";var o,e={83(){const o=window.wp.blocks,e=window.wp.primitives,t=window.ReactJSXRuntime;var l=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"m16.5 13.5-3.7 3.7V4h-1.5v13.2l-3.8-3.7-1 1 5.5 5.6 5.5-5.6z"})});const n=window.wp.i18n,i=window.wp.blockEditor,r=window.wp.element;var s=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M5 5.5h8V4H5v1.5ZM5 20h8v-1.5H5V20ZM19 9H5v6h14V9Z"})}),c=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5H5V4h14v1.5ZM19 20H5v-1.5h14V20ZM7 9h10v6H7V9Z"})}),a=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19 5.5h-8V4h8v1.5ZM19 20h-8v-1.5h8V20ZM5 9h14v6H5V9Z"})}),d=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M19.75 9c0-1.257-.565-2.197-1.39-2.858-.797-.64-1.827-1.017-2.815-1.247-1.802-.42-3.703-.403-4.383-.396L11 4.5V6l.177-.001c.696-.006 2.416-.02 4.028.356.887.207 1.67.518 2.216.957.52.416.829.945.829 1.688 0 .592-.167.966-.407 1.23-.255.281-.656.508-1.236.674-1.19.34-2.82.346-4.607.346h-.077c-1.692 0-3.527 0-4.942.404-.732.209-1.424.545-1.935 1.108-.526.579-.796 1.33-.796 2.238 0 1.257.565 2.197 1.39 2.858.797.64 1.827 1.017 2.815 1.247 1.802.42 3.703.403 4.383.396L13 19.5h.714V22L18 18.5 13.714 15v3H13l-.177.001c-.696.006-2.416.02-4.028-.356-.887-.207-1.67-.518-2.216-.957-.52-.416-.829-.945-.829-1.688 0-.592.167-.966.407-1.23.255-.281.656-.508 1.237-.674 1.189-.34 2.819-.346 4.606-.346h.077c1.692 0 3.527 0 4.941-.404.732-.209 1.425-.545 1.936-1.108.526-.579.796-1.33.796-2.238z"})}),u=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M8 7h2V5H8v2zm0 6h2v-2H8v2zm0 6h2v-2H8v2zm6-14v2h2V5h-2zm0 8h2v-2h-2v2zm0 6h2v-2h-2v2z"})}),h=(0,t.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(e.Path,{d:"M20.5 16h-.7V8c0-1.1-.9-2-2-2H6.2c-1.1 0-2 .9-2 2v8h-.7c-.8 0-1.5.7-1.5 1.5h20c0-.8-.7-1.5-1.5-1.5zM5.7 8c0-.3.2-.5.5-.5h11.6c.3 0 .5.2.5.5v7.6H5.7V8z"})});const x=window.wp.components,v=window.wp.data,p={S:"18px",M:"24px",L:"32px",XL:"48px"},m=/^(?:\d+|\d*\.\d+)(?:px|em|rem|vh|vw|vmin|vmax|%)$/;function b(o,e){if("custom"===o){const o="string"==typeof e?e.trim():"";return m.test(o)?o:"24px"}return p[o]||"24px"}const w={mouse:function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 38",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("rect",{x:"1",y:"1",width:"22",height:"36",rx:"11",ry:"11"}),(0,t.jsx)("line",{x1:"12",y1:"8",x2:"12",y2:"16",strokeLinecap:"round",className:"scroll-wheel"})]})},"arrow-down":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M7 13l5 5 5-5"}),(0,t.jsx)("path",{d:"M7 7l5 5 5-5",opacity:"0.4"})]})},"chevron-bounce":function(){return(0,t.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M6 9l6 6 6-6"})})},"scroll-dots":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 36",fill:"currentColor","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("circle",{cx:"12",cy:"6",r:"3",className:"dot dot-1"}),(0,t.jsx)("circle",{cx:"12",cy:"18",r:"3",className:"dot dot-2"}),(0,t.jsx)("circle",{cx:"12",cy:"30",r:"3",className:"dot dot-3"})]})},"hand-point":function(){return(0,t.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",children:[(0,t.jsx)("path",{d:"M9 11V6a2 2 0 0 1 4 0v5"}),(0,t.jsx)("path",{d:"M13 11V8a2 2 0 0 1 4 0v5l1 3a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4v-2a2 2 0 0 1 2-2h1"})]})}};function f(o){return Object.prototype.hasOwnProperty.call(w,o)?o:"mouse"}function g({iconType:o}){const e=w[f(o)];return(0,t.jsx)(e,{})}const j={flow:"flow",fixed:"fixed",absolute:"absolute"},_={"bottom-left":"bottom-left","bottom-center":"bottom-center","bottom-right":"bottom-right"},k={left:"left",center:"center",right:"right"},B={left:"bottom-left",center:"bottom-center",right:"bottom-right"},M={"bottom-left":"left","bottom-center":"center","bottom-right":"right"};function C(o){return j[o]||j.flow}function y(o){return _[o]||_["bottom-center"]}function N(o){return k[o]||k.center}function S(o){return M[y(o)]||k.center}function V(o){return B[N(o)]||_["bottom-center"]}function T(o){const e=k[o];return e?`align${e}`:""}function P(o,e){const t="number"==typeof o?o:Number.parseFloat(o);return Number.isFinite(t)?Math.min(100,Math.max(0,t)):e}function z(o,e,t="center"){const l=C(o);if("fixed"===l)return`is-position-fixed is-screen-position-${y(e)}`;if("absolute"===l)return"is-position-absolute";const n=N(t);return"center"!==n?`is-flow-align-${n}`:""}function L(o,e,t){return"absolute"!==C(o)?{}:{"--scroll-indicator-x":`${P(e,50)}%`,"--scroll-indicator-y":`${P(t,85)}%`}}const H=[{value:"mouse",label:(0,n.__)("Mouse","scroll-indicator")},{value:"arrow-down",label:(0,n.__)("Arrow","scroll-indicator")},{value:"chevron-bounce",label:(0,n.__)("Chevron","scroll-indicator")},{value:"scroll-dots",label:(0,n.__)("Dots","scroll-indicator")},{value:"hand-point",label:(0,n.__)("Hand","scroll-indicator")}],O=[{value:"S",label:(0,n.__)("Small","scroll-indicator"),text:"S"},{value:"M",label:(0,n.__)("Medium","scroll-indicator"),text:"M"},{value:"L",label:(0,n.__)("Large","scroll-indicator"),text:"L"},{value:"XL",label:(0,n.__)("Extra Large","scroll-indicator"),text:"XL"},{value:"custom",label:(0,n.__)("Custom","scroll-indicator"),text:(0,n.__)("Custom","scroll-indicator")}],G=[{value:"flow",label:(0,n.__)("Flow","scroll-indicator")},{value:"fixed",label:(0,n.__)("Fixed","scroll-indicator")},{value:"absolute",label:(0,n.__)("Absolute","scroll-indicator")}],A=[{value:"left",label:(0,n.__)("Align left","scroll-indicator"),icon:s},{value:"center",label:(0,n.__)("Align center","scroll-indicator"),icon:c},{value:"right",label:(0,n.__)("Align right","scroll-indicator"),icon:a}],$=[{value:"bottom-left",label:(0,n.__)("Bottom left","scroll-indicator"),icon:s},{value:"bottom-center",label:(0,n.__)("Bottom center","scroll-indicator"),icon:c},{value:"bottom-right",label:(0,n.__)("Bottom right","scroll-indicator"),icon:a}],X=JSON.parse('{"UU":"scroll-indicator/scroll-indicator"}');(0,o.registerBlockType)(X.UU,{icon:l,edit:function({attributes:o,setAttributes:e,clientId:l}){const{iconType:s="mouse",iconSize:c="M",customSizeValue:a="24px",align:p,showText:m=!0,customText:j="Scroll down",positionMode:_="flow",screenPosition:k="bottom-center",absoluteX:B=50,absoluteY:M=85,flowAlign:X="center"}=o,Z=(0,r.useRef)(),{selectBlock:D}=(0,v.useDispatch)("core/block-editor"),E=f(s),F=b(c,a),R=C(_),Y=["left","center","right"].includes(p),I=Y?V(p):y(k),U=P(B,50),W=P(M,85),J=N(Y?p:X),q=Y?p:J,K=function(o){const e="number"==typeof o?o:Number.parseFloat(o);return Number.isFinite(e)?Math.min(96,Math.max(12,e)):24}(a);function Q(o){const t=Z.current,l=t?.closest(".wp-block-cover")||t?.parentElement;if(!l)return;const n=l.getBoundingClientRect();0!==n.width&&0!==n.height&&e({absoluteX:P((o.clientX-n.left)/n.width*100,50),absoluteY:P((o.clientY-n.top)/n.height*100,85)})}const oo=(0,i.useBlockProps)({ref:Z,className:z(R,I,J).concat(" ",T(p)).trim(),style:{"--scroll-indicator-size":F,...L(R,U,W)}});return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.BlockControls,{group:"block",children:"absolute"===R?(0,t.jsx)(x.ToolbarGroup,{children:(0,t.jsx)(x.ToolbarButton,{icon:d,label:(0,n.__)("Drag on canvas to position","scroll-indicator"),onClick:()=>D(l)})}):(0,t.jsx)(i.AlignmentToolbar,{value:q,onChange:function(o){const t=N(o||"center");e("fixed"!==R?{align:t,flowAlign:t}:{align:t,screenPosition:V(t)})}})}),(0,t.jsxs)(i.InspectorControls,{children:[(0,t.jsxs)(x.PanelBody,{title:(0,n.__)("Settings","scroll-indicator"),initialOpen:!0,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-icon-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Icon Type","scroll-indicator")}),(0,t.jsx)(x.ButtonGroup,{className:"scroll-indicator-icon-buttons",children:H.map(o=>{const l=w[o.value];return(0,t.jsx)(x.Button,{className:"scroll-indicator-icon-button",isPressed:s===o.value,onClick:()=>e({iconType:o.value}),label:o.label,showTooltip:!0,children:(0,t.jsx)("span",{className:`scroll-indicator-icon-preview icon-${o.value}`,children:(0,t.jsx)(l,{})})},o.value)})})]}),(0,t.jsxs)("fieldset",{className:"scroll-indicator-size-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Icon Size","scroll-indicator")}),(0,t.jsx)(x.ButtonGroup,{className:"scroll-indicator-size-buttons",children:O.map(o=>(0,t.jsx)(x.Button,{isPressed:c===o.value,label:o.label,showTooltip:!0,onClick:()=>function(o){const t={iconSize:o};"custom"===o&&(t.customSizeValue=`${K}px`),e(t)}(o.value),children:o.text},o.value))}),"custom"===c&&(0,t.jsx)(x.RangeControl,{label:(0,n.__)("Custom size","scroll-indicator"),value:K,min:12,max:96,step:1,renderTooltipContent:o=>`${o}px`,onChange:o=>e({customSizeValue:`${o||24}px`})})]}),(0,t.jsx)(x.ToggleControl,{label:(0,n.__)("Show text","scroll-indicator"),checked:m,onChange:o=>e({showText:o})}),m&&(0,t.jsx)(x.TextControl,{__next40pxDefaultSize:!0,label:(0,n.__)("Text","scroll-indicator"),value:j,onChange:o=>e({customText:o}),placeholder:(0,n.__)("Scroll down","scroll-indicator")})]}),(0,t.jsxs)(x.PanelBody,{title:(0,n.__)("Position","scroll-indicator"),initialOpen:!1,children:[(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Position Mode","scroll-indicator")}),(0,t.jsx)(x.ButtonGroup,{className:"scroll-indicator-mode-buttons",children:G.map(o=>(0,t.jsx)(x.Button,{isPressed:R===o.value,onClick:()=>e({positionMode:o.value}),children:o.label},o.value))})]}),"flow"===R&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Alignment","scroll-indicator")}),(0,t.jsx)(x.ButtonGroup,{className:"scroll-indicator-position-buttons",children:A.map(o=>{const l=o.icon;return(0,t.jsx)(x.Button,{icon:l,label:o.label,showTooltip:!0,isPressed:J===o.value,onClick:()=>e({flowAlign:o.value,align:o.value})},o.value)})})]}),"fixed"===R&&(0,t.jsxs)("fieldset",{className:"scroll-indicator-position-picker",children:[(0,t.jsx)("legend",{children:(0,n.__)("Screen Position","scroll-indicator")}),(0,t.jsx)(x.ButtonGroup,{className:"scroll-indicator-position-buttons",children:$.map(o=>{const l=o.icon;return(0,t.jsx)(x.Button,{icon:l,label:o.label,showTooltip:!0,isPressed:I===o.value,onClick:()=>e({screenPosition:o.value,align:S(o.value)})},o.value)})})]}),"absolute"===R&&(0,t.jsxs)("div",{className:"scroll-indicator-absolute-controls",children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:u}),(0,n.__)("Drag the indicator on the canvas, or fine-tune its position below.","scroll-indicator")]}),(0,t.jsx)(x.RangeControl,{label:(0,n.__)("Horizontal","scroll-indicator"),value:U,min:0,max:100,onChange:o=>e({absoluteX:o})}),(0,t.jsx)(x.RangeControl,{label:(0,n.__)("Vertical","scroll-indicator"),value:W,min:0,max:100,onChange:o=>e({absoluteY:o})})]}),"fixed"===R&&(0,t.jsxs)("p",{className:"scroll-indicator-position-note",children:[(0,t.jsx)("span",{className:"scroll-indicator-control-icon",children:h}),(0,n.__)("Fixed positioning pins the indicator to the visitor's screen.","scroll-indicator")]})]})]}),(0,t.jsx)("div",{...oo,children:(0,t.jsxs)("div",{className:`scroll-indicator icon-${E}`,onPointerDown:function(o){if("absolute"!==R||0!==o.button)return;o.preventDefault(),o.stopPropagation(),D(l),Q(o);const e=o.currentTarget.ownerDocument,t=o=>{Q(o)},n=()=>{e.removeEventListener("pointermove",t),e.removeEventListener("pointerup",n)};e.addEventListener("pointermove",t),e.addEventListener("pointerup",n)},children:[(0,t.jsx)(g,{iconType:E}),m&&(0,t.jsx)("div",{className:"scroll-text",children:j||(0,n.__)("Scroll down","scroll-indicator")})]})})]})},save:function({attributes:o}){const{iconType:e="mouse",iconSize:l="M",customSizeValue:n="24px",align:r,showText:s=!0,customText:c="Scroll down",positionMode:a="flow",screenPosition:d="bottom-center",absoluteX:u=50,absoluteY:h=85,flowAlign:x="center"}=o,v=f(e),p=b(l,n),m=c||"Scroll down",w=["left","center","right"].includes(r),j=w?V(r):y(d),_=N(w?r:x),k=i.useBlockProps.save({className:z(a,j,_).concat(" ",T(r)).trim(),style:{"--scroll-indicator-size":p,...L(a,u,h)}});return(0,t.jsx)("div",{...k,children:(0,t.jsxs)("button",{type:"button",className:`scroll-indicator icon-${v}`,"aria-label":m,"data-hide-after-scrolling":"true",children:[(0,t.jsx)(g,{iconType:v}),s&&(0,t.jsx)("div",{className:"scroll-text",children:m})]})})}})}},t={};function l(o){var n=t[o];if(void 0!==n)return n.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,l),i.exports}l.m=e,o=[],l.O=(e,t,n,i)=>{if(!t){var r=1/0;for(d=0;d<o.length;d++){for(var[t,n,i]=o[d],s=!0,c=0;c<t.length;c++)(!1&i||r>=i)&&Object.keys(l.O).every(o=>l.O[o](t[c]))?t.splice(c--,1):(s=!1,i<r&&(r=i));if(s){o.splice(d--,1);var a=n();void 0!==a&&(e=a)}}return e}i=i||0;for(var d=o.length;d>0&&o[d-1][2]>i;d--)o[d]=o[d-1];o[d]=[t,n,i]},l.o=(o,e)=>Object.prototype.hasOwnProperty.call(o,e),(()=>{var o={57:0,350:0};l.O.j=e=>0===o[e];var e=(e,t)=>{var n,i,[r,s,c]=t,a=0;if(r.some(e=>0!==o[e])){for(n in s)l.o(s,n)&&(l.m[n]=s[n]);if(c)var d=c(l)}for(e&&e(t);a<r.length;a++)i=r[a],l.o(o,i)&&o[i]&&o[i][0](),o[i]=0;return l.O(d)},t=globalThis.webpackChunkscroll_indicator=globalThis.webpackChunkscroll_indicator||[];t.forEach(e.bind(null,0)),t.push=e.bind(null,t.push.bind(t))})();var n=l.O(void 0,[350],()=>l(83));n=l.O(n)})();
\ No newline at end of file
diff --git a/compiled/style-index-rtl.css b/compiled/style-index-rtl.css
index 52e68d4..ae584fd 100644
--- a/compiled/style-index-rtl.css
+++ b/compiled/style-index-rtl.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.is-layout-constrained>.wp-block-scroll-indicator-scroll-indicator:not(.is-position-fixed):not(.is-position-absolute){max-width:var(--wp--style--global--content-size);width:100%}.editor-styles-wrapper .is-layout-constrained>.wp-block-scroll-indicator-scroll-indicator:not(.is-position-fixed):not(.is-position-absolute),.is-layout-constrained>.wp-block-scroll-indicator-scroll-indicator:not(.is-position-fixed):not(.is-position-absolute){float:none!important;margin-inline-end:auto!important;margin-inline-start:auto!important;margin-right:auto!important;margin-left:auto!important}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);right:50%;margin:0;position:fixed;left:auto;transform:translateX(50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{right:clamp(16px,4vw,32px);left:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{right:50%;left:auto;transform:translateX(50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{right:auto;left:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{right:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/compiled/style-index.css b/compiled/style-index.css
index 83788be..c5a1a6a 100644
--- a/compiled/style-index.css
+++ b/compiled/style-index.css
@@ -1 +1 @@
-.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
+.wp-block-scroll-indicator-scroll-indicator{box-sizing:border-box;display:flex;justify-content:center;max-width:100%;width:100%}.wp-block-scroll-indicator-scroll-indicator.aligncenter,.wp-block-scroll-indicator-scroll-indicator.alignleft,.wp-block-scroll-indicator-scroll-indicator.alignright{float:none}.wp-block-scroll-indicator-scroll-indicator.alignleft{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.aligncenter{justify-content:center}.wp-block-scroll-indicator-scroll-indicator.alignright{justify-content:flex-end}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-left{justify-content:flex-start}.wp-block-scroll-indicator-scroll-indicator.is-flow-align-right{justify-content:flex-end}.is-layout-constrained>.wp-block-scroll-indicator-scroll-indicator:not(.is-position-fixed):not(.is-position-absolute){max-width:var(--wp--style--global--content-size);width:100%}.editor-styles-wrapper .is-layout-constrained>.wp-block-scroll-indicator-scroll-indicator:not(.is-position-fixed):not(.is-position-absolute),.is-layout-constrained>.wp-block-scroll-indicator-scroll-indicator:not(.is-position-fixed):not(.is-position-absolute){float:none!important;margin-inline-end:auto!important;margin-inline-start:auto!important;margin-left:auto!important;margin-right:auto!important}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed{bottom:clamp(16px,4vw,32px);left:50%;margin:0;position:fixed;right:auto;transform:translateX(-50%);width:auto;z-index:1000}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-left{left:clamp(16px,4vw,32px);right:auto;transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-center{left:50%;right:auto;transform:translateX(-50%)}.wp-block-scroll-indicator-scroll-indicator.is-position-fixed.is-screen-position-bottom-right{left:auto;right:clamp(16px,4vw,32px);transform:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute{left:var(--scroll-indicator-x,50%);margin:0;position:absolute;top:var(--scroll-indicator-y,85%);transform:translate(-50%,-50%);width:auto;z-index:2}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;font:inherit;gap:10px;max-width:100%;padding:0;text-align:center}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator:focus-visible{border-radius:8px;box-shadow:0 0 0 2px currentcolor;outline:2px solid transparent;outline-offset:4px}.wp-block-scroll-indicator-scroll-indicator .scroll-indicator svg{height:var(--scroll-indicator-size,24px);width:var(--scroll-indicator-size,24px)}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator{cursor:grab;touch-action:none}.wp-block-scroll-indicator-scroll-indicator.is-position-absolute .scroll-indicator:active{cursor:grabbing}.wp-block-scroll-indicator-scroll-indicator .scroll-text{color:currentcolor;font-size:14px;font-weight:500;opacity:.8}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute){position:relative}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container{position:static}.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute)>.wp-block-cover__inner-container>:not(.wp-block-scroll-indicator-scroll-indicator){position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){.wp-block-scroll-indicator-scroll-indicator .icon-mouse svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-mouse .scroll-wheel{animation:scroll-indicator-wheel 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-chevron-bounce svg{animation:scroll-indicator-bounce 2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-arrow-down svg path:last-child{animation:scroll-indicator-fade-pulse 2s ease-in-out infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-1{animation:scroll-indicator-dot-pulse 1.4s ease-in-out 0s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-2{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .2s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-scroll-dots .dot-3{animation:scroll-indicator-dot-pulse 1.4s ease-in-out .4s infinite}.wp-block-scroll-indicator-scroll-indicator .icon-hand-point svg{animation:scroll-indicator-bounce 2s infinite}@keyframes scroll-indicator-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes scroll-indicator-wheel{0%,50%,to{opacity:1;transform:translateY(0)}25%{opacity:.5;transform:translateY(8px)}}@keyframes scroll-indicator-fade-pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes scroll-indicator-dot-pulse{0%,to{opacity:.2}50%{opacity:1}}}
diff --git a/src/block.json b/src/block.json
index a4a5512..ddde4f2 100644
--- a/src/block.json
+++ b/src/block.json
@@ -21,6 +21,9 @@
 			"type": "string",
 			"default": "24px"
 		},
+		"align": {
+			"type": "string"
+		},
 		"hideAfterScrolling": {
 			"type": "boolean",
 			"default": true
@@ -56,7 +59,6 @@
 	},
 	"supports": {
 		"html": false,
-		"align": [ "left", "center", "right" ],
 		"color": { "text": true, "background": false },
 		"spacing": { "margin": true, "padding": true }
 	},
diff --git a/src/edit.js b/src/edit.js
index ee25d9a..0f5065f 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -1,9 +1,15 @@
 import { __ } from '@wordpress/i18n';
-import { useBlockProps, InspectorControls } from '@wordpress/block-editor';
+import {
+	useBlockProps,
+	InspectorControls,
+	BlockControls,
+	AlignmentToolbar,
+} from '@wordpress/block-editor';
 import { useRef } from '@wordpress/element';
 import {
 	desktop,
 	dragHandle,
+	moveTo,
 	positionCenter,
 	positionLeft,
 	positionRight,
@@ -15,6 +21,8 @@ import {
 	ButtonGroup,
 	Button,
 	RangeControl,
+	ToolbarButton,
+	ToolbarGroup,
 } from '@wordpress/components';
 import { useDispatch } from '@wordpress/data';
 
@@ -34,6 +42,7 @@ import {
 	getScreenPosition,
 	getAlignmentFromScreenPosition,
 	getScreenPositionFromAlignment,
+	getAlignmentClassName,
 } from './position';
 
 const ICON_OPTIONS = [
@@ -134,6 +143,7 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 	const normalizedFlowAlign = getFlowAlignment(
 		hasCoreAlignment ? align : flowAlign
 	);
+	const toolbarAlignment = hasCoreAlignment ? align : normalizedFlowAlign;
 	const customSizeNumber = getCustomSizeNumber( customSizeValue );
 
 	function getCustomSizeNumber( value ) {
@@ -162,6 +172,23 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 		setAttributes( nextAttributes );
 	}
 
+	function setAlignment( nextAlignment ) {
+		const alignment = getFlowAlignment( nextAlignment || 'center' );
+
+		if ( normalizedPositionMode === 'fixed' ) {
+			setAttributes( {
+				align: alignment,
+				screenPosition: getScreenPositionFromAlignment( alignment ),
+			} );
+			return;
+		}
+
+		setAttributes( {
+			align: alignment,
+			flowAlign: alignment,
+		} );
+	}
+
 	function updateAbsolutePosition( event ) {
 		const wrapper = blockRef.current;
 		const canvas =
@@ -223,7 +250,9 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 			normalizedPositionMode,
 			normalizedScreenPosition,
 			normalizedFlowAlign
-		),
+		)
+			.concat( ' ', getAlignmentClassName( align ) )
+			.trim(),
 		style: {
 			'--scroll-indicator-size': sizeValue,
 			...getPositionStyle(
@@ -236,6 +265,25 @@ export default function Edit( { attributes, setAttributes, clientId } ) {
 
 	return (
 		<>
+			<BlockControls group="block">
+				{ normalizedPositionMode === 'absolute' ? (
+					<ToolbarGroup>
+						<ToolbarButton
+							icon={ moveTo }
+							label={ __(
+								'Drag on canvas to position',
+								'scroll-indicator'
+							) }
+							onClick={ () => selectBlock( clientId ) }
+						/>
+					</ToolbarGroup>
+				) : (
+					<AlignmentToolbar
+						value={ toolbarAlignment }
+						onChange={ setAlignment }
+					/>
+				) }
+			</BlockControls>
 			<InspectorControls>
 				<PanelBody
 					title={ __( 'Settings', 'scroll-indicator' ) }
diff --git a/src/position.js b/src/position.js
index e55a816..0f5184c 100644
--- a/src/position.js
+++ b/src/position.js
@@ -57,6 +57,12 @@ export function getScreenPositionFromAlignment( alignment ) {
 	);
 }
 
+export function getAlignmentClassName( alignment ) {
+	const normalizedAlignment = FLOW_ALIGNMENT_MAP[ alignment ];
+
+	return normalizedAlignment ? `align${ normalizedAlignment }` : '';
+}
+
 export function getAbsoluteCoordinate( coordinate, fallback ) {
 	const numericCoordinate =
 		typeof coordinate === 'number'
diff --git a/src/save.js b/src/save.js
index da8992b..dc42eaa 100644
--- a/src/save.js
+++ b/src/save.js
@@ -6,6 +6,7 @@ import {
 	getFlowAlignment,
 	getScreenPosition,
 	getScreenPositionFromAlignment,
+	getAlignmentClassName,
 } from './position';
 
 export default function save( { attributes } ) {
@@ -39,7 +40,9 @@ export default function save( { attributes } ) {
 			positionMode,
 			normalizedScreenPosition,
 			normalizedFlowAlign
-		),
+		)
+			.concat( ' ', getAlignmentClassName( align ) )
+			.trim(),
 		style: {
 			'--scroll-indicator-size': sizeValue,
 			...getPositionStyle( positionMode, absoluteX, absoluteY ),
diff --git a/src/style.scss b/src/style.scss
index 20078e2..00b9259 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -31,6 +31,24 @@
 		justify-content: flex-end;
 	}
 
+	.is-layout-constrained > &:not(.is-position-fixed):not(.is-position-absolute) {
+		float: none !important;
+		margin-inline-start: auto !important;
+		margin-inline-end: auto !important;
+		margin-left: auto !important;
+		margin-right: auto !important;
+		max-width: var(--wp--style--global--content-size);
+		width: 100%;
+	}
+
+	.editor-styles-wrapper .is-layout-constrained > &:not(.is-position-fixed):not(.is-position-absolute) {
+		float: none !important;
+		margin-inline-start: auto !important;
+		margin-inline-end: auto !important;
+		margin-left: auto !important;
+		margin-right: auto !important;
+	}
+
 	&.is-position-fixed {
 		bottom: clamp(16px, 4vw, 32px);
 		left: 50%;
@@ -114,12 +132,18 @@
 	}
 }
 
-.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute),
-.wp-block-group:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
+.wp-block-cover:has(
+.wp-block-scroll-indicator-scroll-indicator.is-position-absolute
+),
+.wp-block-group:has(
+.wp-block-scroll-indicator-scroll-indicator.is-position-absolute
+) {
 	position: relative;
 }
 
-.wp-block-cover:has(.wp-block-scroll-indicator-scroll-indicator.is-position-absolute) {
+.wp-block-cover:has(
+.wp-block-scroll-indicator-scroll-indicator.is-position-absolute
+) {
 
 	> .wp-block-cover__inner-container {
 		position: static;