Added ltr support

Author: AlemTuzlak

package.json

@@ -2,7 +2,7 @@
   "name": "remix-development-tools",
   "description": "Remix development tools.",
   "author": "Alem Tuzlak",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "license": "MIT",
   "keywords": [
     "remix",

src/input.css

@@ -1,6 +1,6 @@
 .remix-dev-tools ::before,
 .remix-dev-tools ::after {
-  --tw-content: '';
+  --tw-content: "";
 }
 .remix-dev-tools *,
 .remix-dev-tools ::before,
@@ -32,7 +32,7 @@
   border-radius: 0.4rem;
   margin-right: 0.2rem;
   background-color: #212121;
-  display: 'none';
+  display: "none";
 }
 
 .remix-dev-tools *::-webkit-scrollbar {
@@ -96,7 +96,7 @@ Add the correct font weight in Edge and Safari.
 .remix-dev-tools samp,
 .remix-dev-tools pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
+    "Liberation Mono", "Courier New", monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
@@ -187,9 +187,9 @@ Remove the inheritance of text transform in Edge and Firefox.
 */
 
 .remix-dev-tools button,
-.remix-dev-tools [type='button'],
-.remix-dev-tools [type='reset'],
-.remix-dev-tools [type='submit'] {
+.remix-dev-tools [type="button"],
+.remix-dev-tools [type="reset"],
+.remix-dev-tools [type="submit"] {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -236,7 +236,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
 2. Correct the outline style in Safari.
 */
 
-.remix-dev-tools [type='search'] {
+.remix-dev-tools [type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
@@ -342,7 +342,7 @@ Set the default cursor for buttons.
 */
 
 .remix-dev-tools button,
-.remix-dev-tools [role='button'] {
+.remix-dev-tools [role="button"] {
   cursor: pointer;
 }
 
@@ -502,8 +502,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   tab-size: 4;
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */

src/public/stylesheet.css

@@ -1,6 +1,6 @@
 .remix-dev-tools ::before,
 .remix-dev-tools ::after {
-  --tw-content: '';
+  --tw-content: "";
 }
 
 .remix-dev-tools *,
@@ -35,7 +35,7 @@
   border-radius: 0.4rem;
   margin-right: 0.2rem;
   background-color: #212121;
-  display: 'none';
+  display: "none";
 }
 
 .remix-dev-tools *::-webkit-scrollbar {
@@ -100,7 +100,7 @@ Add the correct font weight in Edge and Safari.
 .remix-dev-tools samp,
 .remix-dev-tools pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
+    "Liberation Mono", "Courier New", monospace;
   /* 1 */
   font-size: 1em;
   /* 2 */
@@ -191,9 +191,9 @@ Remove the inheritance of text transform in Edge and Firefox.
 */
 
 .remix-dev-tools button,
-.remix-dev-tools [type='button'],
-.remix-dev-tools [type='reset'],
-.remix-dev-tools [type='submit'] {
+.remix-dev-tools [type="button"],
+.remix-dev-tools [type="reset"],
+.remix-dev-tools [type="submit"] {
   -webkit-appearance: button;
   /* 1 */
   background-color: transparent;
@@ -240,7 +240,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
 2. Correct the outline style in Safari.
 */
 
-.remix-dev-tools [type='search'] {
+.remix-dev-tools [type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
   outline-offset: -2px;
@@ -354,7 +354,7 @@ Set the default cursor for buttons.
 */
 
 .remix-dev-tools button,
-.remix-dev-tools [role='button'] {
+.remix-dev-tools [role="button"] {
   cursor: pointer;
 }
 
@@ -515,8 +515,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   tab-size: 4;
   /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -1031,8 +1031,8 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
 
 .rdt-font-sans {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
 }
 
 .rdt-text-base {
@@ -1215,7 +1215,7 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   animation-duration: 300ms !important;
 }
 
-.\[\&\[data-state\=open\]\>svg\]\:rdt-rotate-180[data-state='open'] > svg {
+.\[\&\[data-state\=open\]\>svg\]\:rdt-rotate-180[data-state="open"] > svg {
   --tw-rotate: 180deg !important;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y))
     rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))