svelte-tweakpane-ui 1.5.3 → 1.5.4

package/dist/utils.js

@@ -1,32 +1,37 @@
-/* eslint-disable @typescript-eslint/no-unnecessary-type-arguments */
+/* eslint-disable ts/no-unsafe-call */
+/* eslint-disable ts/no-explicit-any */
+/* eslint-disable node/no-unsupported-features/node-builtins */
+/* eslint-disable ts/no-unnecessary-type-parameters */
+/* eslint-disable ts/no-unsafe-member-access */
+/* eslint-disable ts/no-unnecessary-type-arguments */
 // Utility functions
 /**
  * For CLS SSR calculation
  */
 export function rowsForMonitor(buffer, rows, graph) {
 	if (graph) {
-		return Math.max(rows ?? 3, 3);
+		return Math.max(rows ?? 3, 3)
 	}
 	if (buffer === undefined && rows === undefined) {
-		return 1;
+		return 1
 	}
 	if (buffer === undefined && rows !== undefined) {
-		return 1;
+		return 1
 	}
 	if (buffer !== undefined && rows === undefined) {
-		return buffer > 1 ? 3 : 1;
+		return buffer > 1 ? 3 : 1
 	}
 	if (buffer === 1) {
-		return 1;
+		return 1
 	}
 	// Both defined
-	return rows ?? 1; // TODO
+	return rows ?? 1 // TODO
 }
 /**
  * Fills an array of length `quantity` with a `value`
  */
 export function fillWith(value, quantity) {
-	return Array.from({ length: quantity }, () => value);
+	return Array.from({ length: quantity }, () => value)
 }
 /**
  * There's no way to enforce readonly properties in Svelte components, so this is a workaround. See
@@ -56,76 +61,76 @@ export function enforceReadonly(
 	external,
 	componentName,
 	propertyName,
-	allowAssignmentToUndefined
+	allowAssignmentToUndefined,
 ) {
-	allowAssignmentToUndefined ??= false;
+	allowAssignmentToUndefined ??= false
 	if (
 		!(
 			external === internal ||
 			(allowAssignmentToUndefined && internal === undefined && external !== undefined)
 		)
 	) {
-		const componentString = componentName ? `<${componentName}> ` : '';
-		const propertyString = propertyName ? `property "${propertyName}" ` : '';
+		const componentString = componentName ? `<${componentName}> ` : ''
+		const propertyString = propertyName ? `property "${propertyName}" ` : ''
 		console.error(
-			`Svelte component "${componentString}" property "${propertyString}" is intended for readonly use.\nAssigning\n"${String(external)}"\nto\n"${String(internal)}"\nis not allowed.`
-		);
+			`Svelte component "${componentString}" property "${propertyString}" is intended for readonly use.\nAssigning\n"${String(external)}"\nto\n"${String(internal)}"\nis not allowed.`,
+		)
 	}
 }
 export function isRootPane(container) {
-	return container.constructor.name === 'Pane';
+	return container.constructor.name === 'Pane'
 }
 export function clamp(value, min, max) {
 	// Prioritize min over max
-	return Math.min(Math.max(value, min), max);
+	return Math.min(Math.max(value, min), max)
 }
 export function getElementIndex(element) {
-	let index = 0;
-	// eslint-disable-next-line @typescript-eslint/ban-types
-	let sibling = element;
+	let index = 0
+	// eslint-disable-next-line ts/no-restricted-types
+	let sibling = element
 	while ((sibling = sibling.previousElementSibling) !== null) {
 		// The Element component can add extra stuff to the DOM which will mess up counting...
 		// So we add an extra class to its wrapper and don't let it increment the index.
 		// This was the cause of https://github.com/kitschpatrol/svelte-tweakpane-ui/issues/18
 		if (!sibling.classList.contains('skip-element-index')) {
-			index++;
+			index++
 		}
 	}
-	return index;
+	return index
 }
 // Doesn't create a new object, only works with string keys
 export function removeKeys(object, ...keys) {
 	for (const key of keys) {
 		if (key in object) {
-			// eslint-disable-next-line @typescript-eslint/no-dynamic-delete
-			delete object[key];
+			// eslint-disable-next-line ts/no-dynamic-delete
+			delete object[key]
 		}
 	}
-	return object;
+	return object
 }
 function clickBlocker(event) {
 	// Only block user clicks, not programmatic ones
-	if (event.isTrusted) event.stopPropagation();
+	if (event.isTrusted) event.stopPropagation()
 }
 // Used by folder and pane TODO rewrite to use getSwatchButton etc.
 export function updateCollapsibility(isUserExpandableEnabled, element, titleBarClass, iconClass) {
 	if (element) {
-		const titleBarElement = element.querySelector(`.${titleBarClass}`);
+		const titleBarElement = element.querySelector(`.${titleBarClass}`)
 		if (titleBarElement) {
-			const iconElement = iconClass ? element.querySelector(`.${iconClass}`) : undefined;
+			const iconElement = iconClass ? element.querySelector(`.${iconClass}`) : undefined
 			if (isUserExpandableEnabled) {
-				titleBarElement.removeEventListener('click', clickBlocker, { capture: true });
-				titleBarElement.style.cursor = 'pointer';
-				if (iconElement) iconElement.style.display = 'block';
+				titleBarElement.removeEventListener('click', clickBlocker, { capture: true })
+				titleBarElement.style.cursor = 'pointer'
+				if (iconElement) iconElement.style.display = 'block'
 			} else {
 				// Expanded = true;
-				titleBarElement.addEventListener('click', clickBlocker, { capture: true });
-				titleBarElement.style.cursor = 'default';
-				if (iconElement) iconElement.style.display = 'none';
+				titleBarElement.addEventListener('click', clickBlocker, { capture: true })
+				titleBarElement.style.cursor = 'default'
+				if (iconElement) iconElement.style.display = 'none'
 			}
 		}
 	} else {
-		console.warn(`Title bar element not found with class "${titleBarClass}"`);
+		console.warn(`Title bar element not found with class "${titleBarClass}"`)
 	}
 }
 /**
@@ -139,87 +144,82 @@ export function updateCollapsibility(isUserExpandableEnabled, element, titleBarC
  * If both constraints are provided, values may be clipped.
  */
 export function getGridDimensions(itemCount, maxColumns, maxRows) {
-	let rows;
-	let columns;
+	let rows
+	let columns
 	if (maxColumns && maxRows) {
 		// No flexing; items can exceed the available slots
-		rows = Math.min(Math.ceil(itemCount / maxColumns), maxRows);
-		columns = Math.min(maxColumns, itemCount);
+		rows = Math.min(Math.ceil(itemCount / maxColumns), maxRows)
+		columns = Math.min(maxColumns, itemCount)
 	} else if (maxColumns) {
 		// Only maxColumns defined, so rows will flex
-		rows = Math.ceil(itemCount / maxColumns);
-		columns = maxColumns;
+		rows = Math.ceil(itemCount / maxColumns)
+		columns = maxColumns
 	} else if (maxRows) {
 		// Only maxRows defined, so columns will flex
-		columns = Math.ceil(itemCount / maxRows);
-		rows = maxRows;
+		columns = Math.ceil(itemCount / maxRows)
+		rows = maxRows
 	} else {
 		// Neither maxColumns nor maxRows defined; create a square grid
-		columns = Math.ceil(Math.sqrt(itemCount));
-		rows = Math.ceil(itemCount / columns);
+		columns = Math.ceil(Math.sqrt(itemCount))
+		rows = Math.ceil(itemCount / columns)
 	}
-	return { columns, rows };
+	return { columns, rows }
 }
