railsui 3.1.0

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/meta/safari-pinned-tab.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M39 6987 c-9 -7 -21 -22 -27 -34 -9 -16 -12 -862 -12 -3450 0 -1885
+3 -3438 6 -3451 15 -56 -229 -52 3503 -52 l3440 0 26 27 25 28 -2 3451 c-3
+3393 -3 3451 -22 3470 -19 19 -77 19 -3470 21 -2704 2 -3454 0 -3467 -10z
+m4453 -1158 c213 -71 545 -289 768 -504 389 -374 634 -839 735 -1390 25 -139
+33 -261 30 -465 -2 -113 -6 -218 -9 -235 -2 -16 -7 -50 -11 -75 -3 -25 -12
+-79 -21 -120 -8 -41 -16 -84 -18 -95 -7 -36 -55 -198 -80 -270 -81 -238 -236
+-516 -406 -730 -135 -171 -386 -401 -555 -511 -33 -21 -62 -42 -65 -45 -11
+-13 -269 -151 -321 -171 -180 -69 -335 -56 -479 42 -175 119 -271 317 -271
+560 0 125 46 305 85 332 6 4 7 8 3 8 -13 0 53 89 108 145 141 144 319 212 525
+202 113 -6 169 -20 268 -67 96 -46 131 -38 167 39 11 22 23 41 28 41 4 0 7 4
+7 10 0 5 36 71 80 146 108 184 108 202 5 269 -250 161 -361 497 -260 788 47
+135 136 251 254 332 115 78 114 80 -19 309 -61 104 -110 192 -110 196 0 12
+-62 39 -79 35 -9 -2 -53 -20 -98 -40 -165 -72 -336 -81 -500 -24 -98 33 -185
+89 -263 168 -85 86 -129 156 -168 263 -24 67 -26 86 -26 233 -1 151 1 165 27
+240 38 107 88 188 163 260 81 79 175 129 264 142 19 3 36 6 38 8 11 10 151 -8
+204 -26z m-1734 7 c258 -50 458 -327 451 -628 -6 -285 -156 -512 -417 -630
+-163 -74 -365 -79 -522 -13 -30 13 -68 30 -85 39 -41 22 -69 20 -99 -6 -38
+-35 -236 -387 -236 -421 0 -32 14 -46 120 -124 95 -71 182 -189 226 -308 4
+-11 9 -24 11 -30 24 -66 34 -242 19 -337 -8 -50 -46 -152 -79 -211 -55 -100
+-114 -162 -247 -260 -72 -53 -70 -63 62 -293 141 -245 136 -242 264 -183 95
+45 178 62 289 63 104 1 131 -3 205 -27 160 -52 278 -139 368 -271 84 -123 118
+-228 121 -376 5 -188 -60 -352 -188 -480 -85 -83 -155 -124 -253 -144 -127
+-27 -233 -5 -403 83 -137 71 -316 183 -323 202 -2 5 -8 9 -13 9 -37 0 -363
+310 -478 455 -301 377 -493 847 -539 1325 -16 169 -7 485 18 630 38 222 76
+363 147 540 168 425 453 799 827 1085 195 148 464 294 576 311 19 3 36 7 37 8
+5 4 108 -2 141 -8z"/>
+</g>
+</svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/meta/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Shepherd",
+    "short_name": "Shepherd",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>github</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/google.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g><path d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></g></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>linkedin</title><path  d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>x</title><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932zM17.61 20.644h2.039L6.486 3.24H4.298z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/omniauth/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>youtube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>github</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/google.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>google</title><g><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"></path></g></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 0 0 1.384 2.126A5.868 5.868 0 0 0 4.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 0 0 2.126-1.384 5.86 5.86 0 0 0 1.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 0 0-1.384-2.126A5.847 5.847 0 0 0 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 0 1-.899 1.382 3.744 3.744 0 0 1-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 0 1-1.379-.899 3.644 3.644 0 0 1-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 1 0 0-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 0 1-2.88 0 1.44 1.44 0 0 1 2.88 0z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>linkedin</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/twitter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>x</title><g><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932zM17.61 20.644h2.039L6.486 3.24H4.298z"></path></g></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/images/railsui/social/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>youtube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg>

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/auto_expand_text_area_controller.js

