feat(15): phone validation htmx inline

making phone input as a fragment that accepts value and error
initial value from overall state, initial error empty string

some contitional classes and hidden error message
wowy,
endpoint that takes POST request, extracts value and resends the
rendered fragment. cool

15-multi-step-form/src/main/resources/public/out.css

@@ -572,10 +572,6 @@ video {
   grid-row: span 2 / span 2;
 }
 
-.row-span-full {
-  grid-row: 1 / -1;
-}
-
 .row-start-1 {
   grid-row-start: 1;
 }
@@ -655,6 +651,10 @@ video {
   display: inline-grid;
 }
 
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -777,14 +777,6 @@ video {
   grid-template-columns: repeat(4, auto);
 }
 
-.grid-rows-5 {
-  grid-template-rows: repeat(5, minmax(0, 1fr));
-}
-
-.grid-rows-3 {
-  grid-template-rows: repeat(3, minmax(0, 1fr));
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -879,6 +871,11 @@ video {
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
+.border-strawberry-red {
+  --tw-border-opacity: 1;
+  border-color: hsl(354 84% 57% / var(--tw-border-opacity));
+}
+
 .\!bg-light-blue {
   --tw-bg-opacity: 1 !important;
   background-color: hsl(206 94% 87% / var(--tw-bg-opacity)) !important;
@@ -1063,6 +1060,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-strawberry-red {
+  --tw-text-opacity: 1;
+  color: hsl(354 84% 57% / var(--tw-text-opacity));
+}
+
 .underline {
   text-decoration-line: underline;
 }