+// eslint-disable-next-line ts/consistent-indexed-object-style
 export function tupleToObject(tuple, keys) {
-	// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
-	const result = {};
+	// eslint-disable-next-line ts/consistent-type-assertions
+	const result = {}
 	for (const [index, key] of keys.entries()) {
 		// Assert that the assignment is safe
-		result[key] = tuple[index];
+		result[key] = tuple[index]
 	}
-	return result;
+	return result
 }
 export function objectToTuple(object, keys) {
-	return keys.map((key) => object[key]);
+	return keys.map((key) => object[key])
 }
 // Tweakpane  helpers
 export function pickerIsOpen(blade) {
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	return blade.controller.valueController?.foldable_?.valMap_?.expanded?.value_;
+	return Boolean(blade.controller.valueController?.foldable_?.valMap_?.expanded?.value_)
 }
 export function getSwatchButton(blade) {
 	const swatch =
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
 		blade.controller?.valueController?.view?.swatchElement?.querySelector('button') ??
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		blade.controller?.valueController?.view?.buttonElement;
-	return swatch;
+		blade.controller?.valueController?.view?.buttonElement
+	return swatch
 }
 // Utility functions
 function quaternionToCssTransform(quaternion) {
 	const [x, y, z, w] = Array.isArray(quaternion)
 		? quaternion
-		: [quaternion.x, quaternion.y, quaternion.z, quaternion.w];
-	const m11 = 1 - 2 * y * y - 2 * z * z;
-	const m12 = 2 * x * y - 2 * z * w;
-	const m13 = 2 * x * z + 2 * y * w;
-	const m21 = 2 * x * y + 2 * z * w;
-	const m22 = 1 - 2 * x * x - 2 * z * z;
-	const m23 = 2 * y * z - 2 * x * w;
-	const m31 = 2 * x * z - 2 * y * w;
-	const m32 = 2 * y * z + 2 * x * w;
-	const m33 = 1 - 2 * x * x - 2 * y * y;
+		: [quaternion.x, quaternion.y, quaternion.z, quaternion.w]
+	const m11 = 1 - 2 * y * y - 2 * z * z
+	const m12 = 2 * x * y - 2 * z * w
+	const m13 = 2 * x * z + 2 * y * w
+	const m21 = 2 * x * y + 2 * z * w
+	const m22 = 1 - 2 * x * x - 2 * z * z
+	const m23 = 2 * y * z - 2 * x * w
+	const m31 = 2 * x * z - 2 * y * w
+	const m32 = 2 * y * z + 2 * x * w
+	const m33 = 1 - 2 * x * x - 2 * y * y
 	return `matrix3d(
   		${m11}, ${m12}, ${m13}, 0,
   		${m21}, ${m22}, ${m23}, 0,
   		${m31}, ${m32}, ${m33}, 0,
   		0, 0, 0, 1
-		)`;
+		)`
 }
-function eulerToCssTransform(
-	rotation,
-	units = 'rad' // Rad is component default
-) {
-	const [x, y, z] = Array.isArray(rotation) ? rotation : [rotation.x, rotation.y, rotation.z];
+function eulerToCssTransform(rotation, units = 'rad') {
+	const [x, y, z] = Array.isArray(rotation) ? rotation : [rotation.x, rotation.y, rotation.z]
 	// Note negative z
-	return `rotateX(${x}${units}) rotateY(${y}${units}) rotateZ(${-z}${units})`;
+	return `rotateX(${x}${units}) rotateY(${y}${units}) rotateZ(${-z}${units})`
 }
 function cubicBezierToEaseFunction(cubicBezier) {
 	const [_x1, y1, _x2, y2] = Array.isArray(cubicBezier)
 		? cubicBezier
-		: [cubicBezier.x1, cubicBezier.y1, cubicBezier.x2, cubicBezier.y2];
+		: [cubicBezier.x1, cubicBezier.y1, cubicBezier.x2, cubicBezier.y2]
 	return (t) =>
-		(1 - t) ** 3 * 0 + (1 - t) ** 2 * t * 3 * y1 + (1 - t) * t ** 2 * 3 * y2 + t ** 3 * 1;
+		(1 - t) ** 3 * 0 + (1 - t) ** 2 * t * 3 * y1 + (1 - t) * t ** 2 * 3 * y2 + t ** 3 * 1
 }
 // Library exports
 export default {
@@ -234,7 +234,7 @@ export default {
 	 * Convenience function for creating CSS-ready euler rotation transforms
 	 * @param rotation - `RotationEulerValue`, probably from a `<RotationEuler>` component
 	 * @param quaternion
-	 * @returns CSS rotateX/Y/Z string ready to be passed into a CSS transform
+	 * @returns CSS rotate X/Y/Z string ready to be passed into a CSS transform
 	 */
 	eulerToCssTransform,
 	/**
@@ -243,5 +243,5 @@ export default {
 	 * component
 	 * @returns CSS matrix3d string ready to be passed into a CSS transform
 	 */
-	quaternionToCssTransform
-};
+	quaternionToCssTransform,
+}

package/license.txt

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023-2024 Eric Mika
+Copyright (c) 2023-2025 Eric Mika
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/package.json

@@ -1,32 +1,58 @@
 {
   "name": "svelte-tweakpane-ui",
-  "version": "1.5.3",
-  "type": "module",
+  "version": "1.5.4",
   "description": "A Svelte component library wrapping UI elements from Tweakpane, plus some additional functionality for convenience and flexibility.",
+  "keywords": [
+    "components",
+    "ui",
+    "tweaks",
+    "parameters",
+    "gui",
+    "svelte",
+    "sveltekit",
+    "tweakpane",
+    "ui-library",
+    "svelte-ui",
+    "svelte-components",
+    "ui-components",
+    "components-library",
+    "front-end",
+    "npm-package"
+  ],
+  "homepage": "https://kitschpatrol.com/svelte-tweakpane-ui",
+  "bugs": "https://github.com/kitschpatrol/svelte-tweakpane-ui/issues",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kitschpatrol/svelte-tweakpane-ui.git"
   },
-  "homepage": "https:///kitschpatrol.com/svelte-tweakpane-ui",
-  "bugs": {
-    "url": "https://github.com/kitschpatrol/svelte-tweakpane-ui/issues",
-    "email": "eric@ericmika.com"
-  },
+  "license": "MIT",
   "author": {
     "name": "Eric Mika",
     "email": "eric@ericmika.com",
     "url": "https://ericmika.com"
   },
-  "license": "MIT",
-  "engines": {
-    "node": ">=18.0.0",
-    "pnpm": ">=9.0.0"
-  },
+  "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
     },
+    "./AutoObject.svelte": {
+      "types": "./dist/extra/AutoObject.svelte.d.ts",
+      "svelte": "./dist/extra/AutoObject.svelte"
+    },
+    "./AutoValue.svelte": {
+      "types": "./dist/extra/AutoValue.svelte.d.ts",
+      "svelte": "./dist/extra/AutoValue.svelte"
+    },
+    "./Binding.svelte": {
+      "types": "./dist/core/Binding.svelte.d.ts",
+      "svelte": "./dist/core/Binding.svelte"
+    },
+    "./Blade.svelte": {
+      "types": "./dist/core/Blade.svelte.d.ts",
+      "svelte": "./dist/core/Blade.svelte"
+    },
     "./Button.svelte": {
       "types": "./dist/control/Button.svelte.d.ts",
       "svelte": "./dist/control/Button.svelte"
@@ -47,10 +73,22 @@
       "types": "./dist/control/CubicBezier.svelte.d.ts",
       "svelte": "./dist/control/CubicBezier.svelte"
     },
+    "./Element.svelte": {
+      "types": "./dist/extra/Element.svelte.d.ts",
+      "svelte": "./dist/extra/Element.svelte"
+    },
     "./File.svelte": {
       "types": "./dist/control/File.svelte.d.ts",
       "svelte": "./dist/control/File.svelte"
     },
+    "./Folder.svelte": {
+      "types": "./dist/core/Folder.svelte.d.ts",
+      "svelte": "./dist/core/Folder.svelte"
+    },
+    "./FpsGraph.svelte": {
+      "types": "./dist/monitor/FpsGraph.svelte.d.ts",
+      "svelte": "./dist/monitor/FpsGraph.svelte"
+    },
     "./Image.svelte": {
       "types": "./dist/control/Image.svelte.d.ts",
       "svelte": "./dist/control/Image.svelte"
@@ -63,10 +101,22 @@
       "types": "./dist/control/List.svelte.d.ts",
       "svelte": "./dist/control/List.svelte"
     },
+    "./Monitor.svelte": {
+      "types": "./dist/monitor/Monitor.svelte.d.ts",
+      "svelte": "./dist/monitor/Monitor.svelte"
+    },
+    "./Pane.svelte": {
+      "types": "./dist/core/Pane.svelte.d.ts",
+      "svelte": "./dist/core/Pane.svelte"
+    },
     "./Point.svelte": {
       "types": "./dist/control/Point.svelte.d.ts",
       "svelte": "./dist/control/Point.svelte"
     },
+    "./Profiler.svelte": {
+      "types": "./dist/monitor/Profiler.svelte.d.ts",
+      "svelte": "./dist/monitor/Profiler.svelte"
+    },
     "./RadioGrid.svelte": {
       "types": "./dist/control/RadioGrid.svelte.d.ts",
       "svelte": "./dist/control/RadioGrid.svelte"
@@ -83,6 +133,10 @@
       "types": "./dist/control/RotationQuaternion.svelte.d.ts",
       "svelte": "./dist/control/RotationQuaternion.svelte"
     },
+    "./Separator.svelte": {
+      "types": "./dist/core/Separator.svelte.d.ts",
+      "svelte": "./dist/core/Separator.svelte"
+    },
     "./Slider.svelte": {
       "types": "./dist/control/Slider.svelte.d.ts",
       "svelte": "./dist/control/Slider.svelte"
@@ -91,38 +145,6 @@
       "types": "./dist/control/Stepper.svelte.d.ts",
       "svelte": "./dist/control/Stepper.svelte"
     },
-    "./Text.svelte": {
-      "types": "./dist/control/Text.svelte.d.ts",
-      "svelte": "./dist/control/Text.svelte"
-    },
-    "./Textarea.svelte": {
-      "types": "./dist/control/Textarea.svelte.d.ts",
-      "svelte": "./dist/control/Textarea.svelte"
-    },
-    "./Wheel.svelte": {
-      "types": "./dist/control/Wheel.svelte.d.ts",
-      "svelte": "./dist/control/Wheel.svelte"
-    },
-    "./Binding.svelte": {
-      "types": "./dist/core/Binding.svelte.d.ts",
-      "svelte": "./dist/core/Binding.svelte"
-    },
-    "./Blade.svelte": {
-      "types": "./dist/core/Blade.svelte.d.ts",
-      "svelte": "./dist/core/Blade.svelte"
-    },
-    "./Folder.svelte": {
-      "types": "./dist/core/Folder.svelte.d.ts",
-      "svelte": "./dist/core/Folder.svelte"
-    },
-    "./Pane.svelte": {
-      "types": "./dist/core/Pane.svelte.d.ts",
-      "svelte": "./dist/core/Pane.svelte"
-    },
-    "./Separator.svelte": {
-      "types": "./dist/core/Separator.svelte.d.ts",
-      "svelte": "./dist/core/Separator.svelte"
-    },
     "./TabGroup.svelte": {
       "types": "./dist/core/TabGroup.svelte.d.ts",
       "svelte": "./dist/core/TabGroup.svelte"
@@ -131,33 +153,13 @@
       "types": "./dist/core/TabPage.svelte.d.ts",
       "svelte": "./dist/core/TabPage.svelte"
     },
-    "./AutoObject.svelte": {
-      "types": "./dist/extra/AutoObject.svelte.d.ts",
-      "svelte": "./dist/extra/AutoObject.svelte"
-    },
-    "./AutoValue.svelte": {
-      "types": "./dist/extra/AutoValue.svelte.d.ts",
-      "svelte": "./dist/extra/AutoValue.svelte"
-    },
-    "./Element.svelte": {
-      "types": "./dist/extra/Element.svelte.d.ts",
-      "svelte": "./dist/extra/Element.svelte"
-    },
-    "./FpsGraph.svelte": {
-      "types": "./dist/monitor/FpsGraph.svelte.d.ts",
-      "svelte": "./dist/monitor/FpsGraph.svelte"
-    },
-    "./Monitor.svelte": {
-      "types": "./dist/monitor/Monitor.svelte.d.ts",
-      "svelte": "./dist/monitor/Monitor.svelte"
-    },
-    "./Profiler.svelte": {
-      "types": "./dist/monitor/Profiler.svelte.d.ts",
-      "svelte": "./dist/monitor/Profiler.svelte"
+    "./Text.svelte": {
+      "types": "./dist/control/Text.svelte.d.ts",
+      "svelte": "./dist/control/Text.svelte"
     },
-    "./WaveformMonitor.svelte": {
-      "types": "./dist/monitor/WaveformMonitor.svelte.d.ts",
-      "svelte": "./dist/monitor/WaveformMonitor.svelte"
+    "./Textarea.svelte": {
+      "types": "./dist/control/Textarea.svelte.d.ts",
+      "svelte": "./dist/control/Textarea.svelte"
     },
     "./ThemeUtils.js": {
       "types": "./dist/theme.d.ts",
@@ -166,32 +168,20 @@
     "./Utils.js": {
       "types": "./dist/utils.d.ts",
       "default": "./dist/utils.js"
+    },
+    "./WaveformMonitor.svelte": {
+      "types": "./dist/monitor/WaveformMonitor.svelte.d.ts",
+      "svelte": "./dist/monitor/WaveformMonitor.svelte"
+    },
+    "./Wheel.svelte": {
+      "types": "./dist/control/Wheel.svelte.d.ts",
+      "svelte": "./dist/control/Wheel.svelte"
     }
   },
   "types": "./dist/index.d.ts",
   "files": [
     "./dist"
   ],
-  "keywords": [
-    "components",
-    "ui",
-    "tweaks",
-    "parameters",
-    "gui",
-    "svelte",
-    "sveltekit",
-    "tweakpane",
-    "ui-library",
-    "svelte-ui",
-    "svelte-components",
-    "ui-components",
-    "components-library",
-    "front-end",
-    "npm-package"
-  ],
-  "peerDependencies": {
-    "svelte": "^4.0.0 || ^5.0.0"
-  },
   "dependencies": {
     "@kitschpatrol/tweakpane-plugin-camerakit": "0.3.1-beta.2",
     "@kitschpatrol/tweakpane-plugin-essentials": "0.2.2-beta.2",
@@ -211,7 +201,7 @@
     "tweakpane": "4.0.5"
   },
   "devDependencies": {
-    "@kitschpatrol/shared-config": "^4.7.12",
+    "@kitschpatrol/shared-config": "^5.1.0",
     "@phenomnomnominal/tsquery": "^6.1.3",
     "@playwright/test": "^1.50.1",
     "@stkb/rewrap": "^0.1.0",
@@ -221,15 +211,16 @@
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@types/eslint": "^8.56.12",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^18.19.78",
-    "bumpp": "^9.11.1",
-    "eslint": "^8.57.1",
+    "@types/node": "^18.19.79",
+    "bumpp": "^10.0.3",
+    "eslint": "^9.21.0",
     "fs-extra": "^11.3.0",
     "glob": "^11.0.1",
     "postcss-html": "^1.8.0",
-    "publint": "^0.2.12",
+    "prettier": "^3.5.3",
+    "publint": "^0.3.8",
     "read-package-up": "^11.0.0",
-    "remark-mdat": "^0.7.5",
+    "remark-mdat": "^1.0.1",
     "svelte": "^4.2.19",
     "svelte-check": "^4.1.4",
     "svelte-language-server": "0.17.0",
@@ -237,19 +228,22 @@
     "ts-morph": "^24.0.0",
     "tslib": "^2.8.1",
     "tsx": "^4.19.3",
-    "typescript": "~5.6.3",
+    "typescript": "~5.7.3",
     "vite": "^5.4.14",
     "yaml": "^2.7.0"
   },
+  "peerDependencies": {
+    "svelte": "^4.0.0 || ^5.0.0"
+  },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "build": "pnpm run --sequential /^build:/",
-    "build:01-sync": "pnpm run check && pnpm run svelte-5-check",
+    "build:01-sync": "pnpm run check && pnpm run docs-sync",
     "build:02-exports": "tsx ./scripts/generate-exports.ts",
     "build:03-add-source-links": "tsx ./scripts/add-source-links.ts",
-    "build:04-format": "pnpm run format && prettier-config --fix ./readme.md",
+    "build:04-format": "pnpm run format",
     "build:05-package": "svelte-package && publint",
     "build:06-heal-dts-comments": "tsx ./scripts/heal-dts-comments.ts",
     "build:07-strip-component-documentation": "tsx ./scripts/strip-component-documentation.ts",
@@ -260,31 +254,22 @@
     "build:12-acknowledgments-data": "mkdir -p ./docs/src/content/acknowledgments && pnpm licenses list --json > ./docs/src/content/acknowledgments/acknowledgments-lib.json",
     "build:13-build-docs": "pnpm run docs-build",
     "build:14-build-kit": "pnpm run kit-build",
-    "build:15-build-svelte-5": "pnpm run svelte-5-build",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check-watch": "svelte-kit sync && svelte-check --ignore ./scratch --tsconfig ./tsconfig.json --watch",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.build.json",
+    "check-watch": "svelte-kit sync && svelte-check --ignore ./scratch --tsconfig ./tsconfig.build.json --watch",
     "clean": "rm pnpm-lock.yaml ; git clean -fdX",
     "docs-build": "pnpm -C ./docs run build",
     "docs-dev": "pnpm -C ./docs run dev",
     "docs-preview": "pnpm -C ./docs run preview",
-    "fix": "shared-config --fix",
-    "format": "pnpm run --sequential /^format:/",
-    "format:1-shared": "shared-config --fix",
-    "format:2-embedded": "tsx ./scripts/format-embedded-code.ts",
+    "docs-sync": "pnpm -C ./docs run sync",
+    "fix": "kpi fix",
+    "format": "kpi-mdat fix ; kpi-eslint fix ; kpi-prettier fix ; tsx ./scripts/format-embedded-code.ts",
     "kit-build": "pnpm run kit-examples && vite build",
     "kit-dev": " pnpm run kit-examples && vite dev",
     "kit-examples": "tsx ./scripts/generate-kit-examples.ts",
     "kit-preview": "vite preview",
-    "lint": "shared-config --check",
-    "release": "pnpm run --sequential /^release:/",
-    "release:1-build": "pnpm run build",
-    "release:2-version": "bumpp --commit 'Release: %s'",
-    "release:3-publish": "pnpm publish --ignore-scripts --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
+    "lint": "kpi lint",
+    "release": "pnpm run build && bumpp --commit 'Release: %s' && pnpm publish --ignore-scripts --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
     "rewrap": "rewrap -i --column 100 `find src \\( -name '*.svelte' -o -name '*.ts'  -o -name '*.html' \\) -type f | grep -v src/examples`",
-    "svelte-5-build": "pnpm -C ./svelte-5 run build",
-    "svelte-5-check": "pnpm -C ./svelte-5 run check",
-    "svelte-5-dev": "pnpm -C ./svelte-5 run dev",
-    "svelte-5-preview": "pnpm -C ./svelte-5 run preview",
     "test": "pnpm run --sequential /^test:/",
     "test:integration": "playwright test",
     "type-check": "tsc --noEmit"

package/readme.md

@@ -63,7 +63,7 @@ npm install svelte-tweakpane-ui
 
 ```svelte
 <script lang="ts">
-  import { Button } from 'svelte-tweakpane-ui';
+  import { Button } from 'svelte-tweakpane-ui'
 </script>
 
 <Button on:click={() => alert('🎛️')} />