@@ -0,0 +1,24 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  expand() {
+    this.element.style.height = `${this.element.scrollHeight + 2}px`
+
+    if (this.element.scrollHeight > 60) {
+      this.element.classList.remove("rounded-full")
+      this.element.classList.add("rounded-lg")
+    } else {
+      this.resetTextarea()
+    }
+
+    if (this.element.value.trim() === "") {
+      this.resetTextarea()
+    }
+  }
+
+  resetTextarea() {
+    this.element.style.height = "auto"
+    this.element.classList.add("rounded-full")
+    this.element.classList.remove("rounded-lg")
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/counter_input_controller.js

@@ -0,0 +1,36 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["value", "decrementBtn"]
+
+  connect() {
+    this.disableDecrementIfZero()
+  }
+
+  increment(event) {
+    event.preventDefault()
+    // Increment value by 1
+    this.valueTarget.value = parseInt(this.valueTarget.value) + 1
+    this.disableDecrementIfZero()
+  }
+
+  decrement(event) {
+    event.preventDefault()
+    // Decrement value by 1, but ensure it doesn't go below 0
+    this.valueTarget.value = Math.max(parseInt(this.valueTarget.value) - 1, 0)
+    this.disableDecrementIfZero()
+  }
+
+  disableDecrementIfZero() {
+    // Apply or remove classes based on the presence of the "disabled" attribute
+    if (this.decrementBtnTarget && this.valueTarget.value == 0) {
+      this.decrementBtnTarget.classList.add("pointer-events-none", "opacity-50")
+    } else {
+      this.decrementBtnTarget.classList.remove(
+        "pointer-events-none",
+        "opacity-50"
+      )
+      this.decrementBtnTarget.removeAttribute("disabled")
+    }
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/dark_mode_controller.js

@@ -0,0 +1,64 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  connect() {
+    // Check system preference and set dark mode if preferred
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)")
+
+    // Function to handle changes in the system color scheme
+    const handleSystemColorChange = (event) => {
+      if (event.matches) {
+        this.setDarkMode()
+      } else {
+        this.setLightMode()
+      }
+    }
+
+    // Initial check and set the theme based on system preference or user preference
+    if (
+      localStorage.theme === "dark" ||
+      (!("theme" in localStorage) && prefersDark.matches)
+    ) {
+      this.setDarkMode()
+    } else {
+      this.setLightMode()
+    }
+
+    // Listen for changes in system color scheme
+    prefersDark.addListener(handleSystemColorChange)
+  }
+
+  toggle(event) {
+    const selectedTheme = event.currentTarget.getAttribute("data-theme")
+
+    if (selectedTheme === "dark") {
+      this.setDarkMode()
+    } else if (selectedTheme === "light") {
+      this.setLightMode()
+    } else {
+      this.setSystemMode()
+    }
+  }
+
+  setDarkMode() {
+    document.documentElement.classList.add("dark")
+    localStorage.theme = "dark"
+  }
+
+  setLightMode() {
+    document.documentElement.classList.remove("dark")
+    localStorage.theme = "light"
+  }
+
+  setSystemMode() {
+    const prefersDark = window.matchMedia("(prefers-color-scheme: dark)")
+
+    if (prefersDark.matches) {
+      this.setDarkMode()
+    } else {
+      this.setLightMode()
+    }
+
+    delete localStorage.theme
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/gallery_controller.js

@@ -0,0 +1,14 @@
+import { Controller } from "@hotwired/stimulus"
+import PhotoSwipeLightbox from "photoswipe/lightbox"
+
+export default class extends Controller {
+  connect() {
+    const lightbox = new PhotoSwipeLightbox({
+      gallery: this.element,
+      children: "a",
+      pswpModule: () => import("photoswipe"),
+    })
+
+    lightbox.init()
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/help_search_controller.js

@@ -0,0 +1,62 @@
+import { Controller } from "@hotwired/stimulus"
+import { useTransition } from "stimulus-use"
+
+export default class extends Controller {
+  static targets = ["searchMenu"]
+  static values = {
+    recentData: Array,
+    linkClasses: String,
+  }
+
+  connect() {
+    useTransition(this, {
+      element: this.searchMenuTarget,
+    })
+  }
+
+  toggle() {
+    this.toggleTransition()
+    this.showRecents()
+  }
+
+  hide(event) {
+    if (
+      !this.element.contains(event.target) &&
+      !this.searchMenuTarget.classList.contains("hidden")
+    ) {
+      this.leave()
+    }
+  }
+
+  disconnect() {
+    this.leave()
+  }
+
+  closeMenu() {
+    this.toggleTransition() // Close the menu
+  }
+
+  showRecents() {
+    const data = this.recentDataValue
+    const listContainer = this.searchMenuTarget
+    const linkClasses = this.linkClassesValue
+    const svgIcon = `<svg class="size-6 stroke-current opacity-50 group-hover:opacity-90" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>magnifying-glass</title><g fill="none"><path d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>`
+
+    // Clear any existing list items
+    listContainer.innerHTML = ""
+
+    // Iterate through the JSON data and create list items
+    data.forEach((item) => {
+      const li = `
+      <li>
+        <a href="${item.url}" class="group flex items-center ${linkClasses}" target="_blank">
+          ${svgIcon} <span class="pl-2">${item.title}</span>
+        </a>
+      </li>
+    `
+
+      // Use insertAdjacentHTML to insert the HTML string
+      listContainer.insertAdjacentHTML("afterbegin", li)
+    })
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/inbox_controller.js

@@ -0,0 +1,53 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [
+    "inboxBtn",
+    "inboxContainer",
+    "messageContainer",
+    "bookingContainer",
+  ]
+
+  toggle(event) {
+    console.log(event.target.dataset.buttonValue)
+    this.resetButtons()
+
+    switch (event.target.dataset.buttonValue) {
+      case "inbox":
+        event.target.classList.add("text-primary-600")
+        this.showInbox()
+        break
+      case "message":
+        event.target.classList.add("text-primary-600")
+        this.showMessage()
+        break
+      case "booking":
+        event.target.classList.add("text-primary-600")
+        this.showBooking()
+    }
+  }
+
+  showInbox() {
+    this.inboxContainerTarget.style.display = "block"
+    this.messageContainerTarget.style.display = "none"
+    this.bookingContainerTarget.style.display = "none"
+  }
+
+  showMessage() {
+    this.messageContainerTarget.style.display = "block"
+    this.inboxContainerTarget.style.display = "none"
+    this.bookingContainerTarget.style.display = "none"
+  }
+
+  showBooking() {
+    this.bookingContainerTarget.style.display = "block"
+    this.inboxContainerTarget.style.display = "none"
+    this.messageContainerTarget.style.display = "none"
+  }
+
+  resetButtons() {
+    this.inboxBtnTargets.forEach((btn) => {
+      btn.classList.remove("text-primary-600")
+    })
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/insight_chart_controller.js

@@ -0,0 +1,122 @@
+import { Controller } from "@hotwired/stimulus"
+import ApexCharts from "apexcharts"
+
+export default class extends Controller {
+  static values = {
+    name: String,
+    data: Array,
+    yAxisMin: Number,
+    default: 0,
+    yAxisMax: { type: Number, default: 100 },
+    yAxisDenomination: { type: String, default: "%" },
+  }
+
+  connect() {
+    // Add an event listener for changes in color scheme if theme switch
+    window.matchMedia("(prefers-color-scheme: dark)").addListener(() => {
+      this.initializeChart()
+      this.updateChartTheme()
+    })
+
+    // Initial setup
+    this.initializeChart()
+    this.updateChartTheme()
+  }
+
+  initializeChart() {
+    const options = {
+      series: [
+        {
+          name: this.nameValue,
+          data: this.dataValue,
+        },
+      ],
+      chart: {
+        height: 350,
+        type: "line",
+        background: "transparent",
+        toolbar: {
+          show: false,
+        },
+        // Add the theme property
+        theme: {
+          mode: this.isDarkMode() ? "dark" : "light",
+        },
+      },
+      stroke: {
+        width: 5,
+        curve: "smooth",
+      },
+      xaxis: {
+        type: "datetime",
+        tickAmount: 6,
+        labels: {
+          formatter: function (value, timestamp, opts) {
+            return opts.dateFormatter(new Date(timestamp), "MM/dd")
+          },
+          style: {
+            fontFamily: "Lexend",
+            fontSize: 14,
+          },
+        },
+      },
+      yaxis: {
+        min: this.yAxisMinValue,
+        max: this.yAxisMaxValue,
+        tickAmount: 5,
+        labels: {
+          formatter: (value) =>
+            `${value.toFixed(2)} ${this.yAxisDenominationValue}`,
+          style: {
+            fontFamily: "Lexend",
+            fontSize: 14,
+          },
+        },
+      },
+      fill: {
+        type: "gradient",
+        gradient: {
+          shade: "dark",
+          gradientToColors: ["#F43F5E"],
+          shadeIntensity: 1,
+          type: "horizontal",
+          opacityFrom: 1,
+          opacityTo: 1,
+          stops: [0, 100, 100, 100],
+        },
+      },
+      tooltip: {
+        x: {
+          title: {
+            formatter: (seriesName) =>
+              `${seriesName.toFixed(2)} ${this.yAxisDenominationValue}`,
+          },
+        },
+        marker: {
+          show: false,
+        },
+      },
+    }
+
+    this.chart = new ApexCharts(this.element, options)
+    this.chart.render()
+  }
+
+  updateChartTheme() {
+    if (this.chart) {
+      const newTheme = this.isDarkMode() ? "dark" : "light"
+      this.chart.updateOptions({
+        theme: {
+          mode: newTheme,
+        },
+      })
+    }
+  }
+
+  isDarkMode() {
+    return (
+      window.matchMedia &&
+      window.matchMedia("(prefers-color-scheme: dark)").matches
+    )
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/insights_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus"
+import ApexCharts from "apexcharts"
+export default class extends Controller {
+  connect() {}
+
+  performance() {}
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/nav_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus"
+import { useTransition } from "stimulus-use"
+
+export default class extends Controller {
+  static targets = ["nav"]
+
+  connect() {
+    useTransition(this, {
+      element: this.navTarget,
+    })
+  }
+
+  toggle() {
+    this.toggleTransition()
+  }
+
+  disconnect() {
+    this.leave()
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/pricing_controller.js

@@ -0,0 +1,41 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["price", "interval", "intervalBtn", "promotion"]
+
+  initialize() {
+    this.interval = "month"
+  }
+
+  toggle(event) {
+    // Toggle the interval
+    this.interval = this.interval === "month" ? "year" : "month"
+
+    // Update the plan prices and intervals
+    this.priceTargets.forEach((price) => {
+      const monthlyPrice = price.dataset.month
+      const annualPrice = price.dataset.year
+
+      price.innerText = this.interval === "month" ? monthlyPrice : annualPrice
+    })
+
+    // Update the plan intervals
+    this.intervalTargets.forEach((interval) => {
+      interval.innerText = `/${this.interval}`
+    })
+
+    // Toggle button appearance
+    this.intervalBtnTargets.forEach((btn) => {
+      if (event.currentTarget === btn) {
+        btn.classList.remove("btn", "btn-transparent")
+        btn.classList.add("btn", "btn-primary")
+      } else {
+        btn.classList.remove("btn", "btn-primary")
+        btn.classList.add("btn", "btn-transparent")
+      }
+    })
+
+    // Show promotion on annual plans
+    this.promotionTarget.classList.toggle("hidden")
+  }
+}

data/lib/generators/railsui/install/templates/themes/shepherd/javascript/controllers/railsui/properties_controller.js

@@ -0,0 +1,25 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["grid", "list", "listbutton", "gridbutton"]
+
+  connect() {}
+
+  toggle(event) {
+    event.preventDefault()
+
+    const view = event.target.getAttribute("data-view")
+
+    if (view === "grid") {
+      this.gridTarget.classList.remove("hidden")
+      this.listTarget.classList.add("hidden")
+      this.listbuttonTarget.dataset.active = "false"
+      this.gridbuttonTarget.dataset.active = "true"
+    } else if (view === "list") {
+      this.gridTarget.classList.add("hidden")
+      this.listTarget.classList.remove("hidden")
+      this.listbuttonTarget.dataset.active = "true"
+      this.gridbuttonTarget.dataset.active = "false"
+    }
+  }
+}