drab 4.1.5 → 4.1.7

package/README.md

@@ -120,7 +120,7 @@ Contribute to the project, or use **drab** as a template for another component l
 
 1. Clone the [repository](https://github.com/rossrobino/drab)
 2. `bun i`
-3. `bun run dev`
+3. `bun dev`
 
 #### Add or edit a component
 

package/dist/components/Editor.svelte

@@ -229,28 +229,29 @@ ${repeat}`,
         });
       }, 0);
     }
-  } else if (e.ctrlKey || e.metaKey) {
-    if (textArea.selectionStart === textArea.selectionEnd) {
-      if (e.key === "c" || e.key === "x") {
-        e.preventDefault();
-        const { lines, lineNumber, columnNumber } = getLineInfo();
-        await navigator.clipboard.writeText(
-          `${lineNumber === 0 && e.key === "x" ? "" : "\n"}${lines[lineNumber]}`
-        );
-        if (e.key === "x") {
-          const newPos = textArea.selectionStart - columnNumber;
-          lines.splice(lineNumber, 1);
-          valueTextarea = lines.join("\n");
-          setTimeout(() => {
-            textArea.setSelectionRange(newPos, newPos);
-          }, 0);
-        }
-      }
-    }
   } else {
     const nextCharIsClosing = Object.values(keyPairs).includes(nextChar);
     const highlighted = textArea.selectionStart !== textArea.selectionEnd;
-    if (e.ctrlKey && e.key) {
+    if (e.ctrlKey || e.metaKey) {
+      if (textArea.selectionStart === textArea.selectionEnd) {
+        if (e.key === "c" || e.key === "x") {
+          e.preventDefault();
+          const { lines, lineNumber, columnNumber } = getLineInfo();
+          await navigator.clipboard.writeText(
+            `${lineNumber === 0 && e.key === "x" ? "" : "\n"}${lines[lineNumber]}`
+          );
+          if (e.key === "x") {
+            const newPos = textArea.selectionStart - columnNumber;
+            lines.splice(lineNumber, 1);
+            valueTextarea = lines.join("\n");
+            setTimeout(() => {
+              textArea.setSelectionRange(newPos, newPos);
+            }, 0);
+          }
+        }
+      }
+    }
+    if ((e.ctrlKey || e.metaKey) && e.key) {
       const matchedEl = contentElements.find((el) => el.key === e.key);
       if (matchedEl)
         addContent(matchedEl);

package/dist/components/Editor.svelte.d.ts

@@ -10,7 +10,7 @@ declare const __propDef: {
             /** controls how the text is added */
             display: "inline" | "block" | "wrap";
             /** contents of the `button` */
-            icon: string | ComponentType;
+            icon: string | ComponentType<SvelteComponent>;
             /** keyboard shortcut */
             key?: string | undefined;
             /** class to apply to the specific `button` */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "drab",
-	"version": "4.1.5",
+	"version": "4.1.7",
 	"description": "An Unstyled Svelte Component Library",
 	"keywords": [
 		"components",
@@ -58,27 +58,28 @@
 		"svelte": "^4.2.8"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-vercel": "^3.1.0",
-		"@sveltejs/kit": "^1.29.1",
-		"@sveltejs/package": "^2.2.3",
+		"@sveltejs/adapter-vercel": "^4.0.4",
+		"@sveltejs/kit": "^2.0.6",
+		"@sveltejs/package": "^2.2.5",
+		"@sveltejs/vite-plugin-svelte": "^3.0.1",
 		"@tailwindcss/typography": "^0.5.10",
-		"@types/node": "^20.10.4",
-		"@typescript-eslint/eslint-plugin": "^6.14.0",
-		"@typescript-eslint/parser": "^6.14.0",
+		"@types/node": "^20.10.6",
+		"@typescript-eslint/eslint-plugin": "^6.17.0",
+		"@typescript-eslint/parser": "^6.17.0",
 		"autoprefixer": "^10.4.16",
-		"eslint": "^8.55.0",
+		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
-		"prettier-plugin-tailwindcss": "^0.5.9",
-		"publint": "^0.2.6",
+		"prettier-plugin-tailwindcss": "^0.5.10",
+		"publint": "^0.2.7",
 		"robino": "^0.0.39",
 		"svelte-check": "^3.6.2",
-		"tailwindcss": "^3.3.6",
+		"tailwindcss": "^3.4.0",
 		"tslib": "^2.6.2",
 		"typescript": "^5.3.3",
-		"uico": "^0.1.6",
-		"vite": "^4.5.0"
+		"uico": "^0.2.1",
+		"vite": "^5.0.11"
 	}
